The Tor Browser / file comparison
comparison: browser/devtools/framework/connect/connect.css
browser/devtools/framework/connect/connect.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:b93a2e0f54ce |
|---|---|
| 1 :root { | |
| 2 font: caption; | |
| 3 } | |
| 4 | |
| 5 html { | |
| 6 background-color: #111; | |
| 7 background-image: url("chrome://browser/skin/devtools/noise.png"); | |
| 8 } | |
| 9 | |
| 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 } | |
| 18 | |
| 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 } | |
| 28 | |
| 29 form { | |
| 30 display: inline-block; | |
| 31 } | |
| 32 | |
| 33 label { | |
| 34 display: block; | |
| 35 margin: 10px; | |
| 36 } | |
| 37 | |
| 38 label > span { | |
| 39 display: inline-block; | |
| 40 min-width: 150px; | |
| 41 text-align: right; | |
| 42 margin-right: 10px; | |
| 43 } | |
| 44 | |
| 45 #submit { | |
| 46 float: right; | |
| 47 } | |
| 48 | |
| 49 input:invalid { | |
| 50 box-shadow: 0 0 2px 2px #F06; | |
| 51 } | |
| 52 | |
| 53 section { | |
| 54 min-height: 160px; | |
| 55 margin: 60px 20px; | |
| 56 display: none; /* By default, hidden */ | |
| 57 } | |
| 58 | |
| 59 .error-message { | |
| 60 color: red; | |
| 61 } | |
| 62 | |
| 63 .error-message:not(.active) { | |
| 64 display: none; | |
| 65 } | |
| 66 | |
| 67 body:not(.actors-mode):not(.connecting) > #connection-form { | |
| 68 display: block; | |
| 69 } | |
| 70 | |
| 71 body.actors-mode > #actors-list { | |
| 72 display: block; | |
| 73 } | |
| 74 | |
| 75 body.connecting > #connecting { | |
| 76 display: block; | |
| 77 } | |
| 78 | |
| 79 #connecting { | |
| 80 text-align: center; | |
| 81 } | |
| 82 | |
| 83 #connecting > p > img { | |
| 84 vertical-align: top; | |
| 85 } | |
| 86 | |
| 87 .actors { | |
| 88 padding-left: 0; | |
| 89 } | |
| 90 | |
| 91 .actors > a { | |
| 92 display: block; | |
| 93 margin: 5px; | |
| 94 padding: 5px; | |
| 95 color: white; | |
| 96 } | |
| 97 | |
| 98 .remote-process { | |
| 99 font-style: italic; | |
| 100 opacity: 0.8; | |
| 101 } | |
| 102 | |
| 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 } | |
| 109 | |
| 110 footer > a, | |
| 111 footer > a:visited { | |
| 112 color: white; | |
| 113 } |
