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