home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 - Microsoft Services / SUPPORT_SERVICES.ISO / fscommand / library / style / main.css next >
Encoding:
Cascading Style Sheet File  |  2003-10-09  |  9.5 KB  |  441 lines
  1. /*--------------------------------------------------------------/
  2. /    Stylesheet Microsoft CD-ROM Toolkit                              /
  3. /    d|a AG Unterhaching                                            /
  4. /    2002-06-10                                                    /
  5. /--------------------------------------------------------------*/
  6.  
  7.  
  8. html    {
  9.     height: 100%;    }
  10.     
  11. body {    
  12.     height: 100%;
  13.     margin: 0;
  14.     padding: 0;
  15.     background-color: #fff;
  16.     background-image: url(../images/navi/bg_navi_xp.gif);    /* - XP-style version - */
  17.     background-repeat: repeat-y;    
  18.     overflow-y: auto;    }
  19.  
  20.     
  21. a:link        {color: #003399;}            /* - general link colors - */
  22. a:visited    {color: #003399; }
  23. a:hover        {color: #0099ff; }
  24. a:active    {color: #0099ff;}
  25.  
  26.  
  27. img    {                                    /* - all images without borders - */
  28.     border: 0;    }
  29.  
  30.  
  31.     
  32.     
  33.  
  34. /* --- positioned elements --- */
  35.  
  36. #headerbox    {                            /* - container for header area - */
  37.     position: absolute;
  38.     top: 0;
  39.     left: 0;
  40.     width: 100%;
  41.     height: 80px;                        /* - height of header area - */
  42.     overflow: hidden;    }
  43.  
  44.     
  45. #contentbox    {                            /* - container for content area (text and footer) - */
  46.     position: absolute;
  47.     top: 81px;                            /* - height of header area - */
  48.     left: 215px;
  49.     height: 100%;
  50.     border: 0px solid green;
  51.     margin: 0;
  52.     padding: 0;    }
  53.  
  54.  
  55. #content    {                            /* - container for text - */
  56.     margin: 0 20px 25px 0;                /* - margin values without related links-box - */
  57.     border: 0px solid red;    }
  58.  
  59.  
  60. #related {                                /* - related links-box - */
  61.     float: right;
  62.     width: 9.5em;
  63.     margin: 50px 5px 0 10px;
  64.     -moz-border-radius: 4px;    }        /*    Mozilla code    */    
  65.  
  66.  
  67.  
  68. #navibox    {                            /* - container for navigation - */
  69.     position: absolute;
  70.     top: 80px;                            /* - height of header area - */
  71.     left: 0;
  72.     width: 194px;
  73.     margin: 0;
  74.     padding: 0;
  75.     border: 0px yellow solid;    }
  76.  
  77.  
  78. #treebox    {                            /* - container for navigation tree - */
  79.     margin: 0px 0px 10px 5px;
  80.     padding-top: 5px;    }    
  81.     
  82. #footerbox    {                            /* - container for footer (copyright statement) - */
  83.     margin-right: 20px;
  84.     padding-top: 20px;
  85.     clear: both;    }    
  86.     
  87.     
  88. #backlink {
  89.      font-family: Verdana, Arial, Helvetica, sans-serif;
  90.     font-size: x-small;    
  91. }
  92.  
  93. #floater    {                            /* - container for floater - */
  94.     margin-right: 0px;
  95.     padding-top: 0px;
  96.     clear: both;    
  97.     /*  top, right, bottom, left     */
  98.     margin: 20px 50px 0px 0px;
  99.     
  100.     
  101.     }    
  102.  
  103. #floater2    {                            /* - container for floater2 - */
  104.     margin-right: 0px;
  105.     padding-top: 0px;
  106.     clear: both;    
  107.     /*  top, right, bottom, left     */
  108.     margin: -20px 50px 0px 0px;
  109.     
  110.     
  111.     }
  112.  
  113. #floater3    {                            /* - container for floater2 - */
  114.     margin-right: 0px;
  115.     padding-top: 0px;
  116.     clear: both;    
  117.     /*  top, right, bottom, left     */
  118.     margin: -250px 50px 0px 0px;
  119.     
  120.     
  121.     }
  122.  
  123.  
  124.  
  125.  
  126. #platz    {                            /* - platzhalter (copyright statement) - */
  127.     height: 35%;}    
  128.  
  129. /* --- /positioned elements --- */
  130.  
  131.     
  132.  
  133.  
  134.     
  135. /* --- formatting header area --- */
  136.  
  137. #headmslogo    {                            /* - Microsoft logo - */
  138.     float: left;
  139.     width: 165px;
  140.     height: 60px;
  141.     margin: 20px 0 0 0;    }                /* - adjust margin-top if header height differs from 80px - */
  142.  
  143. #headertitel     {                        /* - module titel in the header - */
  144.     color:#ffffff;
  145.     float: left;
  146.     margin: 33px 0 19px 51px;            /* - adjust margin-top if header height differs from 80px - */
  147.     font: 22px Tahoma,Arial,Helvetica,sans-serif;
  148.     white-space: nowrap;    }            /* - no line-break - */
  149.  
  150. #headerlogo    {                            /* - optional: additional logo - */
  151.     float: right;    }
  152.  
  153. /* --- /formatting header area --- */
  154.  
  155.  
  156.     
  157.  
  158.  
  159. /* --- formatting text area --- */
  160.     
  161. #content h1    {                            /* - headline - */
  162.     margin: 0;
  163.     padding-top: 0.6em;
  164.     font: large Verdana,Arial,Helvetica,sans-serif;
  165.     line-height: 1.4;
  166.     color: #003399;    }    
  167.     
  168. #content h2    {                            /* - subheadline - */
  169.     margin: 0;
  170.     padding-top: 1em;
  171.     font: medium Verdana,Arial,Helvetica,sans-serif;
  172.     line-height: 1.4;
  173.     color: #003399;    }    
  174.     
  175. #content h3    {                            /* - paragraph heading - */
  176.     margin: 0;
  177.     padding-top: 1.4em;
  178.     font-family: Verdana, Arial, Helvetica, sans-serif;
  179.     font-size: x-small;
  180.     line-height: 1.3;
  181.     font-weight: bold;    }    
  182.     
  183. #content p    {                            /* - text paragraph - */
  184.     margin: 0;
  185.     padding-top: 0.6em;
  186.     font-family: Verdana, Arial, Helvetica, sans-serif;
  187.     font-size: x-small;
  188.     line-height: 1.3;    }    
  189.     
  190. p.right    {                                /* - paragraph with right-aligned image - */
  191.     float: right;
  192.     margin-top: 10px;
  193.     padding: 0 0 9px 9px;
  194.     border: 0px solid green;    }
  195.     
  196. p.right img    {                            /* - paragraph with right-aligned image - */
  197.     margin-top: 5px;    }        
  198.  
  199. p.left    {                                /* - paragraph with left-aligned image - */
  200.     float: left;
  201.     margin-top: 10px;
  202.     padding: 0 9px 9px 0;
  203.     border: 0px solid green;    }    
  204.     
  205. p.left img    {                            /* - paragraph with left-aligned image - */
  206.     margin-top: 5px;    }    
  207.     
  208. p.centered    {                            /* - paragraph with centered image - */
  209.     border: 0px solid green;
  210.     text-align: center;    }        
  211.  
  212. p.centered img    {                        /* - paragraph with centered image - */
  213.     margin: 10px 0 10px 0;    }        
  214.  
  215. #content ul {                             /* - unordered list - */
  216.     margin-top: 0;                        /* - no margin-left/margin-right here! - */
  217.     margin-bottom: 0;    }    
  218.     
  219. #content li {                            /* - list item - */
  220.     margin: 0.5em 10px 0 -15px;
  221.     font-family: Verdana, Arial, Helvetica, sans-serif;
  222.     font-size: x-small;        }
  223.     
  224. #content .source    {
  225.     font-family: "Courier New", Courier, monospace;
  226.     font-size: x-small;
  227.     }    
  228.     
  229. #content p.source    {
  230.     margin: 5px 0 0 10px;
  231.     padding: 0;
  232.     }        
  233.  
  234. pre    {
  235.     margin: 5px 0 0 10px;
  236.     padding: 0;
  237.     font-family: "Courier New", Courier, monospace;
  238.     font-size: x-small;
  239.     }            
  240.     
  241. .spacer {                                /* - filling element - */    
  242.     clear: both;    }
  243.     
  244. .stop-float {                            /* - filling element - */    
  245.     clear: both;    }    
  246.  
  247. .text {
  248.     font-family: Verdana, Arial, Helvetica, sans-serif;
  249.     font-size: x-small;
  250.     line-height: 1.3;
  251.     }    
  252.         
  253. /* --- /formatting text area --- */
  254.  
  255.  
  256.     
  257. /* --- formatting related links-box --- */
  258.  
  259.  
  260. .relatedhead    {                        /* - titel for related links-box - */
  261.     padding: 7px 5px 8px 10px;
  262.     font-family: Verdana, Arial, Helvetica, sans-serif;
  263.     font-size: x-small;
  264.     font-weight: bold;    }
  265.  
  266. #related ul {                             /* -  - */
  267.     margin-top: 0;
  268.     margin-bottom: 10px;
  269.     border: solid 0px green;    }    
  270.     
  271. #related li {                            /* -  - */
  272.     margin: 3px 5px 5px -15px;
  273.     font-family: Verdana, Arial, Helvetica, sans-serif;
  274.     font-size: x-small;
  275.     border: solid 0px red;        }    
  276.     
  277. #related hr    {                            /* - related links-box horizontal ruler - */
  278.     width: 100%;
  279.     height: 1px;    }
  280.  
  281. /* --- /formatting related links-box --- */
  282.     
  283.  
  284.  
  285.     
  286.  
  287.     
  288. /* --- formatting navigation area --- */
  289.  
  290. .navibg        {                            /* - background navigation tree - */
  291.     width: 194px;
  292.     margin: 0px;
  293.     padding: 0px;
  294.     display: block;
  295.     border-top: 1px solid white;
  296.     border-bottom: 1px solid #c6c7c6;    }
  297.         
  298. #treetitle        {                        /* - module titel in the navigation tree - */
  299.     margin-bottom: 5px;    }        
  300.  
  301. .treetext {                                /* - text in the navigation tree - */
  302.     font-size: x-small;
  303.     font-family: Arial,Helvetica,sans-serif;
  304.     color: #FFFFFF;
  305. }
  306.  
  307.  
  308. #treebox a:link, #treebox a:visited    {    /* - links in the navigation tree - */
  309.     text-decoration: none;
  310.     color: #FFFFFF;
  311. }
  312.  
  313. #treebox a:hover, #treebox a:active {
  314.     text-decoration: none;
  315.     color: #000000;
  316.     }
  317.     
  318.  
  319. /* XP-style Navigation */        
  320. #lowernavibox {
  321.     border-top:1px solid #fff;
  322.     padding-top:20px;    }
  323.         
  324. #lowernavihead    {
  325.     width: 170px;
  326.     height: 25px;
  327.     margin: 0 0 0 10px;
  328.     background: url(../images/navi/header_navi_xp.gif);    }
  329.     
  330. #lowernavihead-inner    {
  331.     font-family: Arial,Helvetica,sans-serif;
  332.     font-size: 12px;
  333.     font-weight: bold;
  334.     color: #fff;
  335.     padding:5px 0 0 12px;    }
  336.     
  337. #lowernavi    {
  338.     margin: 0 0 0 10px;
  339.     width: 170px;
  340.     background: #fff;
  341.     padding: 4px 0;    }    
  342.     
  343. #lowernavi td {    
  344.     font-family: Arial,Helvetica,sans-serif;
  345.     font-size: x-small;
  346.     color: #000000;    }
  347.     
  348. #lowernavi td a:link, #lowernavi td a:visited    {
  349.     text-decoration: none;
  350.     color: #000000;    }
  351.  
  352. #lowernavi td a:hover, #lowernavi td a:active {
  353.     text-decoration: none;
  354.     color: #0099ff;    }        
  355. /* /XP-style Navigation */        
  356.     
  357.     
  358. /* old-style Navigation */    
  359.     
  360. .linkbox    {                            /* - grey link box - */    
  361.     width: 194px;
  362.     height: 30px;
  363.     padding-top: 3px;
  364.     background-color: #e3e0dd;
  365.     border-top: 1px solid #fff;
  366.     border-bottom: 1px solid #c6c7c6;    }
  367.     
  368. .linkbox a    {                            /* - links in the link box - */
  369.     padding-top: 4px;
  370.     vertical-align: middle;
  371.     text-decoration: none;    }    
  372.     
  373. .linkbox a:link, .linkbox a:visited    {    
  374.     color: #000000;    }
  375.     
  376. .linkbox a:hover, .linkbox a:active    {
  377.     color: #000000;    }    
  378.     
  379. .linkbox img    {                        /* - icon in the link box - */
  380.     padding-top: 4px;
  381.     vertical-align: middle;
  382.     border: 0px;    }
  383.  
  384. .linkbox span    {                        /* - text in the link box - */
  385.     padding-top: 4px;
  386.     vertical-align: middle;
  387.     font-size: x-small;
  388.     font-family: Arial,Helvetica,sans-serif;    }
  389.     
  390. .amende    {                                /* - addition for last link box - */    
  391.     border: 0px;    }
  392.     
  393. /* /old-style Navigation */            
  394.     
  395. /* --- /formatting navigation area --- */
  396.  
  397.  
  398.  
  399. /* --- formatting footer (copyright statement) --- */
  400.  
  401. #footerbox p {
  402.     width: 100%;
  403.     margin-left: auto;
  404.     margin-right: auto;
  405.     padding-bottom: 5px;
  406.     font-family: Arial,Helvetica,sans-serif;
  407.     font-size: 10px;
  408.     text-align: center;    }
  409.         
  410. /* --- /formatting footer (copyright statement) --- */
  411.  
  412.  
  413. #floater p {
  414.     width: 100%;
  415.     margin-left: auto;
  416.     margin-right: auto;
  417.     padding-bottom: 5px;
  418.     font-family: Arial,Helvetica,sans-serif;
  419.     font-size: 10px;
  420.     text-align: center;    }
  421.     
  422.  
  423. #floater2 p {
  424.     width: 100%;
  425.     margin-left: auto;
  426.     margin-right: auto;
  427.     padding-bottom: 5px;
  428.     font-family: Arial,Helvetica,sans-serif;
  429.     font-size: 10px;
  430.     text-align: center;    }
  431.         
  432.  
  433. #floater3 p {
  434.     width: 100%;
  435.     margin-left: auto;
  436.     margin-right: auto;
  437.     padding-bottom: 5px;
  438.     font-family: Arial,Helvetica,sans-serif;
  439.     font-size: 10px;
  440.     text-align: center;    }
  441.