The Tor Browser / annotate

browser/themes/osx/newtab/newTab.css@6474c204b198 (annotated)

browser/themes/osx/newtab/newTab.css

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

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

michael@0 1 /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0 2 * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0 4
michael@0 5 :root {
michael@0 6 -moz-appearance: none;
michael@0 7 font-size: 75%;
michael@0 8 background-color: transparent;
michael@0 9 }
michael@0 10
michael@0 11 /* SCROLLBOX */
michael@0 12 #newtab-scrollbox:not([page-disabled]),
michael@0 13 #newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
michael@0 14 color: rgb(0,0,0);
michael@0 15 background-color: hsl(0,0%,95%);
michael@0 16 }
michael@0 17
michael@0 18 /* UNDO */
michael@0 19 #newtab-undo-container {
michael@0 20 padding: 4px 3px;
michael@0 21 border: 1px solid;
michael@0 22 border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
michael@0 23 background-color: rgba(255,255,255,.4);
michael@0 24 color: #525e69;
michael@0 25 }
michael@0 26
michael@0 27 #newtab-undo-label {
michael@0 28 margin-top: 0;
michael@0 29 margin-bottom: 0;
michael@0 30 }
michael@0 31
michael@0 32 .newtab-undo-button {
michael@0 33 -moz-appearance: none;
michael@0 34 color: rgb(20,79,174);
michael@0 35 cursor: pointer;
michael@0 36 padding: 0;
michael@0 37 margin: 0 4px;
michael@0 38 border: 0;
michael@0 39 background: transparent;
michael@0 40 text-decoration: none;
michael@0 41 min-width: 0;
michael@0 42 }
michael@0 43
michael@0 44 .newtab-undo-button:hover {
michael@0 45 text-decoration: underline;
michael@0 46 }
michael@0 47
michael@0 48 .newtab-undo-button:-moz-focusring {
michael@0 49 outline: 1px dotted;
michael@0 50 }
michael@0 51
michael@0 52 #newtab-undo-close-button {
michael@0 53 padding: 0;
michael@0 54 border: none;
michael@0 55 }
michael@0 56
michael@0 57 #newtab-undo-close-button > .toolbarbutton-text {
michael@0 58 display: none;
michael@0 59 }
michael@0 60
michael@0 61 #newtab-undo-close-button:-moz-focusring {
michael@0 62 outline: 1px dotted;
michael@0 63 }
michael@0 64
michael@0 65 /* TOGGLE */
michael@0 66 #newtab-toggle {
michael@0 67 width: 16px;
michael@0 68 height: 16px;
michael@0 69 padding: 0;
michael@0 70 border: none;
michael@0 71 background: -216px 0 transparent url(chrome://browser/skin/newtab/controls.png);
michael@0 72 }
michael@0 73
michael@0 74 #newtab-toggle[page-disabled] {
michael@0 75 background-position: -232px 0;
michael@0 76 }
michael@0 77
michael@0 78 @media (min-resolution: 2dppx) {
michael@0 79 #newtab-toggle {
michael@0 80 background-image: url(chrome://browser/skin/newtab/controls@2x.png);
michael@0 81 background-size: 296px;
michael@0 82 }
michael@0 83 }
michael@0 84
michael@0 85 /* ROWS */
michael@0 86 .newtab-row {
michael@0 87 margin-bottom: 20px;
michael@0 88 }
michael@0 89
michael@0 90 .newtab-row:last-child {
michael@0 91 margin-bottom: 0;
michael@0 92 }
michael@0 93
michael@0 94 /* CELLS */
michael@0 95 .newtab-cell {
michael@0 96 -moz-margin-end: 20px;
michael@0 97 background-color: rgba(255,255,255,.2);
michael@0 98 border: 1px solid;
michael@0 99 border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
michael@0 100 border-radius: 1px;
michael@0 101 transition: border-color 100ms ease-out;
michael@0 102 }
michael@0 103
michael@0 104 .newtab-cell:empty {
michael@0 105 border: 1px dashed;
michael@0 106 border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19);
michael@0 107 }
michael@0 108
michael@0 109 .newtab-cell:last-child {
michael@0 110 -moz-margin-end: 0;
michael@0 111 }
michael@0 112
michael@0 113 .newtab-cell:hover:not(:empty):not([dragged]):not([ignorehover]) {
michael@0 114 border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3);
michael@0 115 }
michael@0 116
michael@0 117 /* SITES */
michael@0 118 .newtab-site {
michael@0 119 text-decoration: none;
michael@0 120 transition-property: top, left, opacity, box-shadow, background-color;
michael@0 121 }
michael@0 122
michael@0 123 .newtab-cell:not([ignorehover]) > .newtab-site:hover,
michael@0 124 .newtab-site[dragged] {
michael@0 125 box-shadow: 0 0 10px rgba(8,22,37,.3);
michael@0 126 }
michael@0 127
michael@0 128 .newtab-site[dragged] {
michael@0 129 transition-property: box-shadow, background-color;
michael@0 130 background-color: rgb(242,242,242);
michael@0 131 }
michael@0 132
michael@0 133 /* THUMBNAILS */
michael@0 134 .newtab-thumbnail {
michael@0 135 background-origin: padding-box;
michael@0 136 background-clip: padding-box;
michael@0 137 background-repeat: no-repeat;
michael@0 138 background-size: cover;
michael@0 139 }
michael@0 140
michael@0 141 .newtab-site[type=affiliate] .newtab-thumbnail,
michael@0 142 .newtab-site[type=organic] .newtab-thumbnail,
michael@0 143 .newtab-site[type=sponsored] .newtab-thumbnail {
michael@0 144 background-position: top center;
michael@0 145 background-size: auto;
michael@0 146 }
michael@0 147
michael@0 148 /* TITLES */
michael@0 149 .newtab-title {
michael@0 150 padding: 0 8px;
michael@0 151 background-color: rgba(248,249,251,.95);
michael@0 152 color: #1f364c;
michael@0 153 line-height: 24px;
michael@0 154 }
michael@0 155
michael@0 156 .newtab-site[type=sponsored] .newtab-title {
michael@0 157 -moz-padding-end: 24px;
michael@0 158 }
michael@0 159
michael@0 160 /* CONTROLS */
michael@0 161 .newtab-control {
michael@0 162 width: 24px;
michael@0 163 height: 24px;
michael@0 164 padding: 1px 2px 3px;
michael@0 165 border: none;
michael@0 166 background: transparent url(chrome://browser/skin/newtab/controls.png);
michael@0 167 }
michael@0 168
michael@0 169 @media (min-resolution: 2dppx) {
michael@0 170 .newtab-control {
michael@0 171 background-image: url(chrome://browser/skin/newtab/controls@2x.png);
michael@0 172 background-size: 296px;
michael@0 173 }
michael@0 174 }
michael@0 175
michael@0 176 .newtab-control-pin:hover {
michael@0 177 background-position: -24px 0;
michael@0 178 }
michael@0 179
michael@0 180 .newtab-control-pin:active {
michael@0 181 background-position: -48px 0;
michael@0 182 }
michael@0 183
michael@0 184 .newtab-control-pin[pinned] {
michael@0 185 background-position: -72px 0;
michael@0 186 }
michael@0 187
michael@0 188 .newtab-control-pin[pinned]:hover {
michael@0 189 background-position: -96px 0;
michael@0 190 }
michael@0 191
michael@0 192 .newtab-control-pin[pinned]:active {
michael@0 193 background-position: -120px 0;
michael@0 194 }
michael@0 195
michael@0 196 .newtab-control-block {
michael@0 197 background-position: -144px 0;
michael@0 198 }
michael@0 199
michael@0 200 .newtab-control-block:hover {
michael@0 201 background-position: -168px 0;
michael@0 202 }
michael@0 203
michael@0 204 .newtab-control-block:active {
michael@0 205 background-position: -192px 0;
michael@0 206 }
michael@0 207
michael@0 208 .newtab-control-sponsored {
michael@0 209 background-position: -249px -1px;
michael@0 210 }
michael@0 211
michael@0 212 .newtab-control-sponsored:hover {
michael@0 213 background-position: -265px -1px;
michael@0 214 }
michael@0 215
michael@0 216 .newtab-control-sponsored[panelShown] {
michael@0 217 background-position: -281px -1px;
michael@0 218 }

Mercurial Repository: The Tor Browser

Europalab SCM Repository Server

mercurial