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