The Tor Browser / file comparison
comparison: browser/base/content/aboutaccounts/main.css
browser/base/content/aboutaccounts/main.css
- branch
- TOR_BUG_9701
- changeset 10
- ac0c01689b40
equal
deleted
inserted
replaced
| -1:000000000000 | 0:d58848164269 |
|---|---|
| 1 *, | |
| 2 *:before, | |
| 3 *:after { | |
| 4 box-sizing: border-box; | |
| 5 } | |
| 6 | |
| 7 html { | |
| 8 background-color: #F2F2F2; | |
| 9 height: 100%; | |
| 10 } | |
| 11 | |
| 12 body { | |
| 13 color: #424f59; | |
| 14 font: message-box; | |
| 15 font-size: 14px; | |
| 16 height: 100%; | |
| 17 } | |
| 18 | |
| 19 a { | |
| 20 color: #0095dd; | |
| 21 cursor: pointer; /* Use the correct cursor for anchors without an href */ | |
| 22 } | |
| 23 | |
| 24 a:active { | |
| 25 outline: none; | |
| 26 } | |
| 27 | |
| 28 a:focus { | |
| 29 outline: 1px dotted #0095dd; | |
| 30 } | |
| 31 | |
| 32 | |
| 33 a.no-underline { | |
| 34 text-decoration: none; | |
| 35 } | |
| 36 | |
| 37 #stage { | |
| 38 background:#fff; | |
| 39 border-radius: 5px; | |
| 40 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); | |
| 41 margin: 0 auto; | |
| 42 min-height: 300px; | |
| 43 padding: 60px 40px 40px 40px; | |
| 44 position: relative; | |
| 45 text-align: center; | |
| 46 top: 80px; | |
| 47 width: 420px; | |
| 48 } | |
| 49 | |
| 50 header h1 | |
| 51 { | |
| 52 font-size: 24px; | |
| 53 font-weight: 200; | |
| 54 line-height: 1em; | |
| 55 margin: 0 0 32px 0; | |
| 56 } | |
| 57 | |
| 58 .description { | |
| 59 font-size: 18px; | |
| 60 } | |
| 61 | |
| 62 .button-row { | |
| 63 margin-top: 45px; | |
| 64 margin-bottom:20px; | |
| 65 } | |
| 66 | |
| 67 .button-row button, | |
| 68 .button-row a.button { | |
| 69 background: #0095dd; | |
| 70 border: none; | |
| 71 border-radius: 5px; | |
| 72 color: #FFFFFF; | |
| 73 cursor: pointer; | |
| 74 font-size: 24px; | |
| 75 padding: 15px 0; | |
| 76 transition-duration: 150ms; | |
| 77 transition-property: background-color; | |
| 78 width: 100%; | |
| 79 } | |
| 80 | |
| 81 .button-row a.button { | |
| 82 display: inline-block; | |
| 83 text-decoration: none; | |
| 84 } | |
| 85 | |
| 86 .button-row a.button:active, | |
| 87 .button-row a.button:hover, | |
| 88 .button-row a.button:focus, | |
| 89 .button-row button:active, | |
| 90 .button-row button:hover, | |
| 91 .button-row button:focus { | |
| 92 background: #08c; | |
| 93 } | |
| 94 | |
| 95 | |
| 96 .graphic-sync-intro { | |
| 97 background-image: url(images/graphic_sync_intro.png); | |
| 98 background-repeat: no-repeat; | |
| 99 background-size: 150px 195px; | |
| 100 height: 195px; | |
| 101 margin: 0 auto; | |
| 102 overflow: hidden; | |
| 103 text-indent: 100%; | |
| 104 white-space: nowrap; | |
| 105 width: 150px; | |
| 106 } | |
| 107 | |
| 108 .description, | |
| 109 .button-row { | |
| 110 margin-top: 30px; | |
| 111 } | |
| 112 | |
| 113 .links { | |
| 114 margin: 20px 0; | |
| 115 } | |
| 116 | |
| 117 @media only screen and (max-width: 500px) { | |
| 118 html { | |
| 119 background: #fff; | |
| 120 } | |
| 121 | |
| 122 #stage { | |
| 123 box-shadow: none; | |
| 124 margin: 30px auto 0 auto; | |
| 125 min-height: none; | |
| 126 min-width: 320px; | |
| 127 padding: 0 10px; | |
| 128 width: 100%; | |
| 129 } | |
| 130 | |
| 131 .button-row { | |
| 132 margin-top: 20px; | |
| 133 } | |
| 134 | |
| 135 .button-row button, | |
| 136 .button-row a.button { | |
| 137 padding: 10px 0; | |
| 138 } | |
| 139 | |
| 140 } | |
| 141 | |
| 142 /* Retina */ | |
| 143 @media | |
| 144 only screen and (min-device-pixel-ratio: 2), | |
| 145 only screen and ( min-resolution: 192dpi), | |
| 146 only screen and ( min-resolution: 2dppx) { | |
| 147 .graphic-sync-intro { | |
| 148 background-image: url(images/graphic_sync_intro@2x.png); | |
| 149 } | |
| 150 } |
