The Tor Browser: browser/devtools/styleinspector/test/doc

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     1 <!-- Any copyright is dedicated to the Public Domain.

     2      http://creativecommons.org/publicdomain/zero/1.0/ -->

     3 <html>

     4   <head>

     5     <style>

     7 body {

     8     color: #333;

9 }

    11 .box {

    12     float:left;

    13     width: 128px;

    14     height: 128px;

    15     background: #ddd;

    16     padding: 32px;

    17     margin: 32px;

    18     position:relative;

    19 }

    21 * {

    22     cursor: default;

    23 }

    25 nothing {

    26     cursor: pointer;

    27 }

    29 p::-moz-selection {

    30     color: white;

    31     background: black;

    32 }

    33 p::selection {

    34     color: white;

    35     background: black;

    36 }

    38 p:first-line {

    39    background: blue;

    40 }

    41 p:first-letter {

    42   color: red;

    43   font-size: 130%;

    44 }

    46 .box:before {

    47     background: green;

    48     content: " ";

    49     position: absolute;

    50     height:32px;

    51     width:32px;

    52 }

    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 }

    67 .topleft:before {

    68     top:0;

    69     left:0;

    70 }

    72 .topright:before {

    73     top:0;

    74     right:0;

    75 }

    77 .bottomright:before {

    78     bottom:10px;

    79     right:10px;

    80     color: red;

    81 }

    83 .bottomright:before {

    84     bottom:0;

    85     right:0;

    86 }

    88 .bottomleft:before {

    89     bottom:0;

    90     left:0;

    91 }

    93     </style>

    94   </head>

    95   <body>

    96     <h1>ruleview pseudoelement($("test"));</h1>

    98     <div id="topleft" class="box topleft">

    99         <p>Top Left<br />Position</p>

   100     </div>

   102     <div id="topright" class="box topright">

   103         <p>Top Right<br />Position</p>

   104     </div>

   106     <div id="bottomright" class="box bottomright">

   107         <p>Bottom Right<br />Position</p>

   108     </div>

   110     <div id="bottomleft" class="box bottomleft">

   111         <p>Bottom Left<br />Position</p>

   112     </div>

   114   </body>

   115 </html>

The Tor Browser / file revision