home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / pollinate / default.css next >
Cascading Style Sheet File  |  2007-04-08  |  4KB  |  344 lines

  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. * {
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. body {
  13.     margin: 20px 0;
  14.     background: #FFFFFF;
  15.     font: normal small Arial, Helvetica, sans-serif;
  16.     color: #666666;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     color: #000000;
  21. }
  22.  
  23. h2 {
  24. }
  25.  
  26. h3 {
  27. }
  28.  
  29. p, blockquote, ul, ol {
  30. }
  31.  
  32. p {
  33. }
  34.  
  35. blockquote {
  36.     margin-left: 2em;
  37.     padding-left: 1em;
  38.     border-left: 1px solid #EEEEEE;
  39. }
  40.  
  41. ul {
  42.     margin-left: 3em;
  43. }
  44.  
  45. ul li {
  46. }
  47.  
  48. ol {
  49.     margin-left: 3em;
  50. }
  51.  
  52. ol li {
  53. }
  54.  
  55. a {
  56.     color: #0072BC;
  57. }
  58.  
  59. a:hover {
  60.     text-decoration: none;
  61.     color: #59C700;
  62. }
  63.  
  64. img {
  65.     border: none;
  66. }
  67.  
  68. /* Boxed Style */
  69.  
  70. .boxed {
  71. }
  72.  
  73. .boxed .title {
  74.     height: 23px;
  75.     padding: 15px 0 0 19px;
  76.     background: #8CBEF5 url(images/img03.gif) repeat-x left bottom;
  77.     border: 1px solid #4F9CEF;
  78.     font-size: 1em;
  79.     color: #FFFFFF;
  80. }
  81.  
  82. .boxed .content {
  83.     margin: 0 0 20px 0;
  84.     padding: 20px;
  85.     background: #DCEBFC;
  86. }
  87.  
  88. /* Post */
  89.  
  90. .post {
  91.     padding: 20px 20px 0 20px;
  92. }
  93.  
  94. .post .title {
  95.     margin-bottom: 0px;
  96.     padding: 3px 0 15px 0;
  97.     background: url(images/img04.gif) repeat-x left bottom;
  98. }
  99.  
  100. .post .date {
  101.     float: left;
  102.     width: 90px;
  103.     padding-left: 20px;
  104.     font-size: x-small;
  105. }
  106.  
  107. .post .date .month {
  108. }
  109.  
  110. .post .date .day {
  111. }
  112.  
  113. .post .date .year {
  114. }
  115.  
  116. .post .meta {
  117.     float: left;
  118.     margin-bottom: 10px;
  119.     padding-left: 20px;
  120.     border-left: 1px solid #EEEEEE;
  121.     font-size: x-small;
  122. }
  123.  
  124. .post .meta p {
  125. }
  126.  
  127. .post .story {
  128.     clear: both;
  129.     padding: 20px;
  130.     border-top: 1px solid #EEEEEE;
  131. }
  132.  
  133. .post .story p, .post .story blockquote, .post .story ul, .post .story ol {
  134.     margin-bottom: 1.5em;
  135.     line-height: 180%;
  136. }
  137.  
  138. /* Header */
  139.  
  140. #header {
  141.     width: 760px;
  142.     height: 200px;
  143.     margin: 0 auto;
  144. }
  145.  
  146. /* Logo */
  147.  
  148. #logo {
  149.     float: left;
  150.     width: 240px;
  151.     height: 200px;
  152.     background: url(images/img01.jpg) no-repeat;
  153. }
  154.  
  155. #logo h1 {
  156.     padding: 130px 0 0 20px;
  157.     font-size: 2em;
  158. }
  159.  
  160. #logo h2 {
  161.     padding: 0 0 0 20px;
  162.     font-size: 1em;
  163. }
  164.  
  165. #logo a {
  166.     text-decoration: none;
  167.     color: #FFFFFF;
  168. }
  169.  
  170. /* Splash */
  171.  
  172. #splash {
  173.     float: right;
  174.     width: 520px;
  175.     height: 200px;
  176. }
  177.  
  178. /* Content */
  179.  
  180. #content {
  181.     width: 760px;
  182.     margin: 0 auto;
  183. }
  184.  
  185. #extra {
  186. }
  187.  
  188. /* Content > Main */
  189.  
  190. #main {
  191.     float: right;
  192.     width: 520px;
  193. }
  194.  
  195. #main a {
  196. }
  197.  
  198. /* Content > Main > Welcome */
  199.  
  200. #welcome {
  201. }
  202.  
  203. /* Content > Main > Example */
  204.  
  205. #example {
  206. }
  207.  
  208. /* Content > Sidebar */
  209.  
  210. #sidebar {
  211.     float: left;
  212.     width: 240px;
  213. }
  214.  
  215. #sidebar a {
  216. }
  217.  
  218. /* Content > Sidebar > Login */
  219.  
  220. #login {
  221. }
  222.  
  223. #login form {
  224. }
  225.  
  226. #login fieldset {
  227.     border: none;
  228. }
  229.  
  230. #login legend {
  231.     display: none;
  232. }
  233.  
  234. #login label {
  235.     font-size: x-small;
  236.     font-weight: bold;
  237. }
  238.  
  239. #login input {
  240.     margin-bottom: 5px;
  241.     padding: 2px 5px;
  242.     border: 1px solid #385B88;
  243.     font-family: Arial, Helvetica, sans-serif;
  244. }
  245.  
  246. #inputtext1, #inputtext2 {
  247.     width: 185px;
  248.     color: #385B88;
  249. }
  250.  
  251. #inputsubmit1 {
  252.     background: #4F9CEF url(images/img03.gif) repeat-x left bottom;
  253.     color: #FFFFFF;
  254. }
  255.  
  256. /* Content > Sidebar > Menu */
  257.  
  258. #menu {
  259.     padding: 20px 0;
  260. }
  261.  
  262. #menu ul {
  263.     margin: 0;
  264.     list-style: none;
  265. }
  266.  
  267. #menu li {
  268.     display: inline;
  269. }
  270.  
  271. #menu a {
  272.     display: block;
  273.     padding: 10px 20px;
  274.     border-top: 1px solid #EEEEEE;
  275.     text-decoration: none;
  276.     font-weight: bold;
  277.     color: #666666;
  278. }
  279.  
  280. #menu a:hover {
  281.     background: #DCEBFC;
  282.     color: #000000;
  283. }
  284.  
  285. #menu .active a {
  286.     background: #D1F0A6;
  287.     color: #000000;
  288. }
  289.  
  290. #menu .first a {
  291.     border: none;
  292. }
  293.  
  294. /* Content > Sidebar > Updates */
  295.  
  296. #updates {
  297. }
  298.  
  299. #updates ul {
  300.     margin: 0;
  301.     list-style: none;
  302. }
  303.  
  304. #updates h3 {
  305.     margin: 0;
  306.     font-size: x-small;
  307. }
  308.  
  309. #updates p {
  310.     margin-bottom: 1.4em;
  311.     font-size: smaller;
  312.     line-height: normal;
  313. }
  314.  
  315. /* Footer */
  316.  
  317. #footer {
  318.     clear: both;
  319.     width: 720px;
  320.     margin: 0 auto;
  321.     padding: 10px 20px;
  322.     background: #E7F7D0 url(images/img05.gif) repeat-x;
  323. }
  324.  
  325. #footer p {
  326.     margin: 0;
  327.     text-align: right;
  328.     font-size: x-small;
  329.     color: #999999;
  330. }
  331.  
  332. #footer a {
  333.     color: #86D613;
  334. }
  335.  
  336. /* Footer > Legal */
  337.  
  338. #legal {
  339. }
  340.  
  341. /* Footer > Links */
  342.  
  343. #links {
  344. }