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