home *** CD-ROM | disk | FTP | other *** search
/ Maximum CD 2003 March / maximum-cd-2003-03.iso / Software / Apps / opera7b2.exe / SHOWSTRUCTURE.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2002-12-17  |  5.7 KB  |  210 lines

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