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