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