home *** CD-ROM | disk | FTP | other *** search
/ com!online 2005 May / com_0505_2.iso / browser / ow32dede754j.exe / MIME.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-05-06  |  9.5 KB  |  388 lines
  1. @charset "utf-8";
  2. /* Stylesheet for email/news document */
  3. /* Copyright 2000-2004 Opera Software */
  4.  
  5. @namespace omf url(http://www.opera.com/2003/omf);
  6. @namespace html url(http://www.w3.org/TR/REC-html40);
  7.  
  8. /* Headers */
  9. omf|mime
  10. {
  11.  background        : Window;
  12.  display        : block;
  13. }
  14.  
  15. omf|headers
  16. {
  17.  background        : ThreeDFace;
  18.  border-left        : 1px solid ThreeDHighlight;
  19.  border-top        : 1px solid ThreeDHighlight;
  20.  border-right    : 1px solid ThreeDShadow;
  21.  border-bottom    : 1px solid ThreeDShadow;
  22.  color            : ButtonText;
  23.  display        : table;
  24.  font            : status-bar;
  25.  padding        : 4px;
  26.  width            : 100%;
  27. }
  28.  
  29. omf|hgrp
  30. {
  31.  display: table-row-group;
  32. }
  33.  
  34. omf|hdr {display:none;} /* Don't display any headers but the named ones:  */
  35. omf|hdr[name="Date"]        {display:table-row;}
  36. omf|hdr[name="From"]        {display:table-row;}
  37. omf|hdr[name="To"]        {display:table-row;}
  38. omf|hdr[name="Cc"]        {display:table-row;}
  39. omf|hdr[name="Bcc"]        {display:table-row;}
  40. omf|hdr[name="Newsgroups"]    {display:table-row;}
  41. omf|hdr[name="Followup-To"]    {display:table-row;}
  42. omf|hdr[name="Reply-To"]    {display:table-row;}
  43. omf|hdr[name="Subject"]        {display:table-row;}
  44. omf|hdr[name="Organization"]    {display:table-row;}
  45. omf|hdr[name="Resent-From"]    {display:table-row;}
  46.  
  47. omf|showheaders
  48. {
  49.  color            : blue;
  50.  position        : absolute;
  51.  top            : 5px;
  52.  right            : 7px;
  53.  font            : status-bar; 
  54.  -o-link        : attr(href);
  55.  text-decoration    : underline;
  56.  -o-link-source    : current;
  57. }
  58.  
  59. omf|hdricon
  60. {
  61.  height        : 8px;
  62.  margin        : 0 4px;
  63.  -o-replace        : attr(src);
  64.  width            : 8px;
  65. }
  66.  
  67. /* Header name */
  68. omf|n
  69. {
  70.  display        : table-cell;
  71.  width            : 8em;
  72.  padding-left    : 4px;
  73.  font-weight        : bold;
  74.  vertical-align    : top;
  75. }
  76.  
  77. omf|n:after {content: ": ";}
  78.  
  79. /* Header value */
  80. omf|v
  81. {
  82.  display        : table-cell;
  83.  padding-left    : 4px;
  84.  vertical-align    : top;
  85. }
  86.  
  87.  
  88. /* The "real"  (body) part */
  89.  
  90. omf|body, omf|div
  91. {
  92.  background-color    : white;
  93.  color            : black;
  94.  display        : block;
  95.  padding: 0;
  96. }    
  97.  
  98. omf|div.plaintext
  99. {
  100.  padding        : 0 8px;
  101. }
  102.  
  103. omf|sig
  104. {
  105.  font-style        : italic;
  106.  color            : grey4;
  107. }
  108.  
  109. omf|p
  110. {
  111.  display        : block;
  112.  font-family        : "Courier New", monospace;
  113.  font-size        : 12px;
  114.  margin        : 0;
  115.  padding        : 0;
  116.  white-space        : -o-pre-wrap;
  117. }
  118.  
  119. omf|l
  120. {
  121.  display        : block;
  122.  margin        : 0;
  123.  padding        : 0;
  124. }
  125.  
  126. html|a
  127. {
  128.  background-color    : InfoBackground;
  129.  color            : InfoText;
  130. }
  131.  
  132. html|a:hover
  133. {
  134.  background-color    : Highlight;
  135.  color            : HighlightText;
  136. }
  137.  
  138. omf|ql.L0 { color: black; }
  139. omf|ql.L1 { color: forestgreen; }
  140. omf|ql.L2 { color: darkblue; }
  141. omf|ql.L3 { color: crimson; }
  142. omf|ql.L4 { color: goldenrod; }
  143. omf|ql.L5 { color: slategray; }
  144. omf|ql.L6 { color: mediumseagreen; }
  145. omf|ql.L7 { color: mediumslateblue; }
  146. omf|ql.L8 { color: hotpink; }
  147. omf|ql.L9 { color: gold; }
  148. omf|ql.L10 { color: darkgray; }
  149. omf|ql.L11 { color: mediumspringgreen; }
  150. omf|ql.L12 { color: lightskyblue; }
  151. omf|ql.L13 { color: lightpink; }
  152. omf|ql.L14 { color: tan; }
  153. omf|ql.L15 { color: black; }
  154. omf|ql.L16 { color: forestgreen; }
  155. omf|ql.L17 { color: darkblue; }
  156. omf|ql.L18 { color: crimson; }
  157. omf|ql.L19 { color: goldenrod; }
  158. omf|ql.L20 { color: slategray; }
  159. omf|ql.L21 { color: mediumseagreen; }
  160. omf|ql.L22 { color: mediumslateblue; }
  161. omf|ql.L23 { color: hotpink; }
  162. omf|ql.L24 { color: gold; }
  163. omf|ql.L25 { color: darkgray; }
  164. omf|ql.L26 { color: mediumspringgreen; }
  165. omf|ql.L27 { color: lightskyblue; }
  166. omf|ql.L28 { color: lightpink; }
  167. omf|ql.L29 { color: tan; }
  168. omf|ql.L30 { color: black; }
  169. omf|ql.L31 { color: forestgreen; }
  170.  
  171. #flowed omf|ql
  172. {
  173.  border-left        : 2px solid;
  174.  display        : block;
  175.  margin-left        : -0.2em;
  176.  padding-left    : 0.3em;
  177.  padding-bottom    : 0.3em;
  178. }
  179.  
  180. #flowed omf|ql.L0 { border-left: none; }
  181. #flowed omf|ql.L1 { border-left-color: forestgreen; }
  182. #flowed omf|ql.L2 { border-left-color: darkblue; }
  183. #flowed omf|ql.L3 { border-left-color: crimson; }
  184. #flowed omf|ql.L4 { border-left-color: goldenrod; }
  185. #flowed omf|ql.L5 { border-left-color: slategray; }
  186. #flowed omf|ql.L6 { border-left-color: mediumseagreen; }
  187. #flowed omf|ql.L7 { border-left-color: mediumslateblue; }
  188. #flowed omf|ql.L8 { border-left-color: hotpink; }
  189. #flowed omf|ql.L9 { border-left-color: gold; }
  190. #flowed omf|ql.L10 { border-left-color: darkgray; }
  191. #flowed omf|ql.L11 { border-left-color: mediumspringgreen; }
  192. #flowed omf|ql.L12 { border-left-color: lightskyblue; }
  193. #flowed omf|ql.L13 { border-left-color: lightpink; }
  194. #flowed omf|ql.L14 { border-left-color: tan; }
  195. #flowed omf|ql.L15 { border-left-color: black; }
  196. #flowed omf|ql.L16 { border-left-color: forestgreen; }
  197. #flowed omf|ql.L17 { border-left-color: darkblue; }
  198. #flowed omf|ql.L18 { border-left-color: crimson; }
  199. #flowed omf|ql.L19 { border-left-color: goldenrod; }
  200. #flowed omf|ql.L20 { border-left-color: slategray; }
  201. #flowed omf|ql.L21 { border-left-color: mediumseagreen; }
  202. #flowed omf|ql.L22 { border-left-color: mediumslateblue; }
  203. #flowed omf|ql.L23 { border-left-color: hotpink; }
  204. #flowed omf|ql.L24 { border-left-color: gold; }
  205. #flowed omf|ql.L25 { border-left-color: darkgray; }
  206. #flowed omf|ql.L26 { border-left-color: mediumspringgreen; }
  207. #flowed omf|ql.L27 { border-left-color: lightskyblue; }
  208. #flowed omf|ql.L28 { border-left-color: lightpink; }
  209. #flowed omf|ql.L29 { border-left-color: tan; }
  210. #flowed omf|ql.L20 { border-left-color: black; }
  211. #flowed omf|ql.L31 { border-left-color: forestgreen; }
  212.  
  213. #flowed .flow { margin: -1em 0 1em 0; }
  214.  
  215. #flowed omf|l { display: inline; }
  216.  
  217. #wrapped .L1  omf|l:before { content: '> '; }
  218. #wrapped .L2  omf|l:before { content: '>> '; }
  219. #wrapped .L3  omf|l:before { content: '>>> '; }
  220. #wrapped .L4  omf|l:before { content: '>>>> '; }
  221. #wrapped .L5  omf|l:before { content: '>>>>> '; }
  222. #wrapped .L6  omf|l:before { content: '>>>>>> '; }
  223. #wrapped .L7  omf|l:before { content: '>>>>>>> '; }
  224. #wrapped .L8  omf|l:before { content: '>>>>>>>> '; }
  225. #wrapped .L9  omf|l:before { content: '>>>>>>>>> '; }
  226. #wrapped .L10 omf|l:before { content: '>>>>>>>>>> '; }
  227. #wrapped .L11 omf|l:before { content: '>>>>>>>>>>> '; }
  228. #wrapped .L12 omf|l:before { content: '>>>>>>>>>>>> '; }
  229. #wrapped .L13 omf|l:before { content: '>>>>>>>>>>>>> '; }
  230. #wrapped .L14 omf|l:before { content: '>>>>>>>>>>>>>> '; }
  231. #wrapped .L15 omf|l:before { content: '>>>>>>>>>>>>>>> '; }
  232. #wrapped .L16 omf|l:before { content: '>>>>>>>>>>>>>>>> '; }
  233. #wrapped .L17 omf|l:before { content: '>>>>>>>>>>>>>>>>> '; }
  234. #wrapped .L18 omf|l:before { content: '>>>>>>>>>>>>>>>>>> '; }
  235. #wrapped .L19 omf|l:before { content: '>>>>>>>>>>>>>>>>>>> '; }
  236. #wrapped .L20 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>> '; }
  237. #wrapped .L21 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>> '; }
  238. #wrapped .L22 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>> '; }
  239. #wrapped .L23 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>> '; }
  240. #wrapped .L24 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>> '; }
  241. #wrapped .L25 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  242. #wrapped .L26 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  243. #wrapped .L27 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  244. #wrapped .L28 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  245. #wrapped .L29 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  246. #wrapped .L20 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  247. #wrapped .L31 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  248.  
  249. .smiley-happy {
  250.     width: -o-skin;
  251.     height: -o-skin;
  252.     background-image: -o-skin("Smiley Happy");
  253. }
  254.  
  255. .smiley-unhappy {
  256.     width: -o-skin;
  257.     height: -o-skin;
  258.     background-image: -o-skin("Smiley Unhappy");
  259. }
  260.  
  261. .smiley-wink {
  262.     width: -o-skin;
  263.     height: -o-skin;
  264.     background-image: -o-skin("Smiley Wink");
  265. }
  266.  
  267. .smiley-surprised {
  268.     width: -o-skin;
  269.     height: -o-skin;
  270.     background-image: -o-skin("Smiley Surprised");
  271. }
  272.  
  273. .smiley-grin {
  274.     width: -o-skin;
  275.     height: -o-skin;
  276.     background-image: -o-skin("Smiley Grin");
  277. }
  278.  
  279. .smiley-cool {
  280.     width: -o-skin;
  281.     height: -o-skin;
  282.     background-image: -o-skin("Smiley Cool");
  283. }
  284.  
  285. .smiley-indifferent {
  286.     width: -o-skin;
  287.     height: -o-skin;
  288.     background-image: -o-skin("Smiley Indifferent");
  289. }
  290.  
  291. .smiley-cry {
  292.     width: -o-skin;
  293.     height: -o-skin;
  294.     background-image: -o-skin("Smiley Cry");
  295. }
  296.  
  297. .smiley-angry {
  298.     width: -o-skin;
  299.     height: -o-skin;
  300.     background-image: -o-skin("Smiley Angry");
  301. }
  302.  
  303. .smiley-tongue {
  304.     width: -o-skin;
  305.     height: -o-skin;
  306.     background-image: -o-skin("Smiley Tongue");
  307. }
  308.  
  309. .smiley-pacman {
  310.     width: -o-skin;
  311.     height: -o-skin;
  312.     background-image: -o-skin("Smiley Pacman");
  313. }
  314.  
  315. /* Attachments */
  316. omf|attach
  317. {
  318.  display        : block;
  319.  margin        : 4px;
  320. }
  321.  
  322. omf|caption
  323. {
  324.  background        : Window;
  325.  display        : none;
  326.  margin        : 0 8px;
  327.  padding        : 3px;
  328. }
  329.  
  330. @media screen, projection
  331. {
  332.  omf|item
  333.  {
  334.   display        : block;
  335.   float        : left;
  336.   -o-link-source    : current;
  337.   -o-link        : attr(href);
  338.   width        : 13em;
  339.   height        : 2em;
  340.  }
  341.  
  342.  html|img
  343.  {
  344.   vertical-align    : middle;
  345.  }
  346.  
  347.  omf|filename
  348.  {
  349.   color        : blue;
  350.   display        : inline;
  351.   font            : status-bar; 
  352.   text-decoration    : underline;
  353.   vertical-align    : middle;
  354.  }
  355. }
  356.  
  357. /* Rules for how email messages should be printed out  */
  358. @media print
  359. {
  360.  omf|showheaders, omf|hdricon { display: none; }
  361.  omf|headers{ border: 1pt solid black; }
  362.     
  363.  omf|caption
  364.  {
  365.   border-top    : 0.5pt solid;
  366.   display    : block;
  367.   margin    : 1em 0 0;
  368.   padding    : 0.3em 0;
  369.  }
  370.  
  371.  omf|item, omf|filename
  372.  {
  373.   display    : inline;
  374.   margin    : 0;
  375.   padding    : 0;
  376.  }
  377.  
  378.  omf|filename:before
  379.  {
  380.   content        : "  " counter(attachment) ". ";
  381.   counter-increment    : attachment;
  382.  }
  383.  
  384.  omf|icon { display: none; }
  385.  #qp_error { display: none; }
  386. }
  387.  
  388.