home *** CD-ROM | disk | FTP | other *** search
/ com!online 2005 May / com_0505_2.iso / browser / ow32dede754j.exe / ACCESSIBILITY.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-11-25  |  3.5 KB  |  159 lines
  1. @charset "UTF-8";
  2. /*
  3. Name: Accessibility layout
  4. Version: 1.01
  5. Author: Opera Software ASA
  6. Description: Accessibility style sheet for added readability.
  7.  
  8. Copyright ┬⌐ 2003 Opera Software ASA.
  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. b, strong, em {font-weight: bold !important;}
  109.  
  110. h1, h2, h3, h4, h5, h6 {font-weight: bold !important;}
  111.  
  112. h1 {
  113.     font-size: 160% !important;
  114.     line-height: 1.0em !important;
  115. }
  116.  
  117. h2 {
  118.     font-size: 140% !important;
  119.     line-height: 1.2em !important;
  120. }
  121.  
  122. h3 {
  123.     font-size: 120% !important;
  124.     line-height: 1.4em !important;
  125. }
  126.  
  127. h4 {
  128.     font-size: 110% !important;
  129.     line-height: 1.4em !important;
  130. }
  131.  
  132. h5 {
  133.     font-size: 100% !important;
  134.     line-height: 1.2em !important;
  135. }
  136.  
  137. h6 {
  138.     font-size: 90% !important;
  139.     line-height: 1.2em !important;
  140. }
  141.  
  142. hr {
  143.     height: 5px !important;
  144.     background-color: Black !important;
  145.     color: Black !important;
  146.     border: none !important;
  147. }
  148.  
  149. @media print {
  150.  
  151. * {
  152.     color: Black !important;
  153.     background: white !important;    
  154.     font-size: 5.6mm !important;
  155. }
  156.  
  157. }
  158.  
  159.