home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / fashionhouse / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2005-09-08  |  5.2 KB  |  356 lines
  1. * {
  2.     margin: 0px;
  3.     padding: 0px;
  4. }
  5.  
  6. body {
  7.     padding: 12px 0px;
  8.     background-color: #0a0a0a;
  9.     color: #fec3aa;
  10.     font-family: verdana, arial, sans-serif;
  11.     font-size: 9px;
  12.     text-align: center;
  13.     font-weight: bold;
  14. }
  15.  
  16. a {
  17.     color: #fec3aa;
  18.     text-decoration: underline;
  19. }
  20.  
  21. a:hover {
  22.     color: #e89978;
  23. }
  24.  
  25. span {
  26.     display: none;
  27. }
  28.  
  29. img {
  30.     border: none;
  31. }
  32.  
  33. ul {
  34.     list-style-type: none;
  35. }
  36.  
  37. li {
  38.     list-style-type: none;
  39. }
  40.  
  41. p {
  42.     margin: 10px 0px 5px;
  43.     text-align: justify;
  44.     line-height: 14px;
  45. }
  46.  
  47. .clearthis {
  48.     margin : 0px;
  49.     height : 1px;
  50.     clear : both;
  51.     float : none;
  52.     font-size : 1px;
  53.     line-height : 0px;
  54.     overflow : hidden;
  55. }
  56.  
  57.  
  58.  
  59. #container {
  60.     margin: 0px auto;
  61.     width: 576px;
  62. }
  63.  
  64. .link-more {
  65.     font-size: 10px;
  66. }
  67.  
  68. .link-more a {
  69.     text-decoration: none;
  70. }
  71.  
  72.  
  73. /* Page Header */
  74.  
  75. #page_header {
  76.     margin-top: 2px;
  77.     margin-bottom: 7px;
  78.     text-align: left;
  79. }
  80.  
  81. #page_header h1 {
  82.     width: 193px;
  83.     height: 21px;
  84.     background: url('images/company_name.gif') no-repeat 0px 0px;
  85. }
  86.  
  87.  
  88. /* Body Containers */
  89.  
  90. #body_container1 {
  91.     padding: 8px 10px;
  92.     background-color: #732604;
  93. }
  94.  
  95. #body_container2 {
  96.     padding: 3px 4px 0px;
  97.     background-color: #c45423;
  98. }
  99.  
  100. #container_top {
  101.     width: 548px;
  102.     padding-bottom: 4px;
  103. }
  104.  
  105. #container_bottom {
  106.     padding: 5px 0px 10px 1px;
  107.     width: 548px;
  108.     background: url('images/body_divider.gif') repeat-y 181px 0px;
  109.     
  110. }
  111.  
  112. .horizontal_div {
  113.     margin: 0px auto;
  114.     width: 537px;
  115.     height: 1px;
  116.     background-color: #ad4618;
  117.     overflow: hidden;
  118. }
  119.  
  120. /* Page Navigation Menu */
  121.  
  122. #page_menu {
  123.     padding: 1px 0px 2px;
  124.     width: 181px;
  125.     background: url('images/menu_image.gif') #e5ab5d no-repeat 2px 2px;
  126.     float: left;
  127.     text-align: right;
  128. }
  129.  
  130. #page_menu ul {
  131.     margin-left: auto;
  132.     margin-right: 2px;
  133.     width: 31px;
  134. }
  135.  
  136. #page_menu li {
  137.     margin-top: 1px;
  138.     float: left;
  139. }
  140.  
  141. #page_menu li a {
  142.     display: block;
  143.     background-color: #b5813c;
  144. }
  145.  
  146. #page_menu li a:hover {
  147.     background-color: #956a31;
  148. }
  149.  
  150. #page_menu #menu_contact a {
  151.     width: 31px;
  152.     height: 54px;
  153.     background-image: url('images/menu_contact.gif');
  154. }
  155.  
  156. #page_menu #menu_latest a {
  157.     width: 31px;
  158.     height: 54px;
  159.     background-image: url('images/menu_latest.gif');
  160. }
  161.  
  162. #page_menu #menu_gallery a {
  163.     width: 31px;
  164.     height: 54px;
  165.     background-image: url('images/menu_gallery.gif');
  166. }
  167.  
  168. #page_menu #menu_home a {
  169.     width: 31px;
  170.     height: 53px;
  171.     background-image: url('images/menu_home.gif');
  172. }
  173.  
  174.  
  175. /* Fashion For Life */
  176.  
  177. #fashion {
  178.     margin-left: 6px;
  179.     width: 361px;
  180.     float: left;
  181.     text-align: left;
  182. }
  183.  
  184. #fashion h2 {
  185.     margin-bottom: 3px;
  186.     width: 361px;
  187.     height: 20px;
  188.     background: url('images/fashionforlife_title.gif') #732604 no-repeat 0px 0px;
  189. }
  190.  
  191. #fashion_wrap {
  192.     margin: 0px auto 0px 4px;
  193.     width: 350px;
  194. }
  195.  
  196. #fashion_wrap p {
  197.     margin-top: 16px;
  198.     margin-bottom: 8px;
  199. }
  200.  
  201.  
  202. #fashion_wrap .link-more {
  203.     text-align: right;
  204.     height: 14px;
  205. }
  206.  
  207. #fashion_wrap .link-more a {
  208.     margin-left: auto;
  209.     padding-left: 16px;
  210.     display: block;
  211.     float: right;
  212.     height: 14px;
  213.     background: url('images/readmore_bullet.gif') no-repeat 0px 0px;
  214. }
  215.  
  216.  
  217. /* Latest Trends */
  218.  
  219. #trends {
  220.     width: 175px;
  221.     float: left;
  222.     text-align: left;
  223. }
  224.  
  225. #trends h2 {
  226.     width: 175px;
  227.     height: 20px;
  228.     background: url('images/trends_title.gif') #732604 no-repeat 0px 0px;
  229. }
  230.  
  231. #trends_list {
  232.     margin: 15px auto 0px 3px;
  233.     width: 160px;
  234.     text-align: justify;
  235. }
  236.  
  237. #trends_list li {
  238.     margin-bottom: 12px;
  239.     padding-left: 15px;
  240.     background: url('images/trends_bullet.gif') no-repeat 0px 2px;
  241. }
  242.  
  243. #trends_image {
  244.     padding-bottom: 3px;
  245.     text-align: center;
  246. }
  247.  
  248. #trends_image img {
  249.     margin: 6px auto;
  250.     border: 1px solid #e79774;
  251. }
  252.  
  253. #trends .link-more {
  254.     padding-right: 12px;
  255.     text-align: right;
  256. }
  257.  
  258.  
  259. /* Big Boys & Girls */
  260.  
  261. #boysngirls {
  262.     margin-left: 6px;
  263.     float: left;
  264.     background: url('images/body_divider.gif') repeat-y 185px 0px;
  265.     text-align: left;
  266. }
  267.  
  268. #boysngirls h2 {
  269.     margin-left: 6px;
  270.     margin-bottom: 3px;
  271.     width: 360px;
  272.     height: 20px;
  273.     background: url('images/boysngirls_title.gif') #732604 no-repeat 0px 0px;
  274. }
  275.  
  276.  
  277. /* Model Profile */
  278.  
  279. .model_profile_row {
  280.     padding-top: 9px;
  281.     padding-bottom: 3px;
  282.     width: 362px;
  283.     background: url('images/body_divider.gif') repeat-x 0px 100%;    
  284. }
  285.  
  286. .model_profile_left {
  287.     width: 167px;
  288.     float: left;
  289. }
  290.  
  291. .model_profile_right {
  292.     margin-left: 18px;
  293.     width: 167px;
  294.     float: left;
  295. }
  296.  
  297. .model_profile_image {
  298.     margin-top: 7px;
  299.     padding-left: 22px;
  300.     float: left;
  301. }
  302.  
  303. .model_profile_image img {
  304.     border: 1px solid #e28d68;
  305. }
  306.  
  307. .model_profile_details {
  308.     margin-left: 10px;
  309.     width: 75px;
  310.     float: left;
  311. }
  312.  
  313. .model_profile_details li {
  314.     padding-top: 5px;
  315.     color: #e4e0e0;
  316.     font-size: 9px;
  317.     font-weight: bold;
  318. }
  319.  
  320. .model_profile_details strong {
  321.     color: #533a0a;
  322. }
  323.  
  324. .model_profile_details br {
  325.     clear: both;
  326. }
  327.  
  328. .model_profile_row .link-more {
  329.     padding-top: 3px;
  330.     padding-bottom: 1px;
  331.     text-align: right;
  332.     line-height: 9px;
  333.     clear: both;
  334. }
  335.  
  336.  
  337. /* Page Footer */
  338.  
  339. #page_footer {
  340.     padding-top: 8px;
  341.     text-align: center;
  342.     color: #b08558;
  343.     font-weight: normal;
  344.     font-size: 11px;
  345. }
  346.  
  347. #page_footer a {
  348.     color: #b08558;
  349.     text-decoration: none;
  350. }
  351.  
  352. #page_footer a:hover {
  353.     color: #976632;
  354. }
  355.  
  356.