home *** CD-ROM | disk | FTP | other *** search
/ Maximum CD 2003 January / maximum-cd-2003-01.iso / Software / Apps / OperawithJava / ow32enen700b1j.exe / SHOWSTRUCTURE.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2002-11-11  |  5.4 KB  |  205 lines

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