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