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