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