The Tor Browser / file comparison
comparison: browser/devtools/styleinspector/test/doc_pseudoelement.html
browser/devtools/styleinspector/test/doc_pseudoelement.html
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:e2767ad10fbe |
|---|---|
| 1 <!-- Any copyright is dedicated to the Public Domain. | |
| 2 http://creativecommons.org/publicdomain/zero/1.0/ --> | |
| 3 <html> | |
| 4 <head> | |
| 5 <style> | |
| 6 | |
| 7 body { | |
| 8 color: #333; | |
| 9 } | |
| 10 | |
| 11 .box { | |
| 12 float:left; | |
| 13 width: 128px; | |
| 14 height: 128px; | |
| 15 background: #ddd; | |
| 16 padding: 32px; | |
| 17 margin: 32px; | |
| 18 position:relative; | |
| 19 } | |
| 20 | |
| 21 * { | |
| 22 cursor: default; | |
| 23 } | |
| 24 | |
| 25 nothing { | |
| 26 cursor: pointer; | |
| 27 } | |
| 28 | |
| 29 p::-moz-selection { | |
| 30 color: white; | |
| 31 background: black; | |
| 32 } | |
| 33 p::selection { | |
| 34 color: white; | |
| 35 background: black; | |
| 36 } | |
| 37 | |
| 38 p:first-line { | |
| 39 background: blue; | |
| 40 } | |
| 41 p:first-letter { | |
| 42 color: red; | |
| 43 font-size: 130%; | |
| 44 } | |
| 45 | |
| 46 .box:before { | |
| 47 background: green; | |
| 48 content: " "; | |
| 49 position: absolute; | |
| 50 height:32px; | |
| 51 width:32px; | |
| 52 } | |
| 53 | |
| 54 .box:after { | |
| 55 background: red; | |
| 56 content: " "; | |
| 57 position: absolute; | |
| 58 border-radius: 50%; | |
| 59 height:32px; | |
| 60 width:32px; | |
| 61 top: 50%; | |
| 62 left: 50%; | |
| 63 margin-top: -16px; | |
| 64 margin-left: -16px; | |
| 65 } | |
| 66 | |
| 67 .topleft:before { | |
| 68 top:0; | |
| 69 left:0; | |
| 70 } | |
| 71 | |
| 72 .topright:before { | |
| 73 top:0; | |
| 74 right:0; | |
| 75 } | |
| 76 | |
| 77 .bottomright:before { | |
| 78 bottom:10px; | |
| 79 right:10px; | |
| 80 color: red; | |
| 81 } | |
| 82 | |
| 83 .bottomright:before { | |
| 84 bottom:0; | |
| 85 right:0; | |
| 86 } | |
| 87 | |
| 88 .bottomleft:before { | |
| 89 bottom:0; | |
| 90 left:0; | |
| 91 } | |
| 92 | |
| 93 </style> | |
| 94 </head> | |
| 95 <body> | |
| 96 <h1>ruleview pseudoelement($("test"));</h1> | |
| 97 | |
| 98 <div id="topleft" class="box topleft"> | |
| 99 <p>Top Left<br />Position</p> | |
| 100 </div> | |
| 101 | |
| 102 <div id="topright" class="box topright"> | |
| 103 <p>Top Right<br />Position</p> | |
| 104 </div> | |
| 105 | |
| 106 <div id="bottomright" class="box bottomright"> | |
| 107 <p>Bottom Right<br />Position</p> | |
| 108 </div> | |
| 109 | |
| 110 <div id="bottomleft" class="box bottomleft"> | |
| 111 <p>Bottom Left<br />Position</p> | |
| 112 </div> | |
| 113 | |
| 114 </body> | |
| 115 </html> |
