home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / balloonr / default.css next >
Cascading Style Sheet File  |  2007-08-13  |  3KB  |  247 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. body {
  8.     margin: 0;
  9.     padding: 0;
  10.     background: #FFFFFF url(images/img01.gif) repeat-x;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #333333;
  14. }
  15.  
  16. form {
  17.     margin: 0;
  18.     padding: 0;
  19. }
  20.  
  21. fieldset {
  22.     margin: 0;
  23.     padding: 0;
  24.     border: none;
  25. }
  26.  
  27. input, textarea {
  28.     font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
  29.     color: #333333;
  30. }
  31.  
  32. h1, h2, h3 {
  33.     margin: 0;
  34.     font-weight: normal;
  35.     color: #333333;
  36. }
  37.  
  38. h1 {
  39.     letter-spacing: -1px;
  40.     font-size: 2.6em;
  41. }
  42.  
  43. h2 {
  44.     font-size: 1.8em;
  45. }
  46.  
  47. h3 {
  48.     font-size: 1em;
  49.     font-weight: bold;
  50. }
  51.  
  52. p, ul, ol {
  53.     margin-bottom: 1.6em;
  54.     line-height: 180%;
  55. }
  56.  
  57. p {
  58. }
  59.  
  60. blockquote {
  61.     font-style: italic;
  62. }
  63.  
  64. ul {
  65. }
  66.  
  67. ol {
  68. }
  69.  
  70. a {
  71.     border-bottom: 1px dotted #EFEFEF;
  72.     text-decoration: none;
  73.     color: #356AA0;
  74. }
  75.  
  76. a:hover {
  77.     text-decoration: none;
  78.     color: #CC0000;
  79. }
  80.  
  81. small {
  82. }
  83.  
  84. hr {
  85.     display: none;
  86. }
  87.  
  88. img {
  89.     border: none;
  90. }
  91.  
  92. img.left {
  93.     float: left;
  94.     margin: 0 15px 0 0;
  95. }
  96.  
  97. img.right {
  98.     float: left;
  99.     margin: 0 0 0 15px;
  100. }
  101.  
  102. /* Header */
  103.  
  104. #header {
  105.     width: 980px;
  106.     height: 231px;
  107.     margin: 0 auto;
  108. }
  109.  
  110. #header h1 {
  111.     float: left;
  112.     margin-top: 20px;
  113.     padding: 100px 190px 0 0;
  114.     background: url(images/img02.jpg) no-repeat right top;
  115.     text-transform: lowercase;
  116.     letter-spacing: -3px;
  117.     font-size: 4.4em;
  118. }
  119.  
  120. #header h1 span {
  121.     color: #CC0000;
  122. }
  123.  
  124. #header h2 {
  125.     float: left;
  126.     margin: 0 0 0 -190px;
  127.     padding: 160px 0 0 0;
  128.     text-transform: lowercase;
  129.     font-size: 1em;
  130.     font-weight: bold;
  131.     color: #333333;
  132. }
  133.  
  134. #header h2 a {
  135.     color: #333333;
  136. }
  137.  
  138. /* Search */
  139.  
  140. #search {
  141.     float: right;
  142.     width: 300px;
  143.     padding: 150px 0 0 0;
  144. }
  145.  
  146. #search legend {
  147.     display: none;
  148. }
  149.  
  150. #searchfield {
  151.     width: 200px;
  152. }
  153.  
  154. #searchsubmit {
  155.     width: 80px;
  156. }
  157.  
  158. /* Page */
  159.  
  160. #page {
  161.     width: 980px;
  162.     margin: 0 auto;
  163.     padding: 20px 0;
  164. }
  165.  
  166. /* Content */
  167.  
  168. #content {
  169.     float: right;
  170.     width: 650px;
  171. }
  172.  
  173. .post {
  174.     padding: 12px 50px;
  175.     background: url(images/img04.jpg) no-repeat;
  176. }
  177.  
  178. .post .title {
  179.     letter-spacing: -1px;
  180.     font-size: 2.4em;
  181.     color: #356AA0;
  182. }
  183.  
  184. .post .meta {
  185.     margin: 0 0 20px 0;
  186.     padding: 0 0 20px 0;
  187.     border-bottom: 1px solid #EFEFEF;
  188.     line-height: normal;
  189.     color: #666666;
  190. }
  191.  
  192. /* Sidebar */
  193.  
  194. #sidebar {
  195.     float: left;
  196.     width: 300px;
  197. }
  198.  
  199. #sidebar ul {
  200.     margin: 0;
  201.     padding: 0;
  202.     list-style: none;
  203. }
  204.  
  205. #sidebar li {
  206.     margin-bottom: 20px;
  207.     padding: 20px 40px;
  208.     background: url(images/img03.jpg) no-repeat;
  209. }
  210.  
  211. #sidebar li ul {
  212.     line-height: 2em;
  213. }
  214.  
  215. #sidebar li li {
  216.     margin: 0;
  217.     padding: 0;
  218.     background: none;
  219.     border-bottom: 1px solid #EFEFEF;
  220. }
  221.  
  222. #sidebar h2 {
  223.     margin-bottom: 10px;
  224.     text-transform: lowercase;
  225.     letter-spacing: -1px;
  226.     color: #CC0000;
  227. }
  228.  
  229. #sidebar a {
  230.     border: none;
  231. }
  232.  
  233. /* Footer */
  234.  
  235. #footer {
  236.     clear: both;
  237.     padding: 30px 0;
  238.     border-top: 10px solid #DDDDDD;
  239.     background: #EFEFEF;
  240. }
  241.  
  242. #footer p {
  243.     margin: 0;
  244.     padding: 10px 0 0 0;
  245.     text-align: center;
  246.     line-height: normal;
  247. }