home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / monoblock / style.css < prev   
Cascading Style Sheet File  |  2008-04-21  |  4KB  |  277 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.     background: #191919 url(images/img01.gif) repeat-x;
  10.     font-family: Verdana, Arial, Helvetica, sans-serif;
  11.     font-size: 13px;
  12.     color: #787878;
  13. }
  14.  
  15. h1, h2, h3 {
  16.     margin: 0;
  17.     text-transform: uppercase;
  18.     letter-spacing: .15em;
  19.     font-family: Arial, Helvetica, sans-serif;
  20. }
  21.  
  22. h1 {
  23.     font-size: 1.8em;
  24. }
  25.  
  26. h2 {
  27.     font-size: 1.4em;
  28. }
  29.  
  30. h3 {
  31.     font-size: 1em;
  32. }
  33.  
  34. p, ul, ol {
  35.     margin-top: 0;
  36.     line-height: 180%;
  37. }
  38.  
  39. ul, ol {
  40. }
  41.  
  42. a {
  43.     background: url(images/img05.gif) repeat-x left bottom;
  44.     text-decoration: none;
  45.     color: #C0BFBF;
  46. }
  47.  
  48. a:hover {
  49.     background: none;
  50.     color: #FFFFFF;
  51. }
  52.  
  53. /* Header */
  54.  
  55. #header {
  56.     width: 940px;
  57.     height: 128px;
  58.     margin: 0 auto;
  59. }
  60.  
  61. /* Logo */
  62.  
  63. #logo {
  64.     float: left;
  65. }
  66.  
  67. #logo h1 {
  68.     float: left;
  69.     padding-top: 85px;
  70.     text-transform: lowercase;
  71.     font-size: 2.6em;
  72. }
  73.  
  74. #logo p {
  75.     float: left;
  76.     margin: 0;
  77.     padding: 102px 0 0 2px;
  78.     text-transform: lowercase;
  79.     letter-spacing: .2em;
  80.     font: bold 1.2em Arial, Helvetica, sans-serif;
  81.     color: #FFFFFF;
  82. } 
  83.  
  84. #logo a {
  85.     background: none;
  86.     text-decoration: none;
  87.     color: #FFFFFF;
  88. }
  89.  
  90. /* Search */
  91.  
  92. #search {
  93.     float: right;
  94.     width: 200px;
  95.     padding-top: 86px;
  96. }
  97.  
  98. #search form {
  99.     width: 200px;
  100.     height: 41px;
  101.     margin: 0;
  102.     padding: 15px 0 0 10px;
  103.     background: url(images/img03.gif) no-repeat;
  104. }
  105.  
  106. #search fieldset {
  107.     margin: 0;
  108.     padding: 0;
  109.     border: none;
  110. }
  111.  
  112. #search-text {
  113.     border: none;
  114.     text-transform: lowercase;
  115.     background: none;
  116.     border: none;
  117.     font: bold 1.2em Arial, Helvetica, sans-serif;
  118.     color: #FFFFFF;
  119. }
  120.  
  121. #search-submit {
  122.     display: none;
  123. }
  124.  
  125. /* Menu */
  126.  
  127. #menu {
  128.     width: 940px;
  129.     height: 50px;
  130.     margin: 0 auto;
  131.     background: #000000 url(images/img02.gif) repeat-x;
  132. }
  133.  
  134. #menu ul {
  135.     margin: 0;
  136.     padding: 16px 0 0 10px;
  137.     list-style: none;
  138.     line-height: normal;
  139. }
  140.  
  141. #menu li {
  142.     float: left;
  143. }
  144.  
  145. #menu a {
  146.     padding: 0 20px;
  147.     background: none;
  148.     text-transform: lowercase;
  149.     text-decoration: none;
  150.     font: bold 1.2em Arial, Helvetica, sans-serif;
  151.     color: #B3B4B4;
  152. }
  153.  
  154. #menu a:hover, #menu .current_page_item a {
  155.     color: #FFFFFF;
  156. }
  157.  
  158. #menu a:hover {
  159.     text-decoration: underline;
  160. }
  161.  
  162. /* Page */
  163.  
  164. #page {
  165.     width: 860px;
  166.     margin: 0 auto;
  167.     padding: 40px;
  168.     background: #121212 url(images/img04.gif) repeat-x;
  169. }
  170.  
  171. /* Content */
  172.  
  173. #content {
  174.     float: left;
  175.     width: 560px;
  176. }
  177.  
  178. .post {
  179. }
  180.  
  181. .post .title {
  182.     padding: 5px 0;
  183. }
  184.  
  185. .post .title a {
  186.     background: none;
  187. }
  188.  
  189. .post .meta {
  190.     padding: 2px 10px;
  191.     background: #0D0D0D;
  192.     border-top: 1px solid #000000;
  193.     border-bottom: 1px solid #000000;
  194.     text-transform: uppercase;
  195.     text-align: right;
  196.     font-size: 9px;
  197. }
  198.  
  199. .post .entry {
  200.     padding: 40px;
  201.     text-align: justify;
  202. }
  203.  
  204. /* Sidebar */
  205.  
  206. #sidebar {
  207.     float: right;
  208.     width: 258px;
  209.     background: #0D0D0D;
  210.     border: 1px solid #000000;
  211. }
  212.  
  213. #sidebar ul {
  214.     margin: 0;
  215.     padding: 0;
  216.     list-style: none;
  217. }
  218.  
  219. #sidebar li {
  220. }
  221.  
  222. #sidebar li ul {
  223.     padding: 20px;
  224. }
  225.  
  226. #sidebar li li {
  227. }
  228.  
  229. #sidebar h2 {
  230.     padding: 5px 10px;
  231.     background: #000000;
  232.     font-size: 1.2em;
  233. }
  234.  
  235. #sidebar p {
  236.     padding: 20px;
  237. }
  238.  
  239. /* Calendar */
  240.  
  241. #calendar {
  242. }
  243.  
  244. #calendar_wrap {
  245.     padding: 20px;
  246. }
  247.  
  248. #calendar table {
  249.     width: 100%;
  250. }
  251.  
  252. #calendar tbody td {
  253.     text-align: center;
  254. }
  255.  
  256. #calendar #next {
  257.     text-align: right;
  258. }
  259.  
  260. /* Footer */
  261.  
  262. #footer {
  263.     width: 940px;
  264.     margin: 0 auto;
  265.     padding: 20px 0;
  266.     background: #35393D;
  267.     border-top: 1px solid #000000;
  268.     border-bottom: 1px solid #000000;
  269. }
  270.  
  271. #footer p {
  272.     margin: 0;
  273.     line-height: normal;
  274.     font-size: 9px;
  275.     text-transform: uppercase;
  276.     text-align: center;
  277. }