The Tor Browser: browser/devtools/layoutview/view.css@6474c204b198

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

     1 /* This Source Code Form is subject to the terms of the Mozilla Public

     2  * License, v. 2.0. If a copy of the MPL was not distributed with this

     3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

     5 body, html {

     6   height: 100%;

     7   width: 100%;

     8   overflow: hidden;

9 }

    11 body {

    12   margin: 0;

    13   padding: 0;

    14 }

    16 #header {

    17   box-sizing: border-box;

    18   width: 100%;

    19   padding: 6px 9px;

    20   display: -moz-box;

    21   vertical-align: top;

    22 }

    24 #header:-moz-dir(rtl) {

    25   -moz-box-direction: reverse;

    26 }

    28 #header > span {

    29   display: -moz-box;

    30 }

    32 #element-size {

    33   -moz-box-flex: 1;

    34 }

    36 #element-size:-moz-dir(rtl) {

    37   -moz-box-pack: end;

    38 }

    40 #main {

    41   margin: 0 10px 10px 10px;

    42   box-sizing: border-box;

    43   width: calc(100% - 2 * 10px);

    44   position: absolute;

    45   border-width: 1px;

    46 }

    48 @media (min-width: 320px) {

    49   body {

    50     position: absolute;

    51     width: 320px;

    52     left: -160px;

    53     margin-left: 50%;

    54   }

    55 }

    57 #content,

    58 #borders {

    59   border-width: 1px;

    60 }

    62 #content {

    63   height: 25px;

    64 }

    66 #margins,

    67 #padding {

    68   border-style: solid;

    69   border-width: 25px;

    70 }

    72 #borders {

    73   padding: 25px;

    74 }

    76 #main > p {

    77   position: absolute;

    78   pointer-events: none;

    79 }

    81 #main > p {

    82   margin: 0;

    83   text-align: center;

    84 }

    86 #main > p > span {

    87   vertical-align: middle;

    88   pointer-events: auto;

    89 }

    91 .size > span {

    92   cursor: default;

    93 }

    95 .editable {

    96   -moz-user-select: text;

    97 }

    99 .top,

   100 .bottom {

   101   width: calc(100% - 2px);

   102   text-align: center;

   103 }

   105 .padding.top {

   106   top: 55px;

   107 }

   109 .padding.bottom {

   110   bottom: 57px;

   111 }

   113 .border.top {

   114   top: 30px;

   115 }

   117 .border.bottom {

   118   bottom: 31px;

   119 }

   121 .margin.top {

   122   top: 5px;

   123 }

   125 .margin.bottom {

   126   bottom: 6px;

   127 }

   129 .size,

   130 .margin.left,

   131 .margin.right,

   132 .border.left,

   133 .border.right,

   134 .padding.left,

   135 .padding.right {

   136   top: 22px;

   137   line-height: 132px;

   138 }

   140 .size {

   141   width: calc(100% - 2px);

   142 }

   144 .margin.right,

   145 .margin.left,

   146 .border.left,

   147 .border.right,

   148 .padding.right,

   149 .padding.left {

   150   width: 25px;

   151 }

   153 .padding.left {

   154   left: 52px;

   155 }

   157 .padding.right {

   158   right: 51px;

   159 }

   161 .border.left {

   162   left: 26px;

   163 }

   165 .border.right {

   166   right: 26px;

   167 }

   169 .margin.right {

   170   right: 0;

   171 }

   173 .margin.left {

   174   left: 0;

   175 }

   177 .rotate.left:not(.editing) {

   178   transform: rotate(-90deg);

   179 }

   181 .rotate.right:not(.editing) {

   182   transform: rotate(90deg);

   183 }

   185 .tooltip {

   186   position: absolute;

   187   bottom: 0;

   188   right: 2px;

   189   pointer-events: none;

   190 }

   192 body.dim > #header > #element-position,

   193 body.dim > #main > p,

   194 body.dim > #main > .tooltip {

   195   visibility: hidden;

   196 }

The Tor Browser / file revision