home *** CD-ROM | disk | FTP | other *** search
/ Maximum CD 2003 March / maximum-cd-2003-03.iso / Software / Apps / opera7b2.exe / ACCESSIBILITY.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2002-12-17  |  3.5 KB  |  163 lines
  1. /*
  2. Name: Accessibility layout
  3. Version: 0.95 beta 2
  4. Author: Opera Software ASA
  5. Description: Accessibility style sheet for added readability.
  6. */
  7.  
  8.  
  9. /*To change the backround color, please edit the lines (background) below.*/
  10.  
  11. * {
  12.     max-height: none !important;
  13.     min-height: 0px !important;
  14.     height: auto !important;
  15.     max-width: none !important;
  16.     min-width: 0px !important;
  17.     width: auto !important;
  18.     
  19.     color: Black !important;
  20.     background: #D8F5D3 !important;         /* Light green, chosen color */
  21. /*    background: #FFFFCC !important;  */  /* Light yellow */
  22. /*    background: #DDDDFF !important;  */  /* Light blue   */
  23.  
  24.     font: 18px/1.4em normal normal Sassoon, Arial, Helvetica, sans-serif !important;
  25.     text-align: left !important;
  26.     text-transform: none !important;
  27.     text-decoration: none !important;
  28.     word-spacing: 0.4mm !important;
  29.     letter-spacing: 0.2mm !important;
  30. }
  31.  
  32. body {
  33.     padding-bottom: 2em !important;
  34.     max-width: 45em !important;
  35. }
  36.  
  37. body:after {
  38.     display: block !important;
  39.     clear: both !important;
  40.     content: "Zoom: Numeric [+] and [-] - Enter URL: [F8] - Shortcuts: [Ctrl+B]" !important;
  41.  
  42.     position: fixed !important;
  43.     bottom: 0px !important;
  44.  
  45.     margin-left: auto !important;
  46.     margin-right: auto !important;
  47.     border-top: thin solid Black !important;
  48.     border-left: thin solid Black !important;
  49.     border-right: thin solid Black !important;
  50.     padding: 1px !important;    
  51.     width: 100% !important;
  52.     height: auto !important;    
  53.  
  54.     background: Silver !important;
  55.     color: Black !important;
  56.     
  57.     font-size: smaller !important;
  58.     text-align: center !important;
  59.     word-spacing: normal !important;
  60.     letter-spacing: normal !important;
  61.     line-height: normal !important;
  62. }
  63.  
  64. a[href] {text-decoration: underline !important;}
  65.  
  66. a[href]:hover {
  67.     background: White !important;
  68.     color: Black !important;
  69. }
  70.  
  71. a[href]:active {
  72.     background: transparent !important;
  73.     text-decoration: none !important;
  74. }
  75.  
  76. img {border: none !important;}
  77.  
  78. a[href] img {border: medium solid Black !important;}
  79.  
  80. input, textarea, select {
  81.     background: White !important;
  82.     color: Black !important;
  83. }
  84.  
  85. input[type="text"], input[type="password"] {min-height: 1.2em !important;}
  86.  
  87. textarea {min-height: 4em !important;}
  88.  
  89. button, input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], input[type="image"] {
  90.     padding: 2px !important;
  91.     min-width: 2em !important;
  92.     height: 1.2em !important;
  93.     
  94.     background: Silver !important;
  95.     color: Black !important;
  96.     
  97.     text-align: center !important;
  98. }
  99.  
  100. a[accesskey]:after, button[accesskey]:after, input[accesskey]:after,
  101. label[accesskey]:after, legend[accesskey]:after, textarea[accesskey]:after {
  102.     margin-left: 0.3em;
  103.     content: "(" attr(accesskey) ")"; color: red;
  104. }
  105.  
  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.  
  143.  
  144. hr {
  145.     height: 5px !important;
  146.     background-color: Black !important;
  147.     color: Black !important;
  148.     border: none !important;
  149. }
  150.  
  151.  
  152.  
  153. @media print {
  154.  
  155. * {
  156.     color: Black !important;
  157.     background: white !important;    
  158.     font-size: 5.6mm !important;
  159. }
  160.  
  161. }
  162.  
  163.