home *** CD-ROM | disk | FTP | other *** search
/ PC World 2003 January / PCWorld_2003-01_cd.bin / Komunik / opera7b / ow32enen700b1bj.exe / MIME.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2002-10-29  |  7.6 KB  |  308 lines
  1. /* Stylesheet for email/news document */
  2. /* Copyright 2000-2002 Opera Software */
  3.  
  4. /* Headers */
  5. mime
  6. {
  7.  background        : Window;
  8.  display        : block;
  9. }
  10.  
  11. headers
  12. {
  13.  background        : ThreeDFace;
  14.  border-left        : 1px solid ThreeDHighlight;
  15.  border-top        : 1px solid ThreeDHighlight;
  16.  border-right    : 1px solid ThreeDShadow;
  17.  border-bottom    : 1px solid ThreeDShadow;
  18.  color            : ButtonText;
  19.  display        : table;
  20.  font            : status-bar;
  21.  padding        : 4px;
  22.  width            : 100%;
  23. }
  24.  
  25. hdr {display:none;} /* Don't display any headers but the named ones:  */
  26. hdr[name="Date"]        {display:table-row;}
  27. hdr[name="From"]        {display:table-row;}
  28. hdr[name="To"]        {display:table-row;}
  29. hdr[name="Cc"]        {display:table-row;}
  30. hdr[name="Bcc"]        {display:table-row;}
  31. hdr[name="Newsgroups"]    {display:table-row;}
  32. hdr[name="Followup-To"]    {display:table-row;}
  33. hdr[name="Reply-To"]    {display:table-row;}
  34. hdr[name="Subject"]        {display:table-row;}
  35. hdr[name="Organization"]    {display:table-row;}
  36. hdr[name="Resent-From"]    {display:table-row;}
  37.  
  38. showheaders
  39. {
  40.  color            : blue;
  41.  float            : right;
  42.  font            : status-bar; 
  43.  padding        : 5px 7px 5px 7px;
  44.  -set-link-source    : attr(href);
  45.  text-decoration    : underline;
  46.  -use-link-source    : current;
  47. }
  48.  
  49. hdricon
  50. {
  51.  height        : 8px;
  52.  margin        : 0 4px;
  53.  -replace        : attr(src);
  54.  width            : 8px;
  55. }
  56.  
  57. /* Header name */
  58. n
  59. {
  60.  display        : table-cell;
  61.  width            : 8em;
  62.  padding-left    : 4px;
  63.  font-weight        : bold;
  64.  vertical-align    : top;
  65. }
  66.  
  67. n:after {content: ": ";}
  68.  
  69. /* Header value */
  70. v
  71. {
  72.  display        : table-cell;
  73.  padding-left    : 4px;
  74.  vertical-align    : top;
  75. }
  76.  
  77.  
  78. /* The "real"  (body) part */
  79.  
  80. body, div
  81. {
  82.  background-color    : white;
  83.  color            : black;
  84.  display        : block;
  85. }    
  86.  
  87. div.plaintext
  88. {
  89.  padding        : 0 8px;
  90. }
  91.  
  92. sig
  93. {
  94.  font-style        : italic;
  95.  color            : grey4;
  96. }
  97.  
  98. p
  99. {
  100.  display        : block;
  101.  font-family        : "Courier New", monospace;
  102.  font-size        : 9pt;
  103.  margin        : 0;
  104.  padding        : 0;
  105.  white-space        : -pre-wrap;
  106. }
  107.  
  108. l
  109. {
  110.  display        : block;
  111.  margin        : 0;
  112.  padding        : 0;
  113. }
  114.  
  115. html|a
  116. {
  117.  background-color    : InfoBackground;
  118.  color            : InfoColor;
  119. }
  120.  
  121. html|a:hover
  122. {
  123.  background-color    : Highlight;
  124.  color            : HighlightText;
  125. }
  126.  
  127. ql.L0 { color: black; }
  128. ql.L1 { color: forestgreen; }
  129. ql.L2 { color: darkblue; }
  130. ql.L3 { color: crimson; }
  131. ql.L4 { color: goldenrod; }
  132. ql.L5 { color: slategray; }
  133. ql.L6 { color: mediumseagreen; }
  134. ql.L7 { color: mediumslateblue; }
  135. ql.L8 { color: hotpink; }
  136. ql.L9 { color: gold; }
  137. ql.L10 { color: darkgray; }
  138. ql.L11 { color: mediumspringgreen; }
  139. ql.L12 { color: lightskyblue; }
  140. ql.L13 { color: lightpink; }
  141. ql.L14 { color: tan; }
  142. ql.L15 { color: black; }
  143. ql.L16 { color: forestgreen; }
  144. ql.L17 { color: darkblue; }
  145. ql.L18 { color: crimson; }
  146. ql.L19 { color: goldenrod; }
  147. ql.L20 { color: slategray; }
  148. ql.L21 { color: mediumseagreen; }
  149. ql.L22 { color: mediumslateblue; }
  150. ql.L23 { color: hotpink; }
  151. ql.L24 { color: gold; }
  152. ql.L25 { color: darkgray; }
  153. ql.L26 { color: mediumspringgreen; }
  154. ql.L27 { color: lightskyblue; }
  155. ql.L28 { color: lightpink; }
  156. ql.L29 { color: tan; }
  157. ql.L30 { color: black; }
  158. ql.L31 { color: forestgreen; }
  159.  
  160. #flowed ql
  161. {
  162.  border-left        : 2px solid;
  163.  display        : block;
  164.  margin-left        : -0.2em;
  165.  padding-left    : 0.3em;
  166.  padding-bottom    : 0.3em;
  167. }
  168.  
  169. #flowed ql.L0 { border-left: none; }
  170. #flowed ql.L1 { border-left-color: forestgreen; }
  171. #flowed ql.L2 { border-left-color: darkblue; }
  172. #flowed ql.L3 { border-left-color: crimson; }
  173. #flowed ql.L4 { border-left-color: goldenrod; }
  174. #flowed ql.L5 { border-left-color: slategray; }
  175. #flowed ql.L6 { border-left-color: mediumseagreen; }
  176. #flowed ql.L7 { border-left-color: mediumslateblue; }
  177. #flowed ql.L8 { border-left-color: hotpink; }
  178. #flowed ql.L9 { border-left-color: gold; }
  179. #flowed ql.L10 { border-left-color: darkgray; }
  180. #flowed ql.L11 { border-left-color: mediumspringgreen; }
  181. #flowed ql.L12 { border-left-color: lightskyblue; }
  182. #flowed ql.L13 { border-left-color: lightpink; }
  183. #flowed ql.L14 { border-left-color: tan; }
  184. #flowed ql.L15 { border-left-color: black; }
  185. #flowed ql.L16 { border-left-color: forestgreen; }
  186. #flowed ql.L17 { border-left-color: darkblue; }
  187. #flowed ql.L18 { border-left-color: crimson; }
  188. #flowed ql.L19 { border-left-color: goldenrod; }
  189. #flowed ql.L20 { border-left-color: slategray; }
  190. #flowed ql.L21 { border-left-color: mediumseagreen; }
  191. #flowed ql.L22 { border-left-color: mediumslateblue; }
  192. #flowed ql.L23 { border-left-color: hotpink; }
  193. #flowed ql.L24 { border-left-color: gold; }
  194. #flowed ql.L25 { border-left-color: darkgray; }
  195. #flowed ql.L26 { border-left-color: mediumspringgreen; }
  196. #flowed ql.L27 { border-left-color: lightskyblue; }
  197. #flowed ql.L28 { border-left-color: lightpink; }
  198. #flowed ql.L29 { border-left-color: tan; }
  199. #flowed ql.L20 { border-left-color: black; }
  200. #flowed ql.L31 { border-left-color: forestgreen; }
  201.  
  202. #flowed .flow { margin: -1em 0 1em 0; }
  203.  
  204. #flowed l { display: inline; }
  205.  
  206. #wrapped .L1  l:before { content: '> '; }
  207. #wrapped .L2  l:before { content: '>> '; }
  208. #wrapped .L3  l:before { content: '>>> '; }
  209. #wrapped .L4  l:before { content: '>>>> '; }
  210. #wrapped .L5  l:before { content: '>>>>> '; }
  211. #wrapped .L6  l:before { content: '>>>>>> '; }
  212. #wrapped .L7  l:before { content: '>>>>>>> '; }
  213. #wrapped .L8  l:before { content: '>>>>>>>> '; }
  214. #wrapped .L9  l:before { content: '>>>>>>>>> '; }
  215. #wrapped .L10 l:before { content: '>>>>>>>>>> '; }
  216. #wrapped .L11 l:before { content: '>>>>>>>>>>> '; }
  217. #wrapped .L12 l:before { content: '>>>>>>>>>>>> '; }
  218. #wrapped .L13 l:before { content: '>>>>>>>>>>>>> '; }
  219. #wrapped .L14 l:before { content: '>>>>>>>>>>>>>> '; }
  220. #wrapped .L15 l:before { content: '>>>>>>>>>>>>>>> '; }
  221. #wrapped .L16 l:before { content: '>>>>>>>>>>>>>>>> '; }
  222. #wrapped .L17 l:before { content: '>>>>>>>>>>>>>>>>> '; }
  223. #wrapped .L18 l:before { content: '>>>>>>>>>>>>>>>>>> '; }
  224. #wrapped .L19 l:before { content: '>>>>>>>>>>>>>>>>>>> '; }
  225. #wrapped .L20 l:before { content: '>>>>>>>>>>>>>>>>>>>> '; }
  226. #wrapped .L21 l:before { content: '>>>>>>>>>>>>>>>>>>>>> '; }
  227. #wrapped .L22 l:before { content: '>>>>>>>>>>>>>>>>>>>>>> '; }
  228. #wrapped .L23 l:before { content: '>>>>>>>>>>>>>>>>>>>>>>> '; }
  229. #wrapped .L24 l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>> '; }
  230. #wrapped .L25 l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  231. #wrapped .L26 l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  232. #wrapped .L27 l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  233. #wrapped .L28 l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  234. #wrapped .L29 l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  235. #wrapped .L20 l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  236. #wrapped .L31 l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  237.  
  238. /* Attachments */
  239. attach
  240. {
  241.  display        : block;
  242.  margin        : 4px;
  243. }
  244.  
  245. caption
  246. {
  247.  background        : Window;
  248.  display        : none;
  249.  margin        : 0 8px;
  250.  padding        : 3px;
  251. }
  252.  
  253. @media screen, projection
  254. {
  255.  item
  256.  {
  257.   display        : block;
  258.   float        : left;
  259.   -use-link-source    : current;
  260.   -set-link-source    : attr(href);
  261.   width        : 13em;
  262.   height        : 2em;
  263.  }
  264.  
  265.  html|img
  266.  {
  267.   vertical-align    : middle;
  268.  }
  269.  
  270.  filename
  271.  {
  272.   color        : blue;
  273.   display        : inline;
  274.   font            : status-bar; 
  275.   text-decoration    : underline;
  276.   vertical-align    : middle;
  277.  }
  278. }
  279.  
  280. /* Rules for how email messages should be printed out  */
  281. @media print
  282. {
  283.  showheaders, hdricon { display: none; }
  284.  headers{ border: 1pt solid black; }
  285.     
  286.  caption
  287.  {
  288.   border-top    : 0.5pt solid;
  289.   display    : block;
  290.   margin    : 1em 0 0;
  291.   padding    : 0.3em 0;
  292.  }
  293.  
  294.  item, filename
  295.  {
  296.   display    : inline;
  297.   margin    : 0;
  298.   padding    : 0;
  299.  }
  300.  
  301.  filename:before
  302.  {
  303.   content        : "  " counter(attachment) ". ";
  304.   counter-increment    : attachment;
  305.  }
  306.  
  307.  icon { display: none; }
  308. }