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