home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 May / CHIPCD200305.iso / soft / ow32enen.exe / ACCESSIBILITY.CSS < prev    next >
Cascading Style Sheet File  |  2003-01-13  |  4KB  |  165 lines
  1. /*
  2. Name: Accessibility layout
  3. Version: 1.00
  4. Author: Opera Software ASA
  5. Description: Accessibility style sheet for added readability.
  6.  
  7. Copyright ⌐ 2003 Opera Software ASA.
  8. */
  9.  
  10.  
  11. /*To change the backround color, please edit the lines (background) below.*/
  12.  
  13. * {
  14.     max-height: none !important;
  15.     min-height: 0px !important;
  16.     height: auto !important;
  17.     max-width: none !important;
  18.     min-width: 0px !important;
  19.     width: auto !important;
  20.     
  21.     color: Black !important;
  22.     background: #D8F5D3 !important;         /* Light green, chosen color */
  23. /*    background: #FFFFCC !important;  */  /* Light yellow */
  24. /*    background: #DDDDFF !important;  */  /* Light blue   */
  25.  
  26.     font: 18px/1.4em normal normal Sassoon, Arial, Helvetica, sans-serif !important;
  27.     text-align: left !important;
  28.     text-transform: none !important;
  29.     text-decoration: none !important;
  30.     word-spacing: 0.4mm !important;
  31.     letter-spacing: 0.2mm !important;
  32. }
  33.  
  34. body {
  35.     padding-bottom: 2em !important;
  36.     max-width: 45em !important;
  37. }
  38.  
  39. body:after {
  40.     display: block !important;
  41.     clear: both !important;
  42.     content: "Zoom: Numeric [+] and [-] - Enter URL: [F8] - Shortcuts: [Ctrl+B]" !important;
  43.  
  44.     position: fixed !important;
  45.     bottom: 0px !important;
  46.  
  47.     margin-left: auto !important;
  48.     margin-right: auto !important;
  49.     border-top: thin solid Black !important;
  50.     border-left: thin solid Black !important;
  51.     border-right: thin solid Black !important;
  52.     padding: 1px !important;    
  53.     width: 100% !important;
  54.     height: auto !important;    
  55.  
  56.     background: Silver !important;
  57.     color: Black !important;
  58.     
  59.     font-size: smaller !important;
  60.     text-align: center !important;
  61.     word-spacing: normal !important;
  62.     letter-spacing: normal !important;
  63.     line-height: normal !important;
  64. }
  65.  
  66. a[href] {text-decoration: underline !important;}
  67.  
  68. a[href]:hover {
  69.     background: White !important;
  70.     color: Black !important;
  71. }
  72.  
  73. a[href]:active {
  74.     background: transparent !important;
  75.     text-decoration: none !important;
  76. }
  77.  
  78. img {border: none !important;}
  79.  
  80. a[href] img {border: medium solid Black !important;}
  81.  
  82. input, textarea, select {
  83.     background: White !important;
  84.     color: Black !important;
  85. }
  86.  
  87. input[type="text"], input[type="password"] {min-height: 1.2em !important;}
  88.  
  89. textarea {min-height: 4em !important;}
  90.  
  91. button, input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], input[type="image"] {
  92.     padding: 2px !important;
  93.     min-width: 2em !important;
  94.     height: 1.2em !important;
  95.     
  96.     background: Silver !important;
  97.     color: Black !important;
  98.     
  99.     text-align: center !important;
  100. }
  101.  
  102. a[accesskey]:after, button[accesskey]:after, input[accesskey]:after,
  103. label[accesskey]:after, legend[accesskey]:after, textarea[accesskey]:after {
  104.     margin-left: 0.3em;
  105.     content: "(" attr(accesskey) ")"; color: red;
  106. }
  107.  
  108.  
  109.  
  110. b, strong, em {font-weight: bold !important;}
  111.  
  112. h1, h2, h3, h4, h5, h6 {font-weight: bold !important;}
  113.  
  114. h1 {
  115.     font-size: 160% !important;
  116.     line-height: 1.0em !important;
  117. }
  118.  
  119. h2 {
  120.     font-size: 140% !important;
  121.     line-height: 1.2em !important;
  122. }
  123.  
  124. h3 {
  125.     font-size: 120% !important;
  126.     line-height: 1.4em !important;
  127. }
  128.  
  129. h4 {
  130.     font-size: 110% !important;
  131.     line-height: 1.4em !important;
  132. }
  133.  
  134. h5 {
  135.     font-size: 100% !important;
  136.     line-height: 1.2em !important;
  137. }
  138.  
  139. h6 {
  140.     font-size: 90% !important;
  141.     line-height: 1.2em !important;
  142. }
  143.  
  144.  
  145.  
  146. hr {
  147.     height: 5px !important;
  148.     background-color: Black !important;
  149.     color: Black !important;
  150.     border: none !important;
  151. }
  152.  
  153.  
  154.  
  155. @media print {
  156.  
  157. * {
  158.     color: Black !important;
  159.     background: white !important;    
  160.     font-size: 5.6mm !important;
  161. }
  162.  
  163. }
  164.  
  165.