home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / enter / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-02-27  |  4.7 KB  |  300 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;
  11.     font: normal small Arial, Helvetica, sans-serif;
  12.     color: #999999;
  13. }
  14.  
  15. h1, h2, h3 {
  16.     margin: 0;
  17.     padding: 0;
  18.     font-family: Georgia, "Times New Roman", Times, serif;
  19.     font-weight: normal;
  20.     color: #666666;
  21. }
  22.  
  23. a {
  24.     color: #333333;
  25. }
  26.  
  27. a:hover {
  28.     text-decoration: none;
  29.     color: #000000;
  30. }
  31.  
  32. /* Menu */
  33.  
  34. #menu {
  35.     width: 704px;
  36.     height: 62px;
  37.     margin: 0 auto;
  38. }
  39.  
  40. #menu ul {
  41.     margin: 0;
  42.     padding: 0;
  43.     list-style: none;
  44. }
  45.  
  46. #menu li {
  47.     display: inline;
  48. }
  49.  
  50. #menu a {
  51.     display: block;
  52.     float: left;
  53.     width: 140px;
  54.     height: 41px;
  55.     margin-left: 1px;
  56.     padding-top: 10px;
  57.     border-top-width: 10px;
  58.     border-top-style: solid;
  59.     text-align: center;
  60.     text-transform: lowercase;
  61.     text-decoration: none;
  62.     letter-spacing: -1px;
  63.     font-family: Georgia, "Times New Roman", Times, serif;
  64.     font-size: 24px;
  65. }
  66.  
  67. #menu .first a {
  68.     margin: 0;
  69. }
  70.  
  71. #menu1 { background: url(images/img01.gif) no-repeat center bottom; border-color: #F07242; color: #C4856D; }
  72. #menu2 { background: url(images/img02.gif) no-repeat center bottom; border-color: #FCEE0F; color: #C0B94A; }
  73. #menu3 { background: url(images/img03.gif) no-repeat center bottom; border-color: #549EE9; color: #799EC3; }
  74. #menu4 { background: url(images/img04.gif) no-repeat center bottom; border-color: #9EBF54; color: #94A46F; }
  75. #menu5 { background: url(images/img05.gif) no-repeat center bottom; border-color: #9F8DF6; color: #B0A7DB; }
  76.  
  77. #menu a:hover {
  78.     color: #000000;
  79. }
  80.  
  81. /* Logo */
  82.  
  83. #logo {
  84.     width: 704px;
  85.     height: 31px;
  86.     margin: 0 auto;
  87.     padding: 130px 0 0 0;
  88.     background: url(images/img06.jpg) no-repeat;
  89.     border-bottom: 10px solid #595959;
  90. }
  91.  
  92. #logo h1, #logo h2 {
  93.     float: left;
  94.     text-transform: lowercase;
  95.     letter-spacing: -1px;
  96.     font-size: 1.4em;
  97.     font-weight: normal;
  98. }
  99.  
  100. #logo h1 {
  101.     padding: 0 0 0 140px;
  102. }
  103.  
  104. #logo h1 a {
  105.     color: #C3B1D2;
  106. }
  107.  
  108. #logo h2 {
  109.     margin: 0 0 0 15px;
  110.     padding: 0 0 0 15px;
  111.     border-left: 1px solid #8E68A5;
  112. }
  113.  
  114. #logo h2 a {
  115.     color: #AE96C0;
  116. }
  117.  
  118. #logo a {
  119.     text-decoration: none;
  120. }
  121.  
  122. /* Content */
  123.  
  124. #content {
  125.     width: 704px;
  126.     margin: 0 auto;
  127.     border-top: 1px solid #FFFFFF;
  128. }
  129.  
  130. #colA {
  131.     float: right;
  132.     width: 424px;
  133.     padding: 0 30px 0 0;
  134. }
  135.  
  136. #colB {
  137.     float: left;
  138.     width: 220px;
  139. }
  140.  
  141. /* BoxedA */
  142.  
  143. .boxedA {
  144. }
  145.  
  146. .boxedA h2 {
  147.     height: 35px;
  148.     padding-top: 25px;
  149.     border-bottom: 1px solid #CCCCCC;
  150.     font-size: 2em;
  151. }
  152.  
  153. .boxedA h3 {
  154.     font-size: 1em;
  155.     font-weight: bold;
  156. }
  157.  
  158. .boxedA p {
  159.     line-height: 2em;
  160.     text-align: justify;
  161. }
  162.  
  163. .boxedA .more {
  164.     text-align: right;
  165. }
  166.  
  167. .boxedA .more a {
  168.     padding: 0 1em;
  169.     background: #CCCCCC;
  170.     border-left: 4px solid #666666;
  171.     text-decoration: none;
  172. }
  173.  
  174. .boxedA .more a:hover {
  175.     background: #666666;
  176.     color: #FFFFFF
  177. }
  178.  
  179. /* BoxedB */
  180.  
  181. .boxedB {
  182.     margin-bottom: 1px;
  183.     background: #FAD4C6 url(images/img07.gif) repeat-y;
  184.     border-bottom: 1px solid #F07242;
  185. }
  186.  
  187. .boxedB h2 {
  188.     height: 35px;
  189.     padding: 25px 0 0 21px;
  190.     border-bottom: 1px solid #FFFFFF;
  191.     letter-spacing: -1px;
  192.     font-size: 24px;
  193.     font-weight: normal;
  194.     color: #F07242;
  195. }
  196.  
  197. .boxedB ul {
  198.     margin: 0;
  199.     padding: 0;
  200.     list-style: none;
  201. }
  202.  
  203. .boxedB li {
  204.     display: inline;
  205. }
  206.  
  207. .boxedB a {
  208.     display: block;
  209.     width: 199px;
  210.     height: 23px;
  211.     padding: 7px 0 0 21px;
  212.     background: #FDF1EC url(images/img08.gif) no-repeat;
  213.     border-bottom: 1px solid #FFFFFF;
  214.     text-decoration: none;
  215.     color: #F07242;
  216. }
  217.  
  218. .boxedB a:hover {
  219.     background: #F7B8A0 url(images/img09.gif) no-repeat;
  220.     color: #FFFFFF;
  221. }
  222.  
  223. /* BoxedC */
  224.  
  225. .boxedC {
  226.     margin-bottom: 1px;
  227.     background: #CBE2F8 url(images/img11.gif) repeat-y;
  228.     border-bottom: 1px solid #549EE9;
  229. }
  230.  
  231. .boxedC h2 {
  232.     height: 35px;
  233.     padding: 25px 0 0 21px;
  234.     border-bottom: 1px solid #FFFFFF;
  235.     letter-spacing: -1px;
  236.     font-size: 24px;
  237.     font-weight: normal;
  238.     color: #549EE9;
  239. }
  240.  
  241. .boxedC ul {
  242.     margin: 0;
  243.     padding: 0;
  244.     list-style: none;
  245. }
  246.  
  247. .boxedC li {
  248.     display: inline;
  249. }
  250.  
  251. .boxedC a {
  252.     display: block;
  253.     width: 199px;
  254.     height: 23px;
  255.     padding: 7px 0 0 21px;
  256.     background: #EEF5FD url(images/img12.gif) no-repeat;
  257.     border-bottom: 1px solid #FFFFFF;
  258.     text-decoration: none;
  259.     color: #549EE9;
  260. }
  261.  
  262. .boxedC a:hover {
  263.     background: #A9CEF4 url(images/img13.gif) no-repeat;
  264.     color: #FFFFFF;
  265. }
  266.  
  267. /* News */
  268.  
  269. #news {
  270. }
  271.  
  272. #news h2 {
  273.     font-size: 22px;
  274. }
  275.  
  276. #news ul {
  277.     list-style-type: square;
  278. }
  279.  
  280. /* Footer */
  281.  
  282. #footer {
  283.     clear: both;
  284.     width: 704px;
  285.     margin: 0 auto;
  286.     border-top: 1px solid #666666;
  287.     background: #CCCCCC;
  288. }
  289.  
  290. #footer p {
  291.     margin: 0;
  292.     padding: 30px 0;
  293.     text-align: center;
  294.     font-size: smaller;
  295.     color: #999999;
  296. }
  297.  
  298. #footer a {
  299.     color: #999999;
  300. }