home *** CD-ROM | disk | FTP | other *** search
/ com!online 2005 May / com_0505_2.iso / browser / ow32dede754j.exe / NOSTALGIA.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-11-25  |  4.9 KB  |  210 lines
  1. @charset "UTF-8";
  2. /*
  3. Name: Nostalgia
  4. Version: 1.10
  5. Author: Opera Software ASA
  6. Description: This style sheet attempts to simulate surfing the Web with a browser written in the early 1980s.
  7.  
  8. Copyright ┬⌐ 2003 Opera Software ASA.
  9. */
  10.  
  11. * {
  12.     font-family:  "Fixedsys", "Courier New", "Courier", monospace !important;
  13.     font-style: normal !important;
  14.     line-height: 1.3em !important;
  15.     letter-spacing: 0px !important;
  16.  
  17.     text-decoration: none !important;
  18.     text-align: left !important;
  19.     border: none !important;
  20.     outline: none !important;
  21. }
  22.  
  23. title, h1 {text-transform: uppercase !important;}
  24.  
  25. h1, h2, h3, h4, h5, h6, th, caption {margin-top: 2em !important;}
  26.  
  27. iframe {content: "IFRAME removed" !important;}
  28. iframe[title] {content: attr(title) !important;}
  29. iframe[longdesc] {content: attr(longdesc) !important;}
  30.  
  31. img {
  32.     max-width: 96px !important;
  33.     max-height: 84px !important;
  34. }
  35.  
  36. iframe, img[alt], img[title] {
  37.     padding: 0.2em !important;
  38.     max-width: none !important;
  39.     max-height: none !important;
  40.     width: auto !important;
  41.     height: auto !important;
  42.     background: Black !important;
  43.     color: White !important;
  44. }
  45.  
  46. img[title] {content: attr(title) !important;}
  47. img[alt] {content: attr(alt) !important;}
  48.  
  49. input, textarea, select {
  50.     background: White !important;
  51.     color: Black !important;
  52. }
  53.  
  54. input[type="text"], input[type="password"] {min-height: 1.2em !important;}
  55.  
  56. textarea {min-height: 4em !important;}
  57.     
  58. button, input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], input[type="image"] {
  59.     height: 1.2em !important;
  60.     background: Silver !important;
  61.     color: Black !important;
  62.     text-align: center !important;
  63.     padding: 2px 3px 2px 3px !important;
  64.     min-width: 2em !important;
  65. }
  66.  
  67. button:active, input[type="file"]:active, input[type="submit"]:active,
  68. input[type="button"]:active, input[type="reset"]:active, input[type="image"]:active {padding: 2px 2px 2px 4px !important;}
  69.  
  70. hr {
  71.     height: 0px !important;
  72.     border-top: medium dashed #6C5EB5 !important;
  73.     margin: 4px 0px 4px 0px !important;
  74. }
  75.  
  76. @media screen, projection {
  77.  
  78. * {
  79.     font-size: 22px !important;
  80.     font-weight: bold !important;
  81.     white-space: normal !important;
  82.  
  83.     background: #352879 !important;    /*Blue*/
  84.     color: #6C5EB5 !important;    /*Light blue*/
  85.  
  86.     position: static !important;
  87.     float: none !important;
  88.     max-width: 40em !important;
  89.     min-width: 0px !important;
  90.     width: auto !important;
  91.     max-height: none !important;
  92.     min-height: 0px !important;
  93.     height: auto !important;
  94. }
  95.  
  96. html {
  97.     border: 2.5em solid #6C5EB5 !important;    /*Light blue*/
  98.     width: 40em !important;
  99.     margin: 0em !important;
  100.     padding: 0em !important;
  101.  
  102.     background: #6C5EB5 !important;    /*Light blue*/
  103.     color: #352879 !important;    /*Blue*/
  104. }
  105.  
  106. html:after {
  107.     display: block !important;
  108.     clear: both !important;
  109.     margin: 0em !important;
  110.     padding: 0em 0em 0em 2px !important;
  111.     content: "\2588" !important;
  112.  
  113.     background: #352879 !important;    /*Blue*/
  114.     color: #6C5EB5 !important;    /*Light blue*/
  115.     text-decoration: blink !important;
  116.     text-align: left !important;
  117. }
  118.  
  119. head, title {display: block !important;}
  120.  
  121. head:before, head:after, body:before, body:after {
  122.     display: block !important;
  123.     clear: both !important;
  124.     
  125.     background: #352879 !important;    /*Blue*/
  126.     color: #6C5EB5 !important;    /*Light blue*/
  127.     text-decoration: none !important;
  128. }
  129.  
  130. head:after, body:before, body:after {text-align: left !important;}
  131.  
  132. head:before {
  133.     margin: 0em !important;
  134.     padding: 1em 0em 2em 0em !important;
  135.     content: "**** OPERA FOR 8-BIT COMPUTERS ****" !important;
  136.     text-align: center !important;
  137. }
  138.  
  139. head:after {
  140.     margin: 0em !important;
  141.     padding: 0em !important;
  142.     content: "READY." !important;
  143. }
  144.  
  145. body {
  146.     margin: 0px !important;
  147.     padding: 1em 12px 0.5em 2px !important;
  148.     text-align: left !important;
  149. }
  150.  
  151. body:before {
  152.     margin: 0em 0em 1em 0em !important;
  153.     padding: 0em !important;
  154.     content: "RUN" !important;
  155. }
  156.  
  157. body:after {
  158.     margin: 2em 0em 0em 0em !important;
  159.     padding: 0em !important;
  160.     content: "READY." !important;
  161. }
  162.  
  163. title {
  164.     margin: 0em !important;
  165.     padding: 0px 0px 0px 2px !important;
  166. }
  167.  
  168. title:before {content: 'LOAD"' !important;}
  169.  
  170. title:after {content: '",8\ALOADING' !important;}
  171.  
  172. table, caption, tr, thead, tfoot, tbody, th, td {
  173.     display: block !important;
  174.     text-align: left !important;
  175. }
  176.  
  177. pre {white-space: -pre-wrap !important;}
  178.  
  179. input, textarea, select {max-width: 38em !important;}
  180.  
  181. kbd, em, b, i, strong, u {
  182.     padding: 0px 2px 0px 2px !important;
  183.     background: #6C5EB5 !important;    /*Light blue*/
  184.     color: #352879 !important;    /*Blue*/
  185. }
  186.  
  187. a[href], a[href]:link, a[href]:hover, a[href]:active {
  188.     color: #FFFFFF !important;    /*White*/
  189.     text-decoration: none !important;
  190. }
  191.  
  192. a[href]:visited {
  193. /*    color: #6F3D86 !important;*/    /*Purple */
  194.     color: #9A6759 !important;    /*Light red*/
  195.     text-decoration: none !important;
  196. }
  197.  
  198. }
  199.  
  200. @media print {
  201.  
  202. * {
  203.     font-size: 12pt !important;
  204.     background: White !important;
  205.     color: Black !important;
  206. }
  207.  
  208. }
  209.  
  210.