home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / hilaryduff / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-10-30  |  4.1 KB  |  249 lines
  1. body {
  2.     background: #C0617F url(images/main-bg.gif) repeat-x;
  3.     color: #2D2D2D;
  4.     font-family: tahoma, arial, verdana;
  5.     font-size: 11px;
  6.     margin: 0px;
  7.     padding: 0px;
  8.     text-align: center;
  9. }
  10.  
  11. img {
  12.     border: 0px;
  13. }
  14.  
  15. a:link { 
  16.     color: #FDBDD2;
  17.     font-weight: bold;
  18.     text-decoration: none;
  19. }
  20.     
  21. a:visited { 
  22.     color: #FDBDD2;
  23.     font-weight: bold;
  24.     text-decoration: none;    
  25. }
  26.     
  27. a:hover, a:active { 
  28.     color: #FFFFFF;
  29.     font-weight: bold;
  30.     text-decoration: underline;
  31. }
  32.  
  33. #header {
  34.     height:337px;
  35.     display:block;
  36.     width:570px;
  37.     margin-right:0px;
  38.     background-image: url(images/hilaryduff.jpg);
  39.     background-repeat: no-repeat;
  40.     background-position: right top;
  41.     z-index:2;
  42.     overflow:hidden;
  43. }
  44. #header a {
  45.     position:absolute;
  46.     top:322px;
  47.     right:48px;
  48.     width:50px;
  49.     height:20px;
  50.     z-index:3;
  51.     display:inline;
  52. }
  53.  
  54. #container {
  55.     margin: 0px auto;
  56.     text-align: left;
  57.     width: 780px;
  58.     position:relative;
  59. }
  60.  
  61. #copyright {
  62.     clear: both;
  63.     color: #FFFFFF;
  64.     font-size: 10px;
  65.     margin-bottom: 10px;
  66.     padding-right: 15px;
  67.     text-align: center;    
  68. }
  69.  
  70. .photo {
  71.     float: right;
  72.     margin-left: 10px;
  73.     margin-right: 10px;
  74.     padding:5px;
  75.     border: 1px solid #ca738f;    
  76. }
  77. .photo img{
  78.     border: 1px solid #df8fa9;
  79. }
  80. #left {
  81.     float: left;
  82.     padding-top: 110px;
  83.     width: 210px;
  84. }
  85.  
  86. #menu {
  87.     background: url(images/menu-bg.gif) no-repeat;
  88.     clear: both;
  89.     display: block;
  90.     height: 551px;
  91.     padding-top: 10px;
  92.     width: 190px;
  93. }
  94.  
  95. #menu ul {
  96.     list-style: none;
  97.     margin: 0px;
  98.     margin-left: 4px;
  99.     margin-bottom: 10px;
  100.     margin-top: 8px;
  101.     padding: 0px;
  102. }
  103.  
  104. #menu li {
  105.     background: url(images/list-bg.gif) no-repeat;
  106.     display: block;
  107.     font-size: 10px;
  108.     height: 17px;
  109.     list-style: none;
  110.     margin: 0px;
  111.     padding: 0px;
  112.     padding-left: 25px;
  113.     padding-top: 1px;
  114.     width: 157px;
  115. }
  116.  
  117. #nav {
  118.     clear: both;
  119.     height: 50px;
  120.     width: 700px;
  121.     position:absolute;
  122.     margin-left:40px;
  123. }
  124.  
  125. #nav ul {
  126.     list-style: none;
  127.     margin: 20px 0px 0px 0px;
  128.     padding: 0px;
  129.     width:700px;
  130.     z-index:15;
  131.     position:absolute;
  132.     text-align:center;
  133. }
  134.  
  135. #nav li {
  136.     list-style: none;
  137.     float:left;
  138.     margin: 0px;
  139.     padding: 0px;
  140.     display:inline;
  141.     border-right: 1px solid #c0617f;
  142. }
  143. #nav a {
  144.     font-family: Arial, Helvetica, sans-serif;
  145.     font-size: 14px;
  146.     font-weight: bold;
  147.     font-variant: normal;
  148.     color: #FFFFFF;
  149.     text-decoration: none;
  150.     display:inline;
  151.     text-transform: uppercase;
  152.     padding: 20px 20px 10px 20px;
  153. }
  154. #nav a:hover {
  155.     color:#df8fa9;
  156.     text-decoration:underline;
  157. }
  158.  
  159. #right {
  160.     float: left;
  161.     width: 560px;
  162. }
  163. #right a{
  164. text-decoration:underline;}
  165. .tab {
  166.     background: url(images/tab-heading.gif) no-repeat;
  167.     color: #F2BCCE;
  168.     display: block;
  169.     font-family: arial;
  170.     font-size: 15px;
  171.     font-weight: bold;
  172.     height: 18px;
  173.     letter-spacing: -1px;
  174.     padding-left: 10px;
  175.     padding-top: 3px;
  176.     margin-bottom: 8px;
  177.     margin-left: 7px;
  178.     width: 166px;
  179. }
  180.  
  181. .tab2 {
  182.     background: url(images/tab-bg.gif) no-repeat;
  183.     display: block;
  184.     font-size: 10px;
  185.     height: 17px;
  186.     padding-top: 4px;
  187.     padding-left: 10px;
  188.     width: 179px;
  189. }
  190.  
  191. .tag {
  192.     color: #F5E6EB;
  193.     font-size: 12px;
  194.     font-weight: bold;
  195.     margin-left: 25px;    
  196. }
  197.  
  198. .textboxtop,.textboxtop2{
  199.     color: #F2BCCE;
  200.     display: block;
  201.     font-size: 19px;
  202.     font-weight: bold;
  203.     height: 33px;
  204.     letter-spacing: -1px;
  205.     margin-left: 8px;
  206.     padding-left: 20px;
  207.     padding-top: 11px;
  208.     width: 526px;
  209.     text-transform: uppercase;
  210. }
  211. .textboxtop{
  212.     background: url(images/textbox-top.gif) no-repeat;
  213. }
  214. .textboxtop2 {
  215.     background: url(images/textbox-top2.gif) no-repeat;
  216. }
  217.  
  218. .textbox {
  219.     background: #C0617F url(images/textbox-bg.gif) no-repeat;
  220.     border-left: 1px solid #DF8FA9;
  221.     border-right: 1px solid #DF8FA9;
  222.     color: #F0C5D2;
  223.     margin-left: 8px;
  224.     padding-left: 20px;
  225.     padding-right: 10px;
  226.     padding-top: 20px;
  227.     width: 514px;
  228.     padding-bottom:10px;
  229. }
  230.  
  231. .textboxbottom {
  232.     background: url(images/textbox-bottom.gif) no-repeat;
  233.     color: #FFFFFF;
  234.     display: block;
  235.     font-weight: bold;
  236.     height: 23px;
  237.     margin-bottom: 10px;
  238.     margin-left: 8px;
  239.     padding-right: 15px;
  240.     padding-top: 5px;
  241.     text-align: right;
  242.     width: 531px;
  243. }
  244. .lastnav{
  245.     border-right: 0px none #c0617f !important;
  246. }
  247. .lastitem{
  248.     background:url(images/list-bg-2.gif) !important;
  249. }