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