home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / colorimetry / default.css next >
Encoding:
Cascading Style Sheet File  |  2008-04-16  |  4.4 KB  |  336 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. body {
  8.     margin: 0;
  9.     padding: 0;
  10.     background: #666159 url(images/img01.jpg) repeat-x;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #D4D4D4;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin: 0;
  18.     text-transform: lowercase;
  19.     font-weight: normal;
  20.     color: #FFFFFF;
  21. }
  22.  
  23. h1 {
  24.     letter-spacing: -1px;
  25.     font-size: 32px;
  26. }
  27.  
  28. h2 {
  29.     font-size: 23px;
  30. }
  31.  
  32. p, ul, ol {
  33.     margin: 0 0 2em 0;
  34.     text-align: justify;
  35.     line-height: 26px;
  36.     font-size: 11px;
  37. }
  38.  
  39. a:link {
  40.     color: #C1D11C;
  41. }
  42.  
  43. a:hover, a:active {
  44.     text-decoration: none;
  45.     color: #C1D11C;
  46. }
  47.  
  48. a:visited {
  49.     color: #C1D11C;
  50. }
  51.  
  52. img {
  53.     border: none;
  54. }
  55.  
  56. img.left {
  57.     float: left;
  58.     margin-right: 15px;
  59. }
  60.  
  61. img.right {
  62.     float: right;
  63.     margin-left: 15px;
  64. }
  65.  
  66. /* Form */
  67.  
  68. form {
  69.     margin: 0;
  70.     padding: 0;
  71. }
  72.  
  73. fieldset {
  74.     margin: 0;
  75.     padding: 0;
  76.     border: none;
  77. }
  78.  
  79. legend {
  80.     display: none;
  81. }
  82.  
  83. input, textarea, select {
  84.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  85.     font-size: 13px;
  86.     color: #333333;
  87. }
  88.  
  89. /* Header */
  90.  
  91. #header {
  92.     width: 850px;
  93.     height: 82px;
  94.     margin: 0 auto 40px auto;
  95. }
  96.  
  97. #logo {
  98.     float: left;
  99. }
  100.  
  101. #logo h1 {
  102.     font-size: 38px;
  103.     color: #FFFFFF;
  104. }
  105.  
  106. #logo h1 sup {
  107.     vertical-align: text-top;
  108.     font-size: 24px;
  109. }
  110.  
  111. #logo h1 a {
  112.     color: #FFFFFF;
  113. }
  114.  
  115. #logo h2 {
  116.     margin-top: -10px;
  117.     font-size: 12px;
  118.     color: #A0A0A0;
  119. }
  120.  
  121. #logo a {
  122.     text-decoration: none;
  123. }
  124.  
  125. /* Menu */
  126.  
  127. #menu {
  128.     float: right;
  129. }
  130.  
  131. #menu ul {
  132.     margin: 0;
  133.     padding: 15px 0 0 0;
  134.     list-style: none;
  135. }
  136.  
  137. #menu li {
  138.     display: inline;
  139. }
  140.  
  141. #menu a {
  142.     display: block;
  143.     float: left;
  144.     background: #F5F5F5;
  145.     margin-left: 5px;
  146.     padding: 7px 20px;
  147.     text-decoration: none;
  148.     font-size: 13px;
  149.     color: #000000;
  150. }
  151.  
  152. #menu a:hover {
  153.     border-top: 5px solid #C1D11C;
  154.     border-bottom: 3px solid #C1D11C;
  155.     text-decoration: none;
  156. }
  157.  
  158. #menu .active a {
  159.     border-top: 5px solid #C1D11C;
  160.     border-bottom: 3px solid #C1D11C;
  161. }
  162.  
  163. /* Page */
  164.  
  165. #page {
  166.     width: 850px;
  167.     margin: 0 auto;
  168. }
  169.  
  170. /* Content */
  171.  
  172. #content {
  173.     float: left;
  174.     width: 600px;
  175. }
  176.  
  177. /* Post */
  178.  
  179. .post {
  180. }
  181.  
  182. .post .title {
  183.     margin-bottom: 20px;
  184.     margin-top: 20px;
  185.     padding: 0 0 7px 18px;
  186.     background: url(images/img03.gif) no-repeat left 50%;
  187.     border-bottom: 1px solid #86910F;
  188. }
  189.  
  190. .post .entry {
  191. }
  192.  
  193. .post .meta {
  194.     border: 1px solid #86910F;
  195.     padding: 15px 10px 30px 10px;
  196. }
  197.  
  198. .post .meta p {
  199.     margin: 0;
  200.     line-height: normal;
  201.     color: #999999;
  202. }
  203.  
  204. .post .meta .byline {
  205.     float: left;
  206. }
  207.  
  208. .post .meta .links {
  209.     float: right;
  210. }
  211.  
  212. .post .meta .more {
  213.     padding: 0 20px 0 18px;
  214.     background: url(images/img06.gif) no-repeat left center;
  215. }
  216.  
  217. .post .meta .comments {
  218.     padding-left: 22px;
  219.     background: url(images/img07.gif) no-repeat left center;
  220. }
  221.  
  222. .post .meta b {
  223.     display: none;
  224. }
  225.  
  226. /* Sidebar */
  227.  
  228. #sidebar {
  229.     float: right;
  230.     width: 195px;
  231. }
  232.  
  233. #sidebar ul {
  234.     margin: 0;
  235.     padding: 0;
  236.     list-style: none;
  237. }
  238.  
  239. #sidebar li {
  240.     margin-bottom: 40px;
  241. }
  242.  
  243. #sidebar li ul {
  244. }
  245.  
  246. #sidebar li li {
  247.     margin: 0;
  248.     padding-left: 12px;
  249. }
  250.  
  251. #sidebar h2 {
  252.     margin-bottom: 10px;
  253.     padding-left: 15px;
  254.     background: url(images/img04.gif) no-repeat left 50%;
  255.     border-bottom: 1px solid #86910F;
  256.     font-size: 16px;
  257. }
  258.  
  259. /* Search */
  260.  
  261. #search {
  262. }
  263.  
  264. #search h2 {
  265.     margin-bottom: 20px;
  266. }
  267.  
  268. #s {
  269.     width: 110px;
  270.     margin-right: 5px;
  271.     padding: 2px;
  272.     border: 1px solid #F0F0F0;
  273. }
  274.  
  275. #x {
  276.     padding: 4px 4px;
  277.     background: #C1D11C;
  278.     border: none;
  279.     text-transform: uppercase;
  280.     font-family: Arial, Helvetica, sans-serif;
  281.     font-size: 10px;
  282.     color: #FFFFFF;
  283. }
  284.  
  285. /* Boxes */
  286.  
  287. .box1 {
  288.     padding: 20px;
  289.     background: url(images/img05.gif) no-repeat;
  290. }
  291.  
  292. .box2 {
  293.     color: #BABABA;
  294. }
  295.  
  296. .box2 h2 {
  297.     margin-bottom: 15px;
  298.     background: url(images/img10.gif) repeat-x left bottom;
  299.     font-size: 16px;
  300.     color: #FFFFFF;
  301. }
  302.  
  303. .box2 ul {
  304.     margin: 0;
  305.     padding: 0;
  306.     list-style: none;
  307. }
  308.  
  309. .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
  310.     color: #EDEDED;
  311. }
  312.  
  313. /* Footer */
  314.  
  315. #footer {
  316.     height: 100px;
  317.     min-height: 74px;
  318.     padding: 10px 0 0 0;
  319.     background: #666159 url(images/img02.jpg) repeat-x left top;
  320. }
  321.  
  322. html>body #footer {
  323.     height: auto;
  324. }
  325.  
  326. #legal {
  327.     clear: both;
  328.     padding-top: 30px;
  329.     text-align: center;
  330.     color: #A0A0A0;
  331. }
  332.  
  333. #legal a {
  334.     color: #A0A0A0;
  335. }
  336.