The Tor Browser / file diff

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/base/content/aboutaccounts/main.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,150 @@
     1.4 +*,
     1.5 +*:before,
     1.6 +*:after {
     1.7 +  box-sizing: border-box;
     1.8 +}
     1.9 +
    1.10 +html {
    1.11 +  background-color: #F2F2F2;
    1.12 +  height: 100%;
    1.13 +}
    1.14 +
    1.15 +body {
    1.16 +  color: #424f59;
    1.17 +  font: message-box;
    1.18 +  font-size: 14px;
    1.19 +  height: 100%;
    1.20 +}
    1.21 +
    1.22 +a {
    1.23 +  color: #0095dd;
    1.24 +  cursor: pointer; /* Use the correct cursor for anchors without an href */
    1.25 +}
    1.26 +
    1.27 +a:active {
    1.28 +  outline: none;
    1.29 +}
    1.30 +
    1.31 +a:focus {
    1.32 +  outline: 1px dotted #0095dd;
    1.33 +}
    1.34 +
    1.35 +
    1.36 +a.no-underline {
    1.37 +  text-decoration: none;
    1.38 +}
    1.39 +
    1.40 +#stage {
    1.41 +  background:#fff;
    1.42 +  border-radius: 5px;
    1.43 +  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    1.44 +  margin: 0 auto;
    1.45 +  min-height: 300px;
    1.46 +  padding: 60px 40px 40px 40px;
    1.47 +  position: relative;
    1.48 +  text-align: center;
    1.49 +  top: 80px;
    1.50 +  width: 420px;
    1.51 +}
    1.52 +
    1.53 +header h1
    1.54 +{
    1.55 +  font-size: 24px;
    1.56 +  font-weight: 200;
    1.57 +  line-height: 1em;
    1.58 +  margin: 0 0 32px 0;
    1.59 +}
    1.60 +
    1.61 +.description {
    1.62 +  font-size: 18px;
    1.63 +}
    1.64 +
    1.65 +.button-row {
    1.66 +  margin-top: 45px;
    1.67 +  margin-bottom:20px;
    1.68 +}
    1.69 +
    1.70 +.button-row button,
    1.71 +.button-row a.button {
    1.72 +  background: #0095dd;
    1.73 +  border: none;
    1.74 +  border-radius: 5px;
    1.75 +  color: #FFFFFF;
    1.76 +  cursor: pointer;
    1.77 +  font-size: 24px;
    1.78 +  padding: 15px 0;
    1.79 +  transition-duration: 150ms;
    1.80 +  transition-property: background-color;
    1.81 +  width: 100%;
    1.82 +}
    1.83 +
    1.84 +.button-row a.button {
    1.85 +  display: inline-block;
    1.86 +  text-decoration: none;
    1.87 +}
    1.88 +
    1.89 +.button-row a.button:active,
    1.90 +.button-row a.button:hover,
    1.91 +.button-row a.button:focus,
    1.92 +.button-row button:active,
    1.93 +.button-row button:hover,
    1.94 +.button-row button:focus {
    1.95 +  background: #08c;
    1.96 +}
    1.97 +
    1.98 +
    1.99 +.graphic-sync-intro {
   1.100 +  background-image: url(images/graphic_sync_intro.png);
   1.101 +  background-repeat: no-repeat;
   1.102 +  background-size: 150px 195px;
   1.103 +  height: 195px;
   1.104 +  margin: 0 auto;
   1.105 +  overflow: hidden;
   1.106 +  text-indent: 100%;
   1.107 +  white-space: nowrap;
   1.108 +  width: 150px;
   1.109 +}
   1.110 +
   1.111 +.description,
   1.112 +.button-row {
   1.113 +  margin-top: 30px;
   1.114 +}
   1.115 +
   1.116 +.links  {
   1.117 +  margin: 20px 0;
   1.118 +}
   1.119 +
   1.120 +@media only screen and (max-width: 500px) {
   1.121 +  html {
   1.122 +    background: #fff;
   1.123 +  }
   1.124 +
   1.125 +  #stage {
   1.126 +    box-shadow: none;
   1.127 +    margin: 30px auto 0 auto;
   1.128 +    min-height: none;
   1.129 +    min-width: 320px;
   1.130 +    padding: 0 10px;
   1.131 +    width: 100%;
   1.132 +  }
   1.133 +
   1.134 +  .button-row {
   1.135 +    margin-top: 20px;
   1.136 +  }
   1.137 +
   1.138 +  .button-row button,
   1.139 +  .button-row a.button {
   1.140 +    padding: 10px 0;
   1.141 +  }
   1.142 +
   1.143 +}
   1.144 +
   1.145 +/* Retina */
   1.146 +@media
   1.147 +only screen and (min-device-pixel-ratio: 2),
   1.148 +only screen and (        min-resolution: 192dpi),
   1.149 +only screen and (        min-resolution: 2dppx) {
   1.150 +  .graphic-sync-intro {
   1.151 +    background-image: url(images/graphic_sync_intro@2x.png);
   1.152 +  }
   1.153 +}