home *** CD-ROM | disk | FTP | other *** search
/ com!online 2003 October / com10_03_1.iso / browser / ow32dede711.exe / SHOWSTRUCTURE.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-01-13  |  5.7 KB  |  212 lines
  1. /*
  2. Name: Show structural elements
  3. Version: 1.00
  4. Author: Opera Software ASA
  5. Description: Developer style sheet for showing structural elements and meta information.
  6.  
  7. Copyright ⌐ 2003 Opera Software ASA.
  8. */
  9.  
  10. head, title, head script[src], link, meta,
  11. table:before, table:after,
  12. div:before, div:after,
  13. pre:before, pre:after,
  14. blockquote:before, blockquote:after,
  15. html:after
  16. {display: block !important;}
  17.  
  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.  
  70. meta:after, head script[src]:after, link:after {
  71.     display: block;
  72.     margin-left: 8em;
  73. }
  74.  
  75.  
  76. meta:before {content: attr(name) ":";}
  77. meta[http-equiv]:before {
  78.     content: attr(http-equiv) ":";
  79.     font-style: italic; 
  80. }
  81.  
  82. meta:after {content: attr(content);}
  83.  
  84.  
  85. link:before {content: "@import style:"}    
  86. link[rel]:before {content: attr(rel) ":";}
  87.  
  88. link:after {content: "<" attr(href) ">"; }
  89.  
  90. link[media]:after {content: "<" attr(href) "> (media = " attr(media) ")";}
  91.  
  92.  
  93. head script[src]:before {content: "Script source:";}
  94. head script[src]:after {content:  "<" attr(src) ">"}
  95.  
  96.  
  97.  
  98. /*** The BODY section ***/
  99.  
  100. div:before, div:after,
  101. table:before, table:after,
  102. pre:before, pre:after,
  103. p:before, p:after,
  104. address:before, address:after,
  105. blockquote:before, blockquote:after,
  106. h1:before, h1:after,
  107. h2:before, h2:after,
  108. h3:before, h3:after,
  109. h4:before, h4:after,
  110. h5:before, h5:after,
  111. h6:before, h6:after,
  112. ol:before, ol:after,
  113. ul:before, ul:after,
  114. dl:before, dl:after {
  115.     background-color: White !important;
  116.     color: Purple !important;
  117.     font-weight: bolder !important;
  118.     font-family: Arial, Helvetica, sans-serif !important;
  119.     text-decoration: none !important;
  120.     letter-spacing: normal !important;
  121.     word-spacing: normal !important;
  122.     white-space: nowrap !important;
  123. }
  124.  
  125. p:before, p:after,
  126. address:before, address:after,
  127. h1:before, h1:after,
  128. h2:before, h2:after,
  129. h3:before, h3:after,
  130. h4:before, h4:after,
  131. h5:before, h5:after,
  132. h6:before, h6:after,
  133. ol:before, ol:after,
  134. ul:before, ul:after,
  135. dl:before, dl:after {display: inline !important;}
  136.  
  137. div:before {content: '<div>' !important;}
  138. div[class]:before {content: '<div class="' attr(class)'">' !important;}
  139. div:after {content: '</div>' !important;}
  140.  
  141. table:before {content: '<table>' !important;}
  142. table[class]:before {content: '<table class="' attr(class) '">' !important;}
  143. table:after {content: '</table>' !important;}
  144.  
  145. p:before {content: '<p>' !important;}
  146. p[class]:before {content: '<p class="' attr(class)'">' !important;}
  147. p:after {content: '</p>' !important;}
  148.  
  149. h1:before {content: '<h1>' !important;}
  150. h1[class]:before {content: '<h1 class="' attr(class)'">' !important;}
  151. h1:after {content: '</h1>' !important;}
  152.  
  153. h2:before {content: '<h2>' !important;}
  154. h2[class]:before {content: '<h2 class="' attr(class)'">' !important;}
  155. h2:after {content: '</h2>' !important;}
  156.  
  157. h3:before {content: '<h3>' !important;}
  158. h3[class]:before {content: '<h3 class="' attr(class)'">' !important;}
  159. h3:after {content: '</h3>' !important;}
  160.  
  161. h4:before {content: '<h4>' !important;}
  162. h4[class]:before {content: '<h4 class="' attr(class)'">' !important;}
  163. h4:after {content: '</h4>' !important;}
  164.  
  165. h5:before {content: '<h5>' !important;}
  166. h5[class]:before {content: '<h5 class="' attr(class)'">' !important;}
  167. h5:after {content: '</h5>' !important;}
  168.  
  169. h6:before {content: '<h6>' !important;}
  170. h6[class]:before {content: '<h6 class="' attr(class)'">' !important;}
  171. h6:after {content: '</h6>' !important;}
  172.  
  173. pre:before {content: '<pre>' !important;}
  174. pre[class]:before {content: '<pre class="' attr(class)'">' !important;}
  175. pre:after {content: '</pre>' !important;}
  176.  
  177. ul:before {content: '<ul>' !important;}
  178. ul[class]:before {content: '<ul class="' attr(class)'">' !important;}
  179. ul:after {content: '</ul>' !important;}
  180.  
  181. ol:before {content: '<ol>' !important;}
  182. ol[class]:before {content: '<ol class="' attr(class)'">' !important;}
  183. ol:after {content: '</ol>' !important;}
  184.  
  185. dl:before {content: '<dl>' !important;}
  186. dl[class]:before {content: '<dl class="' attr(class)'">' !important;}
  187. dl:after {content: '</dl>' !important;}
  188.  
  189. address:before {content: '<address>' !important;}
  190. address[class]:before {content: '<address class="' attr(class)'">' !important;}
  191. address:after {content: '</address>' !important;}
  192.  
  193. blockquote:before {content: '<blockquote>' !important;}
  194. blockquote[class]:before {content: '<blockquote class="' attr(class)'">' !important;}
  195. blockquote:after {content: '</blockquote>' !important;}
  196.  
  197.  
  198. font {counter-increment: fontNo;}
  199. table table {counter-increment: tableNo;}
  200.  
  201. html:after {
  202.     clear: both !important;
  203.     content: "This page contains " counter(fontNo) " font tags and " counter(tableNo) " nested tables.";
  204.     border-top: 0.1em solid #525a84;
  205.     padding: 0.1em 0.5em;
  206.     
  207.     color: white !important;
  208.     background: #355382 !important;
  209.     font: 0.8em normal normal sans-serif;
  210. }
  211.  
  212.