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