The Tor Browser: browser/themes/windows/newtab/newTab.css@6474c204b198

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     1 /* This Source Code Form is subject to the terms of the Mozilla Public

     2  * License, v. 2.0. If a copy of the MPL was not distributed with this

     3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

     5 :root {

     6   -moz-appearance: none;

     7   font-size: 75%;

     8   background-color: transparent;

9 }

    11 /* SCROLLBOX */

    12 #newtab-scrollbox:not([page-disabled]),

    13 #newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {

    14   color: rgb(0,0,0);

    15   background-color: hsl(0,0%,95%);

    16 }

    18 /* UNDO */

    19 #newtab-undo-container {

    20   padding: 4px 3px;

    21   border: 1px solid;

    22   border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);

    23   background-color: rgba(255,255,255,.4);

    24   color: #525e69;

    25 }

    27 #newtab-undo-label {

    28   margin-top: 0;

    29   margin-bottom: 0;

    30 }

    32 .newtab-undo-button {

    33   -moz-appearance: none;

    34   color: -moz-nativehyperlinktext;

    35   color: rgb(0,102,204);

    36   cursor: pointer;

    37   padding: 0;

    38   margin: 0 4px;

    39   border: 0;

    40   background: transparent;

    41   text-decoration: none;

    42   min-width: 0;

    43 }

    45 .newtab-undo-button:hover {

    46   text-decoration: underline;

    47 }

    49 .newtab-undo-button:-moz-focusring {

    50   outline: 1px dotted;

    51 }

    53 .newtab-undo-button > .button-box {

    54   padding: 0;

    55 }

    57 #newtab-undo-close-button {

    58   -moz-appearance: none;

    59   padding: 0;

    60   border: none;

    61 }

    63 #newtab-undo-close-button > .toolbarbutton-text {

    64   display: none;

    65 }

    67 #newtab-undo-close-button:-moz-focusring {

    68   outline: 1px dotted;

    69 }

    71 /* TOGGLE */

    72 #newtab-toggle {

    73   width: 16px;

    74   height: 16px;

    75   padding: 0;

    76   border: none;

    77   background: -216px 0 transparent url(chrome://browser/skin/newtab/controls.png);

    78 }

    80 #newtab-toggle[page-disabled] {

    81   background-position: -232px 0;

    82 }

    84 /* ROWS */

    85 .newtab-row {

    86   margin-bottom: 20px;

    87 }

    89 .newtab-row:last-child {

    90   margin-bottom: 0;

    91 }

    93 /* CELLS */

    94 .newtab-cell {

    95   -moz-margin-end: 20px;

    96   background-color: rgba(255,255,255,.2);

    97   border: 1px solid;

    98   border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);

    99   border-radius: 1px;

   100   transition: border-color 100ms ease-out;

   101 }

   103 .newtab-cell:empty {

   104   border: 1px dashed;

   105   border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19);

   106 }

   108 .newtab-cell:last-child {

   109   -moz-margin-end: 0;

   110 }

   112 .newtab-cell:hover:not(:empty):not([dragged]):not([ignorehover]) {

   113   border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3);

   114 }

   116 /* SITES */

   117 .newtab-site {

   118   text-decoration: none;

   119   transition-property: top, left, opacity, box-shadow, background-color;

   120 }

   122 .newtab-cell:not([ignorehover]) > .newtab-site:hover,

   123 .newtab-site[dragged] {

   124   box-shadow: 0 0 10px rgba(8,22,37,.3);

   125 }

   127 .newtab-site[dragged] {

   128   transition-property: box-shadow, background-color;

   129   background-color: rgb(242,242,242);

   130 }

   132 /* THUMBNAILS */

   133 .newtab-thumbnail {

   134   background-origin: padding-box;

   135   background-clip: padding-box;

   136   background-repeat: no-repeat;

   137   background-size: cover;

   138 }

   140 .newtab-site[type=affiliate] .newtab-thumbnail,

   141 .newtab-site[type=organic] .newtab-thumbnail,

   142 .newtab-site[type=sponsored] .newtab-thumbnail {

   143   background-position: top center;

   144   background-size: auto;

   145 }

   147 /* TITLES */

   148 .newtab-title {

   149   padding: 0 8px;

   150   background-color: rgba(248,249,251,.95);

   151   color: #1f364c;

   152   line-height: 24px;

   153 }

   155 .newtab-site[type=sponsored] .newtab-title {

   156   -moz-padding-end: 24px;

   157 }

   159 /* CONTROLS */

   160 .newtab-control {

   161   width: 24px;

   162   height: 24px;

   163   padding: 1px 2px 3px;

   164   border: none;

   165   background: transparent url(chrome://browser/skin/newtab/controls.png);

   166 }

   168 .newtab-control-pin:hover {

   169   background-position: -24px 0;

   170 }

   172 .newtab-control-pin:active {

   173   background-position: -48px 0;

   174 }

   176 .newtab-control-pin[pinned] {

   177   background-position: -72px 0;

   178 }

   180 .newtab-control-pin[pinned]:hover {

   181   background-position: -96px 0;

   182 }

   184 .newtab-control-pin[pinned]:active {

   185   background-position: -120px 0;

   186 }

   188 .newtab-control-block {

   189   background-position: -144px 0;

   190 }

   192 .newtab-control-block:hover {

   193   background-position: -168px 0;

   194 }

   196 .newtab-control-block:active {

   197   background-position: -192px 0;

   198 }

   200 .newtab-control-sponsored {

   201   background-position: -249px -1px;

   202 }

   204 .newtab-control-sponsored:hover {

   205   background-position: -265px -1px;

   206 }

   208 .newtab-control-sponsored[panelShown] {

   209   background-position: -281px -1px;

   210 }

The Tor Browser / file revision