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