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