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