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