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