The Tor Browser: browser/base/content/aboutaccounts/main.css@8bccb770b82d

     1 *,

     2 *:before,

     3 *:after {

     4   box-sizing: border-box;

5 }

     7 html {

     8   background-color: #F2F2F2;

     9   height: 100%;

    10 }

    12 body {

    13   color: #424f59;

    14   font: message-box;

    15   font-size: 14px;

    16   height: 100%;

    17 }

    19 a {

    20   color: #0095dd;

    21   cursor: pointer; /* Use the correct cursor for anchors without an href */

    22 }

    24 a:active {

    25   outline: none;

    26 }

    28 a:focus {

    29   outline: 1px dotted #0095dd;

    30 }

    33 a.no-underline {

    34   text-decoration: none;

    35 }

    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 }

    50 header h1

    51 {

    52   font-size: 24px;

    53   font-weight: 200;

    54   line-height: 1em;

    55   margin: 0 0 32px 0;

    56 }

    58 .description {

    59   font-size: 18px;

    60 }

    62 .button-row {

    63   margin-top: 45px;

    64   margin-bottom:20px;

    65 }

    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 }

    81 .button-row a.button {

    82   display: inline-block;

    83   text-decoration: none;

    84 }

    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 }

    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 }

   108 .description,

   109 .button-row {

   110   margin-top: 30px;

   111 }

   113 .links  {

   114   margin: 20px 0;

   115 }

   117 @media only screen and (max-width: 500px) {

   118   html {

   119     background: #fff;

   120   }

   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   }

   131   .button-row {

   132     margin-top: 20px;

   133   }

   135   .button-row button,

   136   .button-row a.button {

   137     padding: 10px 0;

   138   }

   140 }

   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 }

The Tor Browser / file revision