home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 May / CHIPCD200305.iso / soft / ow32enen.exe / TEXTONLY.CSS < prev    next >
Cascading Style Sheet File  |  2003-01-20  |  6KB  |  248 lines
  1. /*
  2. Name: Emulate text browser
  3. Version: 1.00
  4. Author: Opera Software ASA
  5. Description: This is a "text browser" style sheet. 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. Copyright ⌐ 2003 Opera Software ASA.
  9. */
  10.  
  11. /* All elements */
  12.  
  13. * {
  14.     position: static !important;
  15.     
  16.     max-height: none !important;
  17.     min-height: 0px !important;
  18.     height: auto !important;
  19.     max-width: none !important;
  20.     min-width: 0px !important;
  21.     width: auto !important;
  22.     border: none !important;
  23.     outline: none !important;
  24.  
  25.     background: Blue !important;
  26.     color: White !important;
  27.     
  28.     font-family:  "Fixedsys", "Courier New", "Courier", monospace !important;
  29.  
  30. /* This font may not scale well, so several alternative sizes have been provided. 
  31.     Please apply the one that best fints your resolution.
  32.  
  33.     1em is the font-size defined in File > Preferences > Fonts and colors > Normal
  34.     2em would be twice that and 0.5em would be half that.    */
  35.    
  36.     font-size: 1em !important;
  37. /*    font-size: 16px !important;  */
  38. /*    font-size: 12px !important;  */
  39. /*    font-size: 10px !important;  */
  40.  
  41.     font-weight: normal !important;
  42.     font-style: normal !important;
  43.     line-height: 1em !important;
  44.     
  45.     text-align: left !important;
  46.     text-decoration: none !important;
  47.     letter-spacing: 0px !important;
  48. }
  49.  
  50.  
  51. /* Form elements */
  52.  
  53. input, textarea, select {
  54.     border-top: 2px solid black !important;
  55.     border-right: 1px solid silver !important;
  56.     border-bottom: 1px solid silver !important;
  57.     border-left: 2px solid black !important;
  58.  
  59.     background: White !important;
  60.     color: Black !important;
  61.     font-weight: normal !important;
  62. }
  63.  
  64. input[type="text"], input[type="password"] {min-height: 1.2em !important;}
  65.  
  66. textarea {min-height: 4em !important;}
  67.     
  68. button, input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], input[type="image"] {
  69.     border: medium outset !important;
  70.     padding: 2px 3px 2px 3px !important;
  71.     min-width: 2em !important;
  72.     height: 1.2em !important;
  73.     
  74.     background: Silver !important;
  75.     color: Black !important;
  76.     text-align: center !important;
  77. }
  78.  
  79. button:active, input[type="file"]:active, input[type="submit"]:active,
  80. input[type="button"]:active, input[type="reset"]:active, input[type="image"]:active {
  81.     border: medium inset !important;
  82.     padding: 2px 2px 2px 4px !important;
  83. }
  84.  
  85. input[type="radio"] {border: none !important;}
  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. a, a[href], a[href]:link, span {font-weight: inherit !important;}
  112. a[href]:visited {text-decoration: line-through !important;}
  113. a[href], a[href]:link, a[href]:hover {text-decoration: underline !important;}
  114. a[href]:active, a[href] img[alt]:active {text-decoration: none !important;}
  115.  
  116.  
  117. /* Other */
  118.  
  119. kbd {
  120.     background: White !important;
  121.     color: Blue !important;
  122.     padding: 0px 2px !important;
  123. }
  124.  
  125. hr {
  126.     height: 0px !important;
  127.     border-top: medium dashed White !important;
  128.     margin: 4px 0px 4px 0px !important;
  129. }
  130.  
  131.  
  132.  
  133. @media screen, handheld, projection, tv {
  134.  
  135. /* Display document title on screen */
  136. head, title {display: block !important;}
  137.  
  138. title {
  139.     margin-bottom: 1em !important;
  140.     padding: 8px !important;
  141.  
  142.     background-color: White !important;
  143.     color: Blue !important;
  144.     
  145.     text-align: center !important;
  146.     font-weight: bold !important;
  147. }
  148.  
  149.  
  150. body {padding-bottom: 3.5em !important;}
  151.  
  152. a[target]:before, *[lang]:before,*[lang]:after, img {
  153.     padding: 0px 2px 1px 2px !important;
  154.     background: White !important;
  155.     color: Blue !important;
  156.     font-size: smaller !important;
  157. }
  158. a[target]:before, *[lang]:before, img {margin-right: 4px !important;}
  159. a[target]:before {content: "Win:" !important;}
  160. a[target="_blank"]:before {content: "New:" !important;}
  161.  
  162.  
  163. /* Display text language when given */
  164. *[lang]:before {content: "Lng " attr(lang) ":" !important;}
  165.  
  166. *[lang]:after {
  167.     content: attr(lang) !important;
  168.     margin-left: 4px !important;    
  169.     text-decoration: line-through !important;
  170. }
  171.  
  172. body:after, body[lang]:after {
  173.     display: block !important;
  174.     clear: both !important;
  175.     content: "Navigate: [Z] and [X] ù Elements: [Shift+arrow keys] ù Shortcuts: [Ctrl+B]" !important;
  176.  
  177.     position: fixed !important;
  178.     bottom: 0px !important;
  179.     
  180.     margin-left: auto !important;
  181.     margin-right: auto !important;
  182.     border-top: thin solid Black !important;
  183.     border-left: thin solid Black !important;
  184.     border-right: thin solid Black !important;
  185.     padding: 2px !important;
  186.     width: 100% !important;
  187.     height: auto !important;
  188.     
  189.     background: White !important;
  190.     color: Blue !important;
  191.  
  192.     text-align: center !important;
  193.     font-size: smaller !important;
  194.     text-decoration: none !important;
  195. }
  196.  
  197.  
  198. /* Change images to alternate text */
  199.  
  200. img {
  201.     display: none !important;
  202.     content: "IMG" !important;
  203.     margin-left: 2px !important;
  204.     line-height: 1.5em !important;
  205. }
  206.  
  207. img[alt], a[href] img {display: inline !important;}
  208. input[type="image"] {content: "Submit" !important;}
  209. img[alt], input[type="image"][alt] {content: attr(alt) !important;}
  210.  
  211. }
  212.  
  213. @media print {
  214.  
  215. * {
  216.     background: white !important;
  217.     color: black !important;
  218.     background: White !important;
  219.     color: Black !important;
  220. }
  221.  
  222. img {
  223.     display: none !important;
  224.  
  225.     margin-right: 4px !important;
  226.     padding: 0px 2px 1px 2px !important;
  227.     outline: thin solid black !important;
  228.  
  229.     color: Gray !important;
  230.     background-color: White !important;
  231.     font-size: smaller !important;
  232. }
  233.  
  234. a[href]:visited {text-decoration: underline !important;}
  235.  
  236. input[type="image"] {content: "Submit" !important;}
  237. input[type="image"][alt] {content: attr(alt) !important;}
  238.  
  239. img[alt] {
  240.     display: inline !important;
  241.     content: attr(alt) !important;
  242.     margin-left: 2px !important;
  243.     line-height: 1.5em !important;
  244. }
  245.  
  246. }
  247.  
  248.