home *** CD-ROM | disk | FTP | other *** search
/ Maximum CD 2003 January / maximum-cd-2003-01.iso / Software / Apps / OperawithJava / ow32enen700b1j.exe / TEXTONLY.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2002-11-08  |  6.0 KB  |  237 lines

  1. /*
  2. Name: Emulate text browser
  3. Version: 0.93 beta
  4. Author: Opera Software ASA
  5. Description: This is a "text browser" style sheets. Tables and forms are kept, but images are 
  6. not displayed. Only one font and one size is used, but spacing and bolding is used on headings.
  7. */
  8.  
  9. /* All elements */
  10.  
  11. * {
  12.  
  13.     position: static !important;
  14.     
  15.     max-height: none !important;
  16.     min-height: 0px !important;
  17.     height: auto !important;
  18.     max-width: none !important;
  19.     min-width: 0px !important;
  20.     width: auto !important;
  21.     border: none !important;
  22.  
  23.     color: white !important;
  24.     background: blue !important;
  25.     
  26.     font-family:  "Fixedsys", "Courier New", "Courier", monospace !important;
  27.  
  28. /* This font may not scale well, so several alternatives have been provided. 
  29.    Please apply the one that best fints your resolution.
  30.    
  31.    1em is the font-size defined in File > Preferences > Fonts and colors > Normal
  32.    2em would be twice that and 0.5em would be half that.    */
  33.    
  34.     font-size: 1em !important;
  35. /*    font-size: 16px !important;  */
  36. /*    font-size: 12px !important;  */
  37. /*    font-size: 10px !important;  */
  38.  
  39.     font-weight: normal !important;
  40.     font-style: normal !important;
  41.     line-height: 1em !important;
  42.     
  43.     text-align: left !important;
  44.     text-decoration: none !important;
  45.     letter-spacing: 0px !important;
  46.     outline: none !important;
  47. }
  48.  
  49.  
  50. /* Form elements */
  51.  
  52. input, textarea, select {
  53.     border-top: 2px solid black !important;
  54.     border-right: 1px solid silver !important;
  55.     border-bottom: 1px solid silver !important;
  56.     border-left: 2px solid black !important;
  57.  
  58.     color: black !important;
  59.     background: white !important;
  60.     font-weight: normal !important;
  61. }
  62.  
  63. input[type="text"], input[type="password"] {min-height: 1.2em !important;}
  64.  
  65. textarea {min-height: 4em !important;}
  66.     
  67. button, input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], input[type="image"] {
  68.     border: medium outset !important;
  69.     padding: 2px 3px 2px 3px !important;
  70.     min-width: 2em !important;
  71.     height: 1.2em !important;
  72.     
  73.     background: Silver !important;
  74.     color: Black !important;
  75.     text-align: center !important;
  76. }
  77.  
  78. button:active, input[type="file"]:active, input[type="submit"]:active,
  79. input[type="button"]:active, input[type="reset"]:active, input[type="image"]:active {
  80.     border: medium inset !important;
  81.     padding: 2px 2px 2px 4px !important;
  82. }
  83.  
  84. input[type="radio"] {border: none !important;}
  85.  
  86.  
  87.  
  88. /* Headings */
  89. h1, h2, h3, h4, h5, h6, th, caption {
  90.     font-weight: bold !important;
  91.     margin-top: 2em !important;
  92. }
  93.  
  94. h1 {text-transform: uppercase !important;}
  95. h1, h2 {letter-spacing: 5px !important;}
  96. h3 {letter-spacing: 3px !important;}
  97. h4 {letter-spacing: 2px !important;}
  98.  
  99.  
  100. /* Nested lists */
  101. ol > li {list-style: decimal !important;}
  102. ol ol > li {list-style: upper-alpha !important;}
  103. ol ol ol > li {list-style: lower-alpha !important;}
  104. ol ol ol ol > li {list-style: lower-roman !important;}
  105.  
  106. ul > li {list-style: square !important;}
  107. ul ul > li {list-style: circle !important;}
  108.  
  109.  
  110. /* Links */
  111.  
  112. a, a[href], a[href]:link, span {font-weight: inherit !important;}
  113. a[href]:visited {text-decoration: line-through !important;}
  114. a[href], a[href]:link, a[href]:hover {text-decoration: underline !important;}
  115. a[href]:active, a[href] img[alt]:active {text-decoration: none !important;}
  116.  
  117. hr {
  118.     height: 0px !important;
  119.     border-top: medium dashed White !important;
  120.     margin: 4px 0px 4px 0px !important;
  121. }
  122.  
  123.  
  124.  
  125. @media screen, handheld, projection, tv {
  126.  
  127. /* Display document title onscreen */
  128. head, title {display: block !important;}
  129.  
  130. title {
  131.     margin-bottom: 1em !important;
  132.     padding: 8px !important;
  133.  
  134.     color: blue !important;
  135.     background-color: White !important;
  136.     
  137.     text-align: center !important;
  138.     font-weight: bold !important;
  139. }
  140.  
  141.  
  142. body {padding-bottom: 3.5em !important;}
  143.  
  144. a[target]:before, *[lang]:before,*[lang]:after, img {
  145.     padding: 0px 2px 1px 2px !important;
  146.     color: Blue !important;
  147.     background: White !important;
  148.     font-size: smaller !important;
  149. }
  150. a[target]:before, *[lang]:before, img {margin-right: 4px !important;}
  151. a[target]:before {content: "Win:" !important;}
  152. a[target="_blank"]:before {content: "New:" !important;}
  153.  
  154.  
  155. /* Display text language when given */
  156. *[lang]:before {content: "Lng " attr(lang) ":" !important;}
  157.  
  158. *[lang]:after {
  159.     content: attr(lang) !important;
  160.     margin-left: 4px !important;    
  161.     text-decoration: line-through !important;
  162. }
  163.  
  164. body:after, body[lang]:after {
  165.     display: block !important;
  166.     content: "Navigate: [Z] and [X] ù Links: [Q] and [A] ù Shortcuts: [Ctrl+B]" !important;
  167.  
  168.     position: fixed !important;
  169.     bottom: 0px !important;
  170.     
  171.     margin-left: auto !important;
  172.     margin-right: auto !important;
  173.     border-top: thin solid Black !important;
  174.     border-left: thin solid Black !important;
  175.     border-right: thin solid Black !important;
  176.     padding: 2px !important;
  177.     width: 100% !important;
  178.     height: auto !important;
  179.     
  180.     color: blue !important;
  181.     background: white !important;
  182.  
  183.     text-align: center !important;
  184.     font-size: smaller !important;
  185.     text-decoration: none !important;
  186. }
  187.  
  188.  
  189. /* Change images to alternate text */
  190.  
  191. img {
  192.     display: none !important;
  193.     content: "IMG" !important;
  194.     margin-left: 2px !important;
  195.     line-height: 1.5em !important;
  196. }
  197.  
  198. img[alt], a[href] img {display: inline !important;    }
  199. input[type="image"] {content: "Submit" !important;}
  200. img[alt], input[type="image"][alt] {content: attr(alt) !important;}
  201.  
  202. }
  203.  
  204. @media print {
  205.  
  206. * {
  207.     background: white !important;
  208.     color: black !important;
  209. }
  210.  
  211. img {
  212.     display: none !important;
  213.  
  214.     margin-right: 4px !important;
  215.     padding: 0px 2px 1px 2px !important;
  216.     outline: thin solid black !important;
  217.  
  218.     color: gray !important;
  219.     background-color: white !important;
  220.     font-size: smaller !important;
  221. }
  222.  
  223. a[href]:visited {text-decoration: underline !important;}
  224.  
  225. input[type="image"] {content: "Submit" !important;}
  226. input[type="image"][alt] {content: attr(alt) !important;}
  227.  
  228. img[alt] {
  229.     display: inline !important;
  230.     content: attr(alt) !important;
  231.     margin-left: 2px !important;
  232.     line-height: 1.5em !important;
  233. }
  234.  
  235. }
  236.  
  237.