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