cgit.sxemacs.org Git - packages/blob - xemacs-packages/w3/etc/default.css

   1 /******************************************************************************
   2 **       File: default.css
   3 **    Purpose: Default Stylesheet for Emacs/W3
   4 **       Info: Copyright (c) 1995-1996 William M. Perry <wmperry@aventail.com>
   5 **             Copyright (c) 1997 Free Software Foundation, Inc.
   6 **    Created: William M. Perry <wmperry@aventail.com>, Aug-31-1995
   7 ** Maintainer: William M. Perry <wmperry@aventail.com>
   8 **
   9 **  This contains the top level fallback default styles for Emacs/W3
  10 **
  11 *******************************************************************************
  12 **
  13 ** To specify device-dependent styles, you must mark a section with
  14 ** @media devicetype { ... }
  15 ** If you are not using 'devicetype', then anything within the { ... }
  16 ** is ignored.
  17 **
  18 ** These sections are currently defined by
  19 ** http://www.w3.org/pub/WWW/Style/Group/WD-PRINT-961220
  20 **
  21 **    print  - output for paged opaque material, and for documents viewed
  22 **             on screen in print preview mode
  23 **    screen - a continuous presentation of computer screens
  24 ** projector - paged presentation for projected presentations
  25 **   braille - for braille tactile feedback devices
  26 **    speech - aural presentation
  27 **       all - the default value, applies to all output devices
  28 **
  29 ** There are a few special Emacs/W3 sections
  30 **
  31 **     emacs - only include this chunk if you are using Emacs 19
  32 **    xemacs - only include this chunk if you are using XEmacs
  33 ** multifont - only include this chunk if you are using a multi-font capable Emacs variant
  34 **   unifont - only include this chunk if you are using a uni-font capable Emacs variant
  35 **     light - only include this chunk if you are using a light background
  36 **      dark - only include this chunk if you are using a dark background
  37 **       tty - only include this chunk if you are using a TTY
  38 **  ansi-tty - only include this chunk if you are using an ANSI-capable TTY
  39 *******************************************************************************
  40 **
  41 ** There are some things this stylesheet cannot really specify, that we
  42 ** must rely on the browser to explicitly handle correctly:
  43 **
  44 ** o table formatting
  45 ** o actually creating a hyperlink from an <a> tag and its attributes
  46 ** o specifying which tags open lists
  47 ** o inlined images
  48 ** o frames (perhaps with positioning)
  49 ** o applet/script/embed/object
  50 ** o horizontal rules
  51 ******************************************************************************/
  52
  53 /* Headers */
  54
  55 h1,h2,h3,
  56 h4,h5,h6  {
  57             display: block;
  58             font-family : serif;
  59             font-weight : bold;
  60           }
  61
  62 @media multifont {
  63       h1  { font-size : +12pt }
  64       h2  { font-size : +6pt  }
  65       h3  { font-size : +4pt  }
  66       h5  { font-size : -2pt  }
  67       h6  { font-size : -4pt  }
  68 }
  69
  70 /* This causes problems with Emacs 19 */
  71 @media multifont {
  72    pre,xmp,
  73   plaintext { font-family: monospace }
  74 key,code,tt { font-family: monospace }
  75 }
  76
  77 /*
  78 ** Best we can do under Emacs-19 is use the default font and try to make
  79 ** the headers stand out somehow.
  80 */
  81
  82 @media unifont {
  83 h1,h2,h3,
  84 h4,h5,h6  { text-decoration: underline; }
  85        h1 { color: rgb(0,255,255); }   // cyan
  86        h2 { color: rgb(70,130,180); }  // steelblue
  87        h3 { color: rgb(106,90,205); }  // slateblue
  88        h4 { color: rgb(135,206,235); } // skyblue
  89        h5 { color: rgb(0,0,128); }     // navy
  90        h6 { color: rgb(173,216,230); } // lightblue
  91
  92 strong,em { color: red         }
  93       dfn { font-style: italic }
  94  s,strike { color: green       }
  95
  96 } // @media unifont
  97
  98        p  { display: block }
  99  pre,xmp  { display: block; white-space: pre; }
 100 blockquote{ display: block; margin-left: 5em; margin-right: 5em; }
 101
 102 /*
 103 ** How to draw form elements.
 104 ** This is an extension in Emacs/W3 (and perhaps soon E-Scape)
 105 ** Since there are so many different types of input fields, you should be
 106 ** able to control formatting based on that.  Enter pseudo-classes.
 107 **
 108 ** This functionality will be removed as soon as the W3C comes up with
 109 ** the standard way to do this, perhaps in CSS level 2.
 110 */
 111 input:text,
 112 input:int,
 113 input:float,
 114 input:url,
 115 input:password,
 116 input:text    { text-decoration: underline; }
 117 input:submit  { color: green;  text-decoration: none; }
 118 input:reset   { color: red;    text-decoration: none; }
 119 input:button  { color: yellow; text-decoration: none; }
 120 input:image   { text-decoration: none; }
 121
 122 /*
 123 ** List formatting instructions
 124 */
 125
 126        ul { display: block;     }
 127        ol { display: block;     }
 128        dl { display: block;     }
 129       dir { display: block;     }
 130      menu { display: block;     }
 131        dt { font-weight: bold; display: line }
 132        dd { display: line; margin-left: 5em; }
 133        li { display: list-item; margin-left: 5em; }
 134        ol { list-style: decimal; }
 135        ul { list-style: circle; }
 136
 137 /* These are to make nested list items look better */
 138 ul ul,ol ul,ol ol,ul ol { display: line; }
 139
 140 /*
 141 ** All logical emphasis tags, the way god intended
 142 */
 143
 144         div { display: line;                }
 145   strong,em { font-weight: bold             }
 146         dfn { font-style: italic            }
 147    s,strike { text-decoration: line-through }
 148         sub { text-position: sub            }
 149         sup { text-position: sup            }
 150      secret { text-transform: rot13         }
 151
 152 /*
 153 ** Physical emphasis - spawn of evil
 154 */
 155           b { font-weight: bold }
 156           i { font-style: italic }
 157           u { text-decoration: underline }
 158       blink { text-decoration: blink }
 159      center { display: line; text-align: center; }
 160 /*
 161 ** Various and sundry
 162 */
 163          br { display: line }
 164          hr { display: line; text-align: center; }
 165
 166
 167 /*
 168 ** Hypertext link coloring
 169 */
 170
 171 a:link    { color: #FF0000 }
 172 a:visited { color: #B22222 }
 173 a:active  { color: #FF0000 }
 174
 175 /*
 176 ** Table formatting
 177 */
 178 table     { display: block;    }
 179    th     { display: block; font-weight: bold; text-align: center; }
 180    td     { display: block; text-align: left; }
 181 caption   { display: block; text-align: center; }
 182
 183 /*
 184 ** Various other character-level formatting issues
 185 */
 186
 187  address { text-align: right; display: line; }
 188 abstract { font-style: bold & italic ; text-align : indent }
 189    quote { font-style: italic ; text-align : indent }
 190
 191 /*
 192 ** Now for monochrome defaults
 193 */
 194 @media mono {
 195    a:link { color: black; text-decoration: underline }
 196 a:visited { color: black; text-decoration: underline }
 197  a:active { color: white }
 198 } // @media mono
 199 /*
 200 ** All the TTY specific formatting
 201 */
 202
 203 @media tty {
 204 /*
 205 ** First, handle some stuff for generic TTYs to emulate our old
 206 ** behaviour with w3-delimit-links and a subset of w3-delimit-emphasis
 207 */
 208
 209 h1,h2,h3,
 210 h4,h5,h6 {
 211            insert-before: *;
 212            insert-after: *
 213          }
 214
 215 a:visited{
 216            insert-before: "{{";
 217            insert-after: "}}"
 218          }
 219
 220 a:link   {
 221            insert-before: "[[";
 222            insert-after: "]]"
 223          }
 224
 225 input:text,
 226 input:int,
 227 input:float,
 228 input:url,
 229 input:file,
 230 input:password,
 231 input:text    { insert-before: "[{"; insert-after: "}]"; }
 232 select { insert-before: "[{"; insert-after: "}]"; }
 233
 234 } // @media tty
 235
 236
 237 @media ansi-tty {
 238 /*
 239 ** Now comes the cool TTY stuff.  You will need to be using XEmacs 19.14
 240 ** or later (or Emacs 19.30 under DOS) in order to get any benefit from
 241 ** these whatsoever.  But if you are using one of these, wow, cool, eh?
 242 **
 243 ** ANSI specifies these colors, and most (all?) TTYs that support color
 244 ** will generally have 2 versions.  One normal and one bright or 'standout'
 245 ** version.
 246 **
 247 **  Color     R     G     B
 248 ** --------------------------
 249 **   white - 1.0 , 1.0 , 1.0
 250 **    cyan - 0.0 , 1.0 , 1.0
 251 ** magenta - 1.0 , 0.0 , 1.0
 252 **    blue - 0.0 , 0.0 , 1.0
 253 **  yellow - 1.0 , 1.0 , 0.0
 254 **   green - 0.0 , 1.0 , 0.0
 255 **     red - 1.0 , 0.0 , 0.0
 256 **   black - 0.0 , 0.0 , 0.0
 257 */
 258
 259 h1,h2,h3,
 260 h4,h5,h6  { color : cyan     }
 261 a:visited { color : magenta  }
 262    a:link { color : red      }
 263  a:active { color : yellow   }
 264 } // @media ansi-tty
 265
 266 /*
 267 ** Secial styles for the Emacspeak subsystem of emacs - an incredibly cool
 268 ** speech synthesizer.  This was contributed by T.V. Raman (raman@adobe.com)
 269 */
 270 @media speech {
 271 h1,h2,h3,
 272 h4,h5,h6 { voice-family: paul; stress: 2; richness: 9; }
 273       h1 { pitch: 1; pitch-range: 9; }
 274       h2 { pitch: 2; pitch-range: 8; }
 275       h3 { pitch: 3; pitch-range: 7; }
 276       h4 { pitch: 4; pitch-range: 6; }
 277       h5 { pitch: 5; pitch-range: 5; }
 278       h6 { pitch: 6; pitch-range: 4; }
 279
 280 li,dt,dd { pitch: 6; richness: 6; }
 281       dt { stress: 8; }
 282       th { pitch: 6; pitch-range: 6; stress: 9; richness: 9; }
 283
 284 pre,xmp,plaintext,key,code,tt { pitch: 5;
 285                                 pitch-range: 0;
 286                                 stress: 0;
 287                                 richness: 8;
 288                               }
 289       em { pitch: 6; pitch-range: 6; stress: 6; richness: 5; }
 290   strong { pitch: 6; pitch-range: 6; stress: 9; richness: 9; }
 291      dfn { pitch: 7; pitch-range: 6; stress: 6; }
 292 s,strike { richness: 0; }
 293        i { pitch: 6; pitch-range: 6; stress: 6; richness: 5 }
 294        b { pitch: 6; pitch-range: 6; stress: 9; richness: 9; }
 295        u { richness: 0; }
 296    a:link { voice-family: harry; }
 297 a:visited { voice-family: betty;}
 298  a:active { voice-family: betty; pitch-range: 8; pitch: 8 }
 299
 300 } // @media speech