The Tor Browser: browser/themes/linux/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: rgb(221,72,20);

    35   cursor: pointer;

    36   padding: 0;

    37   margin: 0 4px;

    38   border: 0;

    39   background: transparent;

    40   text-decoration: none;

    41   min-width: 0;

    42 }

    44 .newtab-undo-button:hover {

    45   text-decoration: underline;

    46 }

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

    49   outline: 1px dotted;

    50 }

    52 #newtab-undo-close-button {

    53   -moz-appearance: none;

    54   padding: 0;

    55   border: none;

    56   height: 16px;

    57   width: 16px;

    58 }

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

    61   display: none;

    62 }

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

    65   outline: 1px dotted;

    66 }

    68 /* TOGGLE */

    69 #newtab-toggle {

    70   width: 16px;

    71   height: 16px;

    72   padding: 0;

    73   border: none;

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

    75 }

    77 #newtab-toggle[page-disabled] {

    78   background-position: -232px 0;

    79 }

    81 /* ROWS */

    82 .newtab-row {

    83   margin-bottom: 20px;

    84 }

    86 .newtab-row:last-child {

    87   margin-bottom: 0;

    88 }

    90 /* CELLS */

    91 .newtab-cell {

    92   -moz-margin-end: 20px;

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

    94   border: 1px solid;

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

    96   border-radius: 1px;

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

    98 }

   100 .newtab-cell:empty {

   101   border: 1px dashed;

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

   103 }

   105 .newtab-cell:last-child {

   106   -moz-margin-end: 0;

   107 }

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

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

   111 }

   113 /* SITES */

   114 .newtab-site {

   115   text-decoration: none;

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

   117 }

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

   120 .newtab-site[dragged] {

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

   122 }

   124 .newtab-site[dragged] {

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

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

   127 }

   129 /* THUMBNAILS */

   130 .newtab-thumbnail {

   131   background-origin: padding-box;

   132   background-clip: padding-box;

   133   background-repeat: no-repeat;

   134   background-size: cover;

   135 }

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

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

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

   140   background-position: top center;

   141   background-size: auto;

   142 }

   144 /* TITLES */

   145 .newtab-title {

   146   padding: 0 8px;

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

   148   color: #1f364c;

   149   line-height: 24px;

   150 }

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

   153   -moz-padding-end: 24px;

   154 }

   156 /* CONTROLS */

   157 .newtab-control {

   158   width: 24px;

   159   height: 24px;

   160   padding: 1px 2px 3px;

   161   border: none;

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

   163 }

   165 .newtab-control-pin:hover {

   166   background-position: -24px 0;

   167 }

   169 .newtab-control-pin:active {

   170   background-position: -48px 0;

   171 }

   173 .newtab-control-pin[pinned] {

   174   background-position: -72px 0;

   175 }

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

   178   background-position: -96px 0;

   179 }

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

   182   background-position: -120px 0;

   183 }

   185 .newtab-control-block {

   186   background-position: -144px 0;

   187 }

   189 .newtab-control-block:hover {

   190   background-position: -168px 0;

   191 }

   193 .newtab-control-block:active {

   194   background-position: -192px 0;

   195 }

   197 .newtab-control-sponsored {

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

   199 }

   201 .newtab-control-sponsored:hover {

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

   203 }

   205 .newtab-control-sponsored[panelShown] {

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

   207 }

The Tor Browser / file revision