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