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