home *** CD-ROM | disk | FTP | other *** search
/ Chip: 2005 Utilities / CHIP Utilities 2005.7z / CHIP Utilities 2005.iso / docs / maxtor.custhelp.com / rnt / rnw / css / enduser-maxtor.css next >
Encoding:
Cascading Style Sheet File  |  2004-11-11  |  12.8 KB  |  152 lines
  1. /* Maxtor CSS info ----------------------------------------------- */
  2.  
  3. /*     global elements */  
  4. body { background-color:#ffffff; color:#5e5e5f; }  
  5. b, strong { font-weight:bold; }  
  6. p { line-height: 125%; font-family: arial; margin: 5px 15px 15px 9px; }
  7.   .normal { font-size: .7em; line-height:150%; font-family: verdana, arial, helvetica, sans-serif;     margin:5px 15px 15px 9px; font-weight: normal; font-style: normal; }  
  8.   /* the following, bold, Added by S. Miller on 2/25/04 */
  9.   .bold { line-height: 125%; font-family: arial; margin: 5px 15px 15px 9px; font-weight: bold; font-style: normal}  
  10. p.small { font: 1em arial, helvetica, sans-serif; margin:5px 15px 5px 10px; } 
  11. p.searchresults { font: bold .7em; color:#002f86; } 
  12. p.search { font:10px verdana; color:#003399; margin:0px 0px 0px 0px; } 
  13. a.advsearch:link, a.advsearch:visited { font:10px arial, helvetica, sans-serif; color:#6988BB; }  
  14. p.clickstream { color:#c7c7c7; font-family:arial; font-size:xx-small; } 
  15. p.clickstream a:link, p.clickstream a:visited { color:#c7c7c7; text-decoration:none; } 
  16. p.clickstream a:hover { color:#002f86; text-decoration:underline; }  
  17.   .head1 { font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; font-size:small; color:#002f86; margin-top:4px; margin-bottom:4px; word-spacing: 0.05em; letter-spacing: 0.1em; }  
  18.   .head2 { font-family:verdana, arial, helvetica, sans-serif; font-size:.7em;     color:#000000;     margin-top:-8px; margin-bottom:8px;     word-spacing: 0.05em; letter-spacing: 0.1em;     text-transform: uppercase; }      
  19.   .head3 { font-weight:bold;     font-size:.7em;     color:#000000;     margin-top:15px; margin-bottom:4px; }  
  20.   .head4 { font-weight:bold;     font-size:.7em;     color:#002f86;     margin-top:4px; margin-bottom:4px; }  
  21.   .headSidebar { font-weight:bold;     color:#002f86;     margin-top:4px; margin-bottom:4px; }  
  22.  
  23. a:link { color:#164294; } a:visited { color:#697286; } a:hover { color:#002f86; }  
  24. /* ul { list-style-type: disc; margin-left:20px; } */
  25. /* li { margin-left:6px; } */
  26.  
  27. ol.gabe { font-size: .7em; line-height:150%; font-family: verdana, arial, helvetica, sans-serif;     margin:5px 15px 15px 9px; font-weight: normal; font-style: normal; }
  28. /* add by Gabe 05.06.2004 */
  29.  
  30. /* tabs */
  31.   td.tabOn{     text-transform: uppercase;     font:9px arial; color:white;     padding:3px 6px 8px 5px;     background-image:url('/en/images/_boilerplate/backgrounds/tab_on.gif');     cursor:hand; }  
  32. td.tabOff{     text-transform: uppercase;     font:9px arial; color:black;     padding:3px 6px 8px 5px;     background-image:url('/en/images/_boilerplate/backgrounds/tab_off.gif');     cursor:hand; }  
  33.  .tabOn a:link, .tabOn a:visited { color:white; text-decoration:none; } 
  34. .tabOn a:hover { color:white; text-decoration:underline; } 
  35. .tabOff a:link, .tabOff a:visited { color:black; text-decoration:none; } 
  36. .tabOff a:hover { color:black; text-decoration:underline; }
  37.  
  38. /* tables */  
  39. table.related{ font: 10px verdana, arial, helvetica, sans-serif; }
  40.  .related td { padding-top:3px; padding-bottom:3px; padding-right:15px; }
  41.  .related td a:link, .related td a:visited {    color:#5e5e5f; text-decoration:none; } 
  42.  .related td a:hover { color:#5e5e5f; text-decoration:underline; }  
  43. table.overview{  } 
  44.  .overview th{ padding: 3px 5px 3px 3px; background-image:url('http://www.maxtor.com/en/images/_boilerplate/backgrounds/header_back_2color.gif'); vertical-align:top; font:bold .7em verdana, arial, helvetica, sans-serif; text-align:left; color:#ffffff; cursor:hand;} 
  45.  .overview th a:link { color:white; text-decoration:none; }
  46.  .overview th a:visited { color:white; text-decoration:none; }
  47.  .overview th a:hover { color:#fffbb5; text-decoration:none; } 
  48.  .overview td {             background-color:#ffffff; vertical-align:top; font:.7em verdana, arial, helvetica, sans-serif;         }  
  49.  
  50. table.compare{ background-color:#c7c7c7; font:.7em verdana, arial, helvetica, sans-serif;} 
  51.  .compare th{ padding: 3px 5px 3px 3px; background-color: #efebf7; font:bold verdana, arial, helvetica, sans-serif; color:black; }
  52.  .compare td { background-color:#ffffff; text-align:center; } 
  53.  .compareHead1 { font:bold small arial, helvetica, sans-serif; color:#ffffff; } 
  54.  .compareHead2 { font:x-small verdana, arial, helvetica, sans-serif; color:#ffffff; text-transform:uppercase; }
  55.  .compareHead3 { font:bold 1em verdana, arial, sans-serif; color:#002f86; margin:0px; }
  56.  .compare td p { font:xx-small arial; margin:0px; }
  57. table.detail{  } 
  58.  .detail th{ padding: 3px 5px 3px 3px; background-color: #335AA0; vertical-align:top; font:bold .7em verdana, arial, helvetica, sans-serif; text-align:left; color:#ffffff; } 
  59.  .detail td { background-color:#ffffff; vertical-align:top; }
  60. table.searchForm{  }
  61.  .searchForm th{ padding: 3px 5px 3px 3px; background-color: #335AA0; text-align:left; color:#ffffff; } 
  62.  .searchForm td { background-color:#ffffff; }
  63. table.chart{ background-color: #c7c7c7; }
  64.  .chart th{ padding-left: 2px; background-color: #002f86; vertical-align:top; font:bold .7em verdana, arial, helvetica, sans-serif; text-align:left; color:#ffffff; }
  65.  .chart td{ background-color:#ffffff; padding: 3px 5px 3px 3px; vertical-align:top; font: .7em verdana, arial, helvetica, sans-serif; } 
  66.  
  67. /* <td> styles */
  68. td.dashed{ padding:0px; background-image:url('http://www.maxtor.com/en/images/_boilerplate/backgrounds/td_back_dashed_white.gif'); } 
  69. td.rtdashed{ padding:0px; background-image:url('http://www.maxtor.com/en/images/_boilerplate/backgrounds/td_back_dashed_gray.gif'); } 
  70. td.tdbody{ background-color:#efebf7; border:1px solid #c7c7c7; } 
  71. td.yellow { background-color:#fffcd6; } td.lightblue { background-color:#dedfef; } 
  72. th.black { background-color:#000000; } 
  73. th.blue { background-color:#000080; } 
  74. td { background-image:url('http://www.maxtor.com/en/images/_boilerplate/shim/pixel_clear.gif'); } 
  75. td.null { background-image:url('http://www.maxtor.com/en/images/_boilerplate/shim/pixel_clear.gif'); } 
  76. td.rtchannel { background-image:url('http://www.maxtor.com/en/images/_boilerplate/backgrounds/right_light_blue.gif'); } 
  77. td.rtchanneldark { background-image:url('http://www.maxtor.com/en/images/_boilerplate/backgrounds/right_dark_blue.gif'); } 
  78. td.rtchannelwide { background-image:url('http://www.maxtor.com/en/images/_boilerplate/lines/gray_vertical_double_lines.gif'); } 
  79. td.linework { padding:0px; background-color:#c7c7c7; } 
  80. td.bracketTopRight { background-image:url('http://www.maxtor.com/en/images/_boilerplate/lines/bracket_top_right.gif'); } 
  81. td.bracketTopLeft { background-image:url('http://www.maxtor.com/en/images/_boilerplate/lines/bracket_top_left.gif'); } 
  82. td.bracketBottomLeft { background-image:url('http://www.maxtor.com/en/images/_boilerplate/lines/bracket_line_bottom_left.gif'); } 
  83. td.bracketBottomRight { background-image:url('http://www.maxtor.com/en/images/_boilerplate/lines/bracket_line_bottom_right.gif'); } 
  84. td.rtchannel p, td.rtchanneldark p{    margin-right:25px;} 
  85. td.normal{font-size: .7em;     line-height:150%;     font-family:verdana, arial, helvetica, sans-serif; margin:5px 15px 15px 9px;}
  86. /* misc. */ 
  87.  .indent { margin-left:20px; } 
  88.  .searchForm { font:10px verdana; color:#5e5e5f; }
  89.  .searchInput { font:10px verdana; color:#5e5e5f; width:150px; } 
  90.  .footer { background-color:#000000; color:#ABABAB; font:10px arial; } 
  91.  .footer a:link, .footer a:visited { color:#ABABAB; text-decoration:none; }
  92.  .footer a:hover { color:white; text-decoration:underline; }  
  93. /* global nav */ 
  94. /* empty blue rectangle */  
  95.  #globalNavDiv{ position:absolute; left:196px; top:46px; width:565px; height:26px; background-color:#002c84; layer-background-color:#002c84; clip: rect( 0px 565px 26px 0px ); } 
  96. /* the actual top nav are either  <div class="navT1big">PRODUCTS<span class="navPlus">+</span></div>  - or -     <div class="navT1small">TECHNOLOGIES</div>     */ 
  97.  .navT1big{ position:absolute; top:46; visibility:visible; width:auto; height:16px; padding: 5px 7px; border-left: 1px solid #F4F4F4; border-bottom: 1px solid #DADBEC;  font: 10px verdana, arial, helvetica, sans-serif; cursor: hand; }
  98.  .navT1big a:link{ color:white; text-decoration:none }
  99.  .navT1big a:active{ color:white; text-decoration:none }
  100.  .navT1big a:visited{color:white; text-decoration:none }
  101.  .navT1big a:hover{ color:white; text-decoration:none }
  102.  .navT1small{ position:absolute; left:0; top:73px; visibility:visible; width:auto; padding: 2px 6px; border-left: 1px solid #F4F4F4; border-bottom: 1px solid white; background-color: #6A6DB2; layer-background-color: #6A6DB2; font: 10px verdana, arial, helvetica, sans-serif; cursor: hand; }
  103.  .navT1small a:link{ color: #C8DEF3; text-decoration:none }
  104.  .navT1small a:active{ color: #C8DEF3; text-decoration:none }
  105.  .navT1small a:visited{ color: #C8DEF3; text-decoration:none }
  106.  .navT1small a:hover{ color: #C8DEF3; text-decoration:none }
  107.  .navT1smallon{ position:absolute; left:0; top:73px; visibility:visible;     width:auto; padding: 2px 6px; border-left: 1px solid #F4F4F4; border-bottom: 1px solid white; background-color: #6A6DB2; layer-background-color: #6A6DB2; font: 10px verdana, arial, helvetica, sans-serif; cursor: hand;     } 
  108.  .navT1smallon a:link{ color: #ffffff; text-decoration:none }
  109.  .navT1smallon a:active{ color: #ffffff; text-decoration:none }
  110.  .navT1smallon a:visited{ color: #ffffff; text-decoration:none } 
  111.  .navT1smallon a:hover{ color: #ffffff; text-decoration:none }
  112.  #navproductsDiv{     left: 196px; width:  92px; height:26px; clip: rect( 0px  92px 26px 0px ); }
  113.  #navsupportDiv{     left: 288px; width: 167px; height:26px; clip: rect( 0px 167px 26px 0px ); } 
  114.  #navsolutionsDiv{ left: 455px; width: 156px; height:26px; clip: rect( 0px 156px 26px 0px ); }
  115.  #navaboutDiv{ left: 611px; width: 150px; height:26px; clip: rect( 0px 150px 26px 0px ); }
  116.  #navpartnersDiv{     left: 196px; width: 207px; height:19px; clip: rect( 0px 207px 18px 0px ); } 
  117.  #navtechnologiesDiv{ left: 403px; width: 208px; height:19px; clip: rect( 0px 208px 18px 0px ); } 
  118.  #navshopDiv{ left: 611px; width: 150px; height:19px; clip: rect( 0px 150px 18px 0px ); }
  119.  .navPlus{ font: bold 13px verdana, arial, helvetica, sans-serif; color: #CBB075;     }
  120. /* drop downs look like: <div class="navDrop"> <div class="navDropRow0">Lorem Overview</div> <div class="navDropRow">Ipsum 1</div> <div class="navDropRow">Ipsum 2</div> ...     <div class="navDropRow">Ipsum n</div>  </div> */ 
  121.  .navDrop{ position:absolute; top:91px; visibility:hidden; width:175; height:auto; background-color: #8AA8D8; border: 1px solid white; }
  122.  .navDropRow, .navDropRow0{ position:relative; font: 10px verdana, arial, helvetica, sans-serif; padding: 2px 6px; color: white; cursor: hand; } 
  123.  .navDropRow0{ border-top: none; }     .navDropRow{  border-top: 1px solid white; } 
  124. /*     leftnav  */ 
  125.  .leftnavT1offLine{ background-color: #6E7695; } 
  126.  .leftnavT1onLine{    background-color: #FFFFFF; } 
  127.  .leftnavT2offLine{ background-color: #6E7695; } 
  128.  .leftnavT2onLine{    background-color: #FFFFFF; } 
  129.  .leftnavT3offLine{ background-color: #94AACF; } 
  130.  .leftnavT3onLine{    background-color: #94AACF; }  
  131.  .leftnavT2on { font: 10px verdana, arial, helvetica, sans-serif; padding:3px 0px 4px 3px; text-transform:uppercase; background-color:#6B71B5; cursor:hand; } 
  132.  .leftnavT2on a:link, .leftnavT2on a:visited { color:white; text-decoration:none; } 
  133.  .leftnavT2on a:hover { text-decoration:underline; }   
  134.  .leftnavT2off {      font: 10px verdana, arial, helvetica, sans-serif; padding:2px 0px 4px 3px; cursor:hand; } 
  135.  .leftnavT2off a:link, .leftnavT2off a:visited { color:white; text-decoration:none; } 
  136.  .leftnavT2off a:hover { text-decoration:underline; }  
  137.  .leftnavT3on  {     font: 10px verdana, arial, helvetica, sans-serif; padding:2px 5px 4px 13px ; background-image:url('http://www.maxtor.com/en/images/_boilerplate/backgrounds/tier3_on.gif'); background-color:#94aacf;    cursor:hand; } 
  138.  .leftnavT3on a:link, .leftnavT3on a:visited { color:white; text-decoration:none; } 
  139.  .leftnavT3on a:hover { text-decoration:underline; }  
  140.  .leftnavT3off {      font: 10px verdana, arial, helvetica, sans-serif; padding:2px 5px 4px 8px ; background-color:#94aacf; cursor:hand; } 
  141.  .leftnavT3off a:link, .leftnavT3off a:visited { color:black; text-decoration:none; } 
  142.  .leftnavT3off a:hover { text-decoration:underline; }   
  143.  /*     home */  #iconStripHolder{     position:relative; top:0; left: 0;      width:auto; height:30px; } 
  144.  .iconStrip{ position:absolute; left:0; top:0; visibility:visible; width:auto; height:auto;  }
  145.  #iconStripOnDiv{     clip: rect(0px 0px 30px 0px); } 
  146.  #homeLeftFeatureDiv2{ position:absolute; left: 0px; top: 124px; visibility:visible; width:auto; height:auto;  }  
  147.  #homeLeftFeatureDiv{ position:absolute; left: 0px; top: 133px; visibility:visible; width:auto; height:auto;  } 
  148.  #homeLeftFeaturePhoto{ position:absolute; left:0px; top:13px; visibility:visible; width:auto; height:auto;  }
  149.  #homeLeftFeatureShop{ position:absolute; left:0px; top:83px; width: 190px; text-align:right; font:9px verdana; color:#E4E5EE; }  
  150.  
  151. /* Image Formatting ---- Added by Steve Miller on 2/26/04 */
  152. img.kbanswer {margin: 5px 5px 5px 5px; border: 1px ridge; }