The Tor Browser: browser/devtools/framework/connect/connect.css@6474c204b198

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

     1 :root {

     2   font: caption;

3 }

     5 html {

     6   background-color: #111;

     7   background-image: url("chrome://browser/skin/devtools/noise.png");

8 }

    10 body {

    11   font-family: Arial, sans-serif;

    12   color: white;

    13   max-width: 600px;

    14   margin: 30px auto 0;

    15   box-shadow: 0 2px 3px black;

    16   background-color: #3C3E40;

    17 }

    19 h1 {

    20   margin: 0;

    21   padding: 20px;

    22   background-color: rgba(0,0,0,0.12);

    23   background-image: radial-gradient(ellipse farthest-corner at center top , rgb(159, 223, 255), rgba(101, 203, 255, 0.3)), radial-gradient(ellipse farthest-side at center top , rgba(101, 203, 255, 0.4), rgba(101, 203, 255, 0));

    24   background-size: 100% 2px, 100% 5px;

    25   background-repeat: no-repeat;

    26   border-bottom: 1px solid rgba(0,0,0,0.1);

    27 }

    29 form {

    30   display: inline-block;

    31 }

    33 label {

    34   display: block;

    35   margin: 10px;

    36 }

    38 label > span {

    39   display: inline-block;

    40   min-width: 150px;

    41   text-align: right;

    42   margin-right: 10px;

    43 }

    45 #submit {

    46   float: right;

    47 }

    49 input:invalid {

    50   box-shadow: 0 0 2px 2px #F06;

    51 }

    53 section {

    54   min-height: 160px;

    55   margin: 60px 20px;

    56   display: none; /* By default, hidden */

    57 }

    59 .error-message {

    60   color: red;

    61 }

    63 .error-message:not(.active) {

    64   display: none;

    65 }

    67 body:not(.actors-mode):not(.connecting) > #connection-form {

    68   display: block;

    69 }

    71 body.actors-mode > #actors-list {

    72   display: block;

    73 }

    75 body.connecting > #connecting {

    76   display: block;

    77 }

    79 #connecting {

    80   text-align: center;

    81 }

    83 #connecting > p > img {

    84   vertical-align: top;

    85 }

    87 .actors {

    88   padding-left: 0;

    89 }

    91 .actors > a {

    92   display: block;

    93   margin: 5px;

    94   padding: 5px;

    95   color: white;

    96 }

    98 .remote-process {

    99   font-style: italic;

   100   opacity: 0.8;

   101 }

   103 footer {

   104   padding: 10px;

   105   background-color: rgba(0,0,0,0.12);

   106   border-top: 1px solid rgba(0,0,0,0.1);

   107   font-size: small;

   108 }

   110 footer > a,

   111 footer > a:visited {

   112   color: white;

   113 }

The Tor Browser / file revision

browser/devtools/framework/connect/connect.css@6474c204b198

browser/devtools/framework/connect/connect.css