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