home *** CD-ROM | disk | FTP | other *** search
/ com!online 2005 February / com_0502_cd2.iso / browser / ow32dede754j.exe / SHOWSTRUCTURE.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-11-25  |  5.7 KB  |  208 lines
  1. @charset "UTF-8";
  2. /*
  3. Name: Show structural elements
  4. Version: 1.01
  5. Author: Opera Software ASA
  6. Description: Developer style sheet for showing structural elements and meta information.
  7.  
  8. Copyright ┬⌐ 2003 Opera Software ASA.
  9. */
  10.  
  11. head, title, head script[src], link, meta,
  12. table:before, table:after,
  13. div:before, div:after,
  14. pre:before, pre:after,
  15. blockquote:before, blockquote:after,
  16. html:after
  17. {display: block !important;}
  18.  
  19. head {margin-top: 1.8em;}
  20.  
  21. title {
  22.     position: absolute;
  23.     left: 0;
  24.     top:0;
  25.     height: 1.2em;
  26.     width: 98%;
  27.     overflow: hidden;
  28.     
  29.     padding: 0.5em 1% !important;
  30.     
  31.     color: White !important;
  32.     background: #304575 !important;
  33.  
  34.     font-size: 0.8em !important;
  35.     font-weight: bold !important;
  36.     font-family: sans-serif;
  37.     text-align: center !important;
  38.     letter-spacing: 1px !important;
  39. }
  40.  
  41. title:before, title:after {
  42.     background: #304575 !important;
  43.     color: #CC99CC !important;
  44. }
  45.  
  46. title:before {content: '<title>' !important;}
  47. title[class]:before {content: '<title class="' attr(class) '">' !important;}
  48. title:after {content: '</title>' !important;}
  49.  
  50. /* Other head content  */
  51.  
  52. meta, head script[src], link {
  53.     width: 98%;
  54.     margin: 0;
  55.     padding: 0.1em 1% !important;
  56.     border-bottom: 0.1em solid #525a84;
  57.     
  58.     color: White !important;
  59.     background: #355382 !important;
  60.     font: 0.8em normal normal sans-serif;
  61. }
  62.  
  63. meta:before, head script[src]:before, link:before {
  64.     display: compact;
  65.     padding-left: 0.4em;
  66.     font-weight: bold;
  67. }
  68.  
  69. meta:after, head script[src]:after, link:after {
  70.     display: block;
  71.     margin-left: 8em;
  72. }
  73.  
  74. meta:before {content: attr(name) ":";}
  75.  
  76. meta[http-equiv]:before {
  77.     content: attr(http-equiv) ":";
  78.     font-style: italic; 
  79. }
  80.  
  81. meta:after {content: attr(content);}
  82.  
  83. link:before {content: "@import style:";}
  84.  
  85. link[rel]:before {content: attr(rel) ":";}
  86.  
  87. link:after {content: "<" attr(href) ">";}
  88.  
  89. link[media]:after {content: "<" attr(href) "> (media = " attr(media) ")";}
  90.  
  91. head script[src]:before {content: "Script source:";}
  92.  
  93. head script[src]:after {content:  "<" attr(src) ">";}
  94.  
  95. /*** The BODY section ***/
  96.  
  97. div:before, div:after,
  98. table:before, table:after,
  99. pre:before, pre:after,
  100. p:before, p:after,
  101. address:before, address:after,
  102. blockquote:before, blockquote:after,
  103. h1:before, h1:after,
  104. h2:before, h2:after,
  105. h3:before, h3:after,
  106. h4:before, h4:after,
  107. h5:before, h5:after,
  108. h6:before, h6:after,
  109. ol:before, ol:after,
  110. ul:before, ul:after,
  111. dl:before, dl:after {
  112.     background-color: White !important;
  113.     color: Purple !important;
  114.     font-weight: bolder !important;
  115.     font-family: Arial, Helvetica, sans-serif !important;
  116.     text-decoration: none !important;
  117.     letter-spacing: normal !important;
  118.     word-spacing: normal !important;
  119.     white-space: nowrap !important;
  120. }
  121.  
  122. p:before, p:after,
  123. address:before, address:after,
  124. h1:before, h1:after,
  125. h2:before, h2:after,
  126. h3:before, h3:after,
  127. h4:before, h4:after,
  128. h5:before, h5:after,
  129. h6:before, h6:after,
  130. ol:before, ol:after,
  131. ul:before, ul:after,
  132. dl:before, dl:after {display: inline !important;}
  133.  
  134. div:before {content: '<div>' !important;}
  135. div[class]:before {content: '<div class="' attr(class)'">' !important;}
  136. div:after {content: '</div>' !important;}
  137.  
  138. table:before {content: '<table>' !important;}
  139. table[class]:before {content: '<table class="' attr(class) '">' !important;}
  140. table:after {content: '</table>' !important;}
  141.  
  142. p:before {content: '<p>' !important;}
  143. p[class]:before {content: '<p class="' attr(class)'">' !important;}
  144. p:after {content: '</p>' !important;}
  145.  
  146. h1:before {content: '<h1>' !important;}
  147. h1[class]:before {content: '<h1 class="' attr(class)'">' !important;}
  148. h1:after {content: '</h1>' !important;}
  149.  
  150. h2:before {content: '<h2>' !important;}
  151. h2[class]:before {content: '<h2 class="' attr(class)'">' !important;}
  152. h2:after {content: '</h2>' !important;}
  153.  
  154. h3:before {content: '<h3>' !important;}
  155. h3[class]:before {content: '<h3 class="' attr(class)'">' !important;}
  156. h3:after {content: '</h3>' !important;}
  157.  
  158. h4:before {content: '<h4>' !important;}
  159. h4[class]:before {content: '<h4 class="' attr(class)'">' !important;}
  160. h4:after {content: '</h4>' !important;}
  161.  
  162. h5:before {content: '<h5>' !important;}
  163. h5[class]:before {content: '<h5 class="' attr(class)'">' !important;}
  164. h5:after {content: '</h5>' !important;}
  165.  
  166. h6:before {content: '<h6>' !important;}
  167. h6[class]:before {content: '<h6 class="' attr(class)'">' !important;}
  168. h6:after {content: '</h6>' !important;}
  169.  
  170. pre:before {content: '<pre>' !important;}
  171. pre[class]:before {content: '<pre class="' attr(class)'">' !important;}
  172. pre:after {content: '</pre>' !important;}
  173.  
  174. ul:before {content: '<ul>' !important;}
  175. ul[class]:before {content: '<ul class="' attr(class)'">' !important;}
  176. ul:after {content: '</ul>' !important;}
  177.  
  178. ol:before {content: '<ol>' !important;}
  179. ol[class]:before {content: '<ol class="' attr(class)'">' !important;}
  180. ol:after {content: '</ol>' !important;}
  181.  
  182. dl:before {content: '<dl>' !important;}
  183. dl[class]:before {content: '<dl class="' attr(class)'">' !important;}
  184. dl:after {content: '</dl>' !important;}
  185.  
  186. address:before {content: '<address>' !important;}
  187. address[class]:before {content: '<address class="' attr(class)'">' !important;}
  188. address:after {content: '</address>' !important;}
  189.  
  190. blockquote:before {content: '<blockquote>' !important;}
  191. blockquote[class]:before {content: '<blockquote class="' attr(class)'">' !important;}
  192. blockquote:after {content: '</blockquote>' !important;}
  193.  
  194. font {counter-increment: fontNo;}
  195. table table {counter-increment: tableNo;}
  196.  
  197. html:after {
  198.     clear: both !important;
  199.     content: "This page contains " counter(fontNo) " font tags and " counter(tableNo) " nested tables.";
  200.     border-top: 0.1em solid #525a84;
  201.     padding: 0.1em 0.5em;
  202.     
  203.     color: White !important;
  204.     background: #355382 !important;
  205.     font: 0.8em normal normal sans-serif;
  206. }
  207.  
  208.