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