diff: browser/devtools/styleinspector/test/doc_pseudoelement.html
browser/devtools/styleinspector/test/doc_pseudoelement.html
- changeset 0
- 6474c204b198
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/browser/devtools/styleinspector/test/doc_pseudoelement.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,115 @@ 1.4 +<!-- Any copyright is dedicated to the Public Domain. 1.5 + http://creativecommons.org/publicdomain/zero/1.0/ --> 1.6 +<html> 1.7 + <head> 1.8 + <style> 1.9 + 1.10 +body { 1.11 + color: #333; 1.12 +} 1.13 + 1.14 +.box { 1.15 + float:left; 1.16 + width: 128px; 1.17 + height: 128px; 1.18 + background: #ddd; 1.19 + padding: 32px; 1.20 + margin: 32px; 1.21 + position:relative; 1.22 +} 1.23 + 1.24 +* { 1.25 + cursor: default; 1.26 +} 1.27 + 1.28 +nothing { 1.29 + cursor: pointer; 1.30 +} 1.31 + 1.32 +p::-moz-selection { 1.33 + color: white; 1.34 + background: black; 1.35 +} 1.36 +p::selection { 1.37 + color: white; 1.38 + background: black; 1.39 +} 1.40 + 1.41 +p:first-line { 1.42 + background: blue; 1.43 +} 1.44 +p:first-letter { 1.45 + color: red; 1.46 + font-size: 130%; 1.47 +} 1.48 + 1.49 +.box:before { 1.50 + background: green; 1.51 + content: " "; 1.52 + position: absolute; 1.53 + height:32px; 1.54 + width:32px; 1.55 +} 1.56 + 1.57 +.box:after { 1.58 + background: red; 1.59 + content: " "; 1.60 + position: absolute; 1.61 + border-radius: 50%; 1.62 + height:32px; 1.63 + width:32px; 1.64 + top: 50%; 1.65 + left: 50%; 1.66 + margin-top: -16px; 1.67 + margin-left: -16px; 1.68 +} 1.69 + 1.70 +.topleft:before { 1.71 + top:0; 1.72 + left:0; 1.73 +} 1.74 + 1.75 +.topright:before { 1.76 + top:0; 1.77 + right:0; 1.78 +} 1.79 + 1.80 +.bottomright:before { 1.81 + bottom:10px; 1.82 + right:10px; 1.83 + color: red; 1.84 +} 1.85 + 1.86 +.bottomright:before { 1.87 + bottom:0; 1.88 + right:0; 1.89 +} 1.90 + 1.91 +.bottomleft:before { 1.92 + bottom:0; 1.93 + left:0; 1.94 +} 1.95 + 1.96 + </style> 1.97 + </head> 1.98 + <body> 1.99 + <h1>ruleview pseudoelement($("test"));</h1> 1.100 + 1.101 + <div id="topleft" class="box topleft"> 1.102 + <p>Top Left<br />Position</p> 1.103 + </div> 1.104 + 1.105 + <div id="topright" class="box topright"> 1.106 + <p>Top Right<br />Position</p> 1.107 + </div> 1.108 + 1.109 + <div id="bottomright" class="box bottomright"> 1.110 + <p>Bottom Right<br />Position</p> 1.111 + </div> 1.112 + 1.113 + <div id="bottomleft" class="box bottomleft"> 1.114 + <p>Bottom Left<br />Position</p> 1.115 + </div> 1.116 + 1.117 + </body> 1.118 +</html>
