The Tor Browser / file diff

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/devtools/framework/connect/connect.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,113 @@
     1.4 +:root {
     1.5 +  font: caption;
     1.6 +}
     1.7 +
     1.8 +html {
     1.9 +  background-color: #111;
    1.10 +  background-image: url("chrome://browser/skin/devtools/noise.png");
    1.11 +}
    1.12 +
    1.13 +body {
    1.14 +  font-family: Arial, sans-serif;
    1.15 +  color: white;
    1.16 +  max-width: 600px;
    1.17 +  margin: 30px auto 0;
    1.18 +  box-shadow: 0 2px 3px black;
    1.19 +  background-color: #3C3E40;
    1.20 +}
    1.21 +
    1.22 +h1 {
    1.23 +  margin: 0;
    1.24 +  padding: 20px;
    1.25 +  background-color: rgba(0,0,0,0.12);
    1.26 +  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));
    1.27 +  background-size: 100% 2px, 100% 5px;
    1.28 +  background-repeat: no-repeat;
    1.29 +  border-bottom: 1px solid rgba(0,0,0,0.1);
    1.30 +}
    1.31 +
    1.32 +form {
    1.33 +  display: inline-block;
    1.34 +}
    1.35 +
    1.36 +label {
    1.37 +  display: block;
    1.38 +  margin: 10px;
    1.39 +}
    1.40 +
    1.41 +label > span {
    1.42 +  display: inline-block;
    1.43 +  min-width: 150px;
    1.44 +  text-align: right;
    1.45 +  margin-right: 10px;
    1.46 +}
    1.47 +
    1.48 +#submit {
    1.49 +  float: right;
    1.50 +}
    1.51 +
    1.52 +input:invalid {
    1.53 +  box-shadow: 0 0 2px 2px #F06;
    1.54 +}
    1.55 +
    1.56 +section {
    1.57 +  min-height: 160px;
    1.58 +  margin: 60px 20px;
    1.59 +  display: none; /* By default, hidden */
    1.60 +}
    1.61 +
    1.62 +.error-message {
    1.63 +  color: red;
    1.64 +}
    1.65 +
    1.66 +.error-message:not(.active) {
    1.67 +  display: none;
    1.68 +}
    1.69 +
    1.70 +body:not(.actors-mode):not(.connecting) > #connection-form {
    1.71 +  display: block;
    1.72 +}
    1.73 +
    1.74 +body.actors-mode > #actors-list {
    1.75 +  display: block;
    1.76 +}
    1.77 +
    1.78 +body.connecting > #connecting {
    1.79 +  display: block;
    1.80 +}
    1.81 +
    1.82 +#connecting {
    1.83 +  text-align: center;
    1.84 +}
    1.85 +
    1.86 +#connecting > p > img {
    1.87 +  vertical-align: top;
    1.88 +}
    1.89 +
    1.90 +.actors {
    1.91 +  padding-left: 0;
    1.92 +}
    1.93 +
    1.94 +.actors > a {
    1.95 +  display: block;
    1.96 +  margin: 5px;
    1.97 +  padding: 5px;
    1.98 +  color: white;
    1.99 +}
   1.100 +
   1.101 +.remote-process {
   1.102 +  font-style: italic;
   1.103 +  opacity: 0.8;
   1.104 +}
   1.105 +
   1.106 +footer {
   1.107 +  padding: 10px;
   1.108 +  background-color: rgba(0,0,0,0.12);
   1.109 +  border-top: 1px solid rgba(0,0,0,0.1);
   1.110 +  font-size: small;
   1.111 +}
   1.112 +
   1.113 +footer > a,
   1.114 +footer > a:visited {
   1.115 +  color: white;
   1.116 +}