home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / shades_of_gray / default.css next >
Encoding:
Cascading Style Sheet File  |  2006-11-05  |  3.4 KB  |  190 lines
  1. /*#############################################################
  2. Name: Shades of Gray
  3. Date: 2006-11-05
  4. Description: Monochrome, lightweight and totally liquid. Comes with three different layouts.
  5. Author: Viktor Persson
  6. URL: http://arcsin.se
  7.  
  8. Feel free to use and modify but please provide credits.
  9. #############################################################*/
  10.  
  11. /* standard elements */
  12. * {
  13.     margin: 0;
  14.     padding: 0;
  15. }
  16.  
  17. a {text-decoration: none;}
  18.  
  19. body {
  20.     background: #111 url(img/bg.jpg) repeat-y center top;
  21.     color: #BBB;
  22.     font: normal 62.5% "Lucida Sans Unicode",sans-serif;
  23. }
  24.  
  25. p,ul {
  26.     font-size: 1.2em;
  27.     padding-bottom: 1.2em;
  28. }
  29.  
  30. blockquote {font: bold 1em sans-serif;}
  31.  
  32. code {
  33.     background: #444;
  34.     display: block;
  35.     font-size: 12px;
  36.     margin: 0 10px 12px;
  37.     overflow: auto;
  38.     padding: 8px 10px;
  39.     white-space: pre;
  40. }
  41.  
  42. img {border: none;}
  43.  
  44. ul {margin-left: 2em;}
  45. h1 {font: normal 2.4em sans-serif;}
  46. h2 {
  47.     font: bold 1.6em Verdana,sans-serif;
  48.     padding-bottom: 4px;
  49. }
  50.  
  51. /* misc */
  52. .clearer {clear: both;}
  53. .stripes {
  54.     background: #333 url(img/stripe.gif);
  55.     height: 6px;
  56. }
  57. .left {float: left;}
  58. .right {float: right;}
  59.  
  60. /* header */
  61. .header {
  62.     background: #111;
  63.     border-bottom: 1px solid #333;
  64.     font: normal 2em sans-serif;
  65.     height: 120px;
  66. }
  67. .header a {
  68.     color: #888;
  69.     display: block;
  70.     line-height: 120px;
  71.     text-decoration: none;
  72.     width: 100%;
  73. }
  74. .header span {padding-left: 32px;}
  75. .header a:hover {
  76.     background: #191919;
  77.     color: #BBB;
  78. }
  79.  
  80. /* structure */
  81. .container {
  82.     border: 3px solid #444;
  83.     border-top: none;
  84. }
  85.  
  86. .main {
  87.     background: #303030;
  88.     border-bottom: 1px solid #2A2A2A;
  89.     border-left: 1px solid #2A2A2A;
  90. }
  91. .main .left {width: 64%;}
  92. .main .right {width: 36%;}
  93.  
  94. .content {
  95.     border-left: 1px solid #444;
  96.     border-top: 1px solid #444;
  97.     padding: 16px;
  98. }
  99.  
  100. /* content elements */
  101. .content h1 {
  102.     background: url(img/bgh1.gif) repeat-x left bottom;
  103.     color: #EEE;
  104.     margin-bottom: 10px;
  105.     padding: 6px 0 4px;
  106. }
  107. .content a {
  108.     color: #999;
  109.     text-decoration: underline;
  110. }
  111. .content a:hover {color: #CCC;}
  112. .content .descr {margin-bottom: 5px;}
  113.  
  114. /* navigation */
  115. .nav {background: #191919 url(img/nav.gif);}
  116. .nav a {
  117.     background: #191919 url(img/nav.gif);
  118.     border-right: 1px solid #161616;
  119.     color: #CCC;
  120.     float: left;
  121.     font: bold 1em Verdana,sans-serif;
  122.     line-height: 51px;
  123.     padding: 0 20px;
  124. }
  125. .nav a:hover {
  126.     background: #191919 url(img/nav_hover.gif);
  127. }
  128.  
  129. /* sub-navigation */
  130. .subnav {
  131.     background: #2A2A2A;
  132.     border: 1px solid #1E1E1E;
  133.     border-top-color: #444;    
  134.     padding: 12px;
  135. }
  136. .subnav h1 {padding-top: 8px;}
  137. .subnav ul {margin: 0;}
  138. .subnav li {
  139.     background: url(img/li.gif) no-repeat left bottom;
  140.     list-style: none;
  141.     margin: 0;
  142. }
  143. .subnav li a {
  144.     color: #777;
  145.     line-height: 2.4em;
  146.     padding-left: 18px;
  147.     text-decoration: none;
  148. }
  149. .subnav li a:hover {color: #BBB;}
  150.  
  151. /* footer */
  152. .footer {
  153.     background: #191919;
  154.     border-top: 1px solid #444;
  155.     color: #999;
  156.     padding: 3% 3% 1%;
  157. }
  158. .footer ul {
  159.     border-top: 1px solid #262626;
  160.     margin: 0;
  161. }
  162. .footer li {
  163.     border-bottom: 1px solid #262626;
  164.     list-style: none;
  165. }
  166. .footer li a {
  167.     display: block;
  168.     line-height: 2em;
  169.     padding-left: 4%;
  170.     width: 96%;
  171. }
  172. .footer a {color: #666;}
  173. .footer a:hover {
  174.     color: #BBB;
  175.     background: #222;
  176. }
  177.  
  178. .col3,.col3center {
  179.     float: left;
  180.     width: 31%;
  181. }
  182. .col3center {margin: 0 3%;}
  183.  
  184. /* bottom */
  185. .bottom {
  186.     color: #666;
  187.     clear: both;
  188.     font-size: 1.1em;
  189. }
  190. .bottom a {color: #888;}