home *** CD-ROM | disk | FTP | other *** search
/ Maximum CD 2003 March / maximum-cd-2003-03.iso / Software / Apps / opera7b2.exe / NOSTALGIA.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2002-12-17  |  4.2 KB  |  182 lines

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