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