home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / enlight / default.css next >
Cascading Style Sheet File  |  2007-05-02  |  5KB  |  351 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 {
  13.     background: #FFFFFF url(images/img01.gif) repeat-x;
  14.     font: normal small Arial, Helvetica, sans-serif;
  15.     color: #999999;
  16. }
  17.  
  18. form {
  19. }
  20.  
  21. fieldset {
  22.     border: none;
  23. }
  24.  
  25. legend {
  26.     display: none;
  27. }
  28.  
  29. h1, h2, h3 {
  30.     margin: 0;
  31.     color: #11A6D4;
  32. }
  33.  
  34. h2 {
  35.     margin-bottom: .5em;
  36.     font-size: 1.8em;
  37. }
  38.  
  39. h3 {
  40.     margin-bottom: 1em;
  41.     font-size: 1em;
  42. }
  43.  
  44. p, blockquote, ul, ol {
  45.     margin-bottom: 1.5em;
  46.     line-height: 1.8em;
  47. }
  48.  
  49. p {
  50. }
  51.  
  52. blockquote {
  53. }
  54.  
  55. ul {
  56.     margin-left: 2em;
  57.     list-style: square;
  58. }
  59.  
  60. ul li {
  61. }
  62.  
  63. ol {
  64.     margin-left: 2em;
  65. }
  66.  
  67. ol li {
  68. }
  69.  
  70. a {
  71.     color: #EA672E;
  72. }
  73.  
  74. a:hover {
  75.     text-decoration: none;
  76.     color: #11A6D4;
  77. }
  78.  
  79. img {
  80.     border: none;
  81. }
  82.  
  83. /* Boxed Style */
  84.  
  85. .boxed {
  86.     margin-bottom: 1em;
  87.     background: url(images/img03.gif) no-repeat;
  88. }
  89.  
  90. .boxed .title {
  91.     height: 29px;
  92.     padding: 11px 0 0 27px;
  93.     text-transform: uppercase;
  94.     font-size: 1.2em;
  95.     color: #FFFFFF;
  96. }
  97.  
  98. .boxed .content {
  99.     padding: 10px;
  100. }
  101.  
  102. /* Header */
  103.  
  104. #header {
  105.     width: 700px;
  106.     height: 130px;
  107.     margin: 0 auto;
  108.     background: url(images/img02.jpg) no-repeat;
  109. }
  110.  
  111. /* Header > Logo */
  112.  
  113. #logo {
  114.     float: left;
  115.     padding: 65px 0 0 0;
  116. }
  117.  
  118. #logo h1 {
  119.     text-transform: uppercase;
  120.     font-size: 2em;
  121. }
  122.  
  123. #logo h2 {
  124.     margin: 0;
  125.     text-transform: uppercase;
  126.     font-size: 1.2em;
  127. }
  128.  
  129. #logo a {
  130.     text-decoration: none;
  131.     color: #FFFFFF;
  132. }
  133.  
  134. /* Header > Top Menu */
  135.  
  136. #topmenu {
  137.     float: right;
  138. }
  139.  
  140. #topmenu ul {
  141.     margin: 0;
  142.     padding: 100px 0 0 0;
  143.     list-style: none;
  144.     line-height: normal;
  145. }
  146.  
  147. #topmenu li {
  148.     display: inline
  149. }
  150.  
  151. #topmenu a {
  152.     display: block;
  153.     float: left;
  154.     margin: 0 0 0 20px;
  155.     padding: 0 0 0 15px;
  156.     text-transform: uppercase;
  157.     text-decoration: none;
  158.     font-size: x-small;
  159.     font-weight: bold;
  160.     color: #FFFFFF;
  161. }
  162.  
  163. #topmenu a:hover {
  164.     text-decoration: underline
  165. }
  166.  
  167. #topmenu1 {
  168.     background: url(images/img04.gif) no-repeat left center;
  169. }
  170.  
  171. #topmenu2 {
  172.     background: url(images/img05.gif) no-repeat left center;
  173. }
  174.  
  175. #topmenu3 {
  176.     background: url(images/img06.gif) no-repeat left center;
  177. }
  178.  
  179. /* Menu */
  180.  
  181. #menu {
  182.     width: 700px;
  183.     height: 40px;
  184.     margin: 0 auto;
  185. }
  186.  
  187. #menu ul {
  188.     margin: 0;
  189.     list-style: none;
  190.     line-height: normal;
  191. }
  192.  
  193. #menu li {
  194.     display: inline;
  195. }
  196.  
  197. #menu a {
  198.     display: block;
  199.     float: left;
  200.     height: 26px;
  201.     padding: 14px 18px 0 20px;
  202.     text-transform: uppercase;
  203.     text-decoration: none;
  204.     font-weight: bold;
  205. }
  206.  
  207. #menu a:hover {
  208.     text-decoration: underline;
  209. }
  210.  
  211. #menu .first a {
  212.     padding-left: 0;
  213.     background: none;
  214. }
  215.  
  216. /* Content */
  217.  
  218. #content {
  219.     width: 700px;
  220.     margin: 0 auto;
  221.     padding: 20px 0;
  222. }
  223.  
  224. /* Content > Main */
  225.  
  226. #main {
  227.     float: left;
  228.     width: 460px;
  229. }
  230.  
  231. /* Content > Main > Example */
  232.  
  233. #example {
  234. }
  235.  
  236. /* Content > Main > Welcome */
  237.  
  238. #welcome {
  239.     margin: 0 0 3em 0;
  240.     padding: 10px 0 1.5em 0;
  241.     border-bottom: 1px solid #CCCCCC;
  242. }
  243.  
  244. /* Content > Sidebar */
  245.  
  246. #sidebar {
  247.     float: right;
  248.     width: 220px;
  249. }
  250.  
  251. /* Content > Sidebar > Login */
  252.  
  253. #login {
  254. }
  255.  
  256. #login label {
  257.     display: block;
  258. }
  259.  
  260. #login #inputtext1, #login #inputtext2 {
  261.     width: 180px;
  262.     margin-bottom: .5em;
  263.     padding: 2px 5px;
  264.     border: 1px solid #CCCCCC;
  265.     font: normal small Arial, Helvetica, sans-serif;
  266.     color: #999999;
  267. }
  268.  
  269. #login #inputsubmit1 {
  270.     float: right;
  271.     width: 60px;
  272.     margin-right: 7px;
  273.     border: 1px solid #CCCCCC;
  274.     border-top-color: #FFFFFF;
  275.     border-left-color: #FFFFFF;
  276.     font: normal small Arial, Helvetica, sans-serif;
  277. }
  278.  
  279. #login p {
  280.     margin: 0;
  281.     padding-top: .2em;
  282.     font-size: x-small;
  283. }
  284.  
  285. /* Content > Sidebar > Updates */
  286.  
  287. #updates {
  288. }
  289.  
  290. #updates ul {
  291.     margin: 0;
  292.     list-style: none;
  293. }
  294.  
  295. #updates li {
  296.     margin-bottom: 1em;
  297. }
  298.  
  299. #updates h3 {
  300.     margin: 0;
  301.     padding: 0 0 0 10px;
  302.     font-size: x-small;
  303. }
  304.  
  305. #updates p {
  306.     margin: 0;
  307.     padding: 0 0 0 10px;
  308.     line-height: normal;
  309.     font-size: .85em;
  310. }
  311.  
  312. #updates a {
  313.     text-decoration: none;
  314. }
  315.  
  316. /* Content > Sidebar > Partners*/
  317.  
  318. #partners {
  319. }
  320.  
  321. /* Footer */
  322.  
  323. #footer {
  324.     clear: both;
  325.     width: 700px;
  326.     margin: 0 auto 2em auto;
  327.     border-top: 1px solid #CCCCCC;
  328. }
  329.  
  330. /* Footer > Legal */
  331.  
  332. #legal {
  333.     margin: 0;
  334.     padding: 8px;
  335.     text-align: center;
  336.     font-size: x-small;
  337. }
  338.  
  339. #legal a {
  340.     font-weight: bold;
  341. }
  342.  
  343. /* Footer > Links */
  344.  
  345. #links {
  346.     margin: 0;
  347.     padding: 10px;
  348.     text-align: center;
  349. }
  350.  
  351.