1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/windows/newtab/newTab.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,210 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +:root {
1.9 + -moz-appearance: none;
1.10 + font-size: 75%;
1.11 + background-color: transparent;
1.12 +}
1.13 +
1.14 +/* SCROLLBOX */
1.15 +#newtab-scrollbox:not([page-disabled]),
1.16 +#newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
1.17 + color: rgb(0,0,0);
1.18 + background-color: hsl(0,0%,95%);
1.19 +}
1.20 +
1.21 +/* UNDO */
1.22 +#newtab-undo-container {
1.23 + padding: 4px 3px;
1.24 + border: 1px solid;
1.25 + border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
1.26 + background-color: rgba(255,255,255,.4);
1.27 + color: #525e69;
1.28 +}
1.29 +
1.30 +#newtab-undo-label {
1.31 + margin-top: 0;
1.32 + margin-bottom: 0;
1.33 +}
1.34 +
1.35 +.newtab-undo-button {
1.36 + -moz-appearance: none;
1.37 + color: -moz-nativehyperlinktext;
1.38 + color: rgb(0,102,204);
1.39 + cursor: pointer;
1.40 + padding: 0;
1.41 + margin: 0 4px;
1.42 + border: 0;
1.43 + background: transparent;
1.44 + text-decoration: none;
1.45 + min-width: 0;
1.46 +}
1.47 +
1.48 +.newtab-undo-button:hover {
1.49 + text-decoration: underline;
1.50 +}
1.51 +
1.52 +.newtab-undo-button:-moz-focusring {
1.53 + outline: 1px dotted;
1.54 +}
1.55 +
1.56 +.newtab-undo-button > .button-box {
1.57 + padding: 0;
1.58 +}
1.59 +
1.60 +#newtab-undo-close-button {
1.61 + -moz-appearance: none;
1.62 + padding: 0;
1.63 + border: none;
1.64 +}
1.65 +
1.66 +#newtab-undo-close-button > .toolbarbutton-text {
1.67 + display: none;
1.68 +}
1.69 +
1.70 +#newtab-undo-close-button:-moz-focusring {
1.71 + outline: 1px dotted;
1.72 +}
1.73 +
1.74 +/* TOGGLE */
1.75 +#newtab-toggle {
1.76 + width: 16px;
1.77 + height: 16px;
1.78 + padding: 0;
1.79 + border: none;
1.80 + background: -216px 0 transparent url(chrome://browser/skin/newtab/controls.png);
1.81 +}
1.82 +
1.83 +#newtab-toggle[page-disabled] {
1.84 + background-position: -232px 0;
1.85 +}
1.86 +
1.87 +/* ROWS */
1.88 +.newtab-row {
1.89 + margin-bottom: 20px;
1.90 +}
1.91 +
1.92 +.newtab-row:last-child {
1.93 + margin-bottom: 0;
1.94 +}
1.95 +
1.96 +/* CELLS */
1.97 +.newtab-cell {
1.98 + -moz-margin-end: 20px;
1.99 + background-color: rgba(255,255,255,.2);
1.100 + border: 1px solid;
1.101 + border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
1.102 + border-radius: 1px;
1.103 + transition: border-color 100ms ease-out;
1.104 +}
1.105 +
1.106 +.newtab-cell:empty {
1.107 + border: 1px dashed;
1.108 + border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19);
1.109 +}
1.110 +
1.111 +.newtab-cell:last-child {
1.112 + -moz-margin-end: 0;
1.113 +}
1.114 +
1.115 +.newtab-cell:hover:not(:empty):not([dragged]):not([ignorehover]) {
1.116 + border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3);
1.117 +}
1.118 +
1.119 +/* SITES */
1.120 +.newtab-site {
1.121 + text-decoration: none;
1.122 + transition-property: top, left, opacity, box-shadow, background-color;
1.123 +}
1.124 +
1.125 +.newtab-cell:not([ignorehover]) > .newtab-site:hover,
1.126 +.newtab-site[dragged] {
1.127 + box-shadow: 0 0 10px rgba(8,22,37,.3);
1.128 +}
1.129 +
1.130 +.newtab-site[dragged] {
1.131 + transition-property: box-shadow, background-color;
1.132 + background-color: rgb(242,242,242);
1.133 +}
1.134 +
1.135 +/* THUMBNAILS */
1.136 +.newtab-thumbnail {
1.137 + background-origin: padding-box;
1.138 + background-clip: padding-box;
1.139 + background-repeat: no-repeat;
1.140 + background-size: cover;
1.141 +}
1.142 +
1.143 +.newtab-site[type=affiliate] .newtab-thumbnail,
1.144 +.newtab-site[type=organic] .newtab-thumbnail,
1.145 +.newtab-site[type=sponsored] .newtab-thumbnail {
1.146 + background-position: top center;
1.147 + background-size: auto;
1.148 +}
1.149 +
1.150 +/* TITLES */
1.151 +.newtab-title {
1.152 + padding: 0 8px;
1.153 + background-color: rgba(248,249,251,.95);
1.154 + color: #1f364c;
1.155 + line-height: 24px;
1.156 +}
1.157 +
1.158 +.newtab-site[type=sponsored] .newtab-title {
1.159 + -moz-padding-end: 24px;
1.160 +}
1.161 +
1.162 +/* CONTROLS */
1.163 +.newtab-control {
1.164 + width: 24px;
1.165 + height: 24px;
1.166 + padding: 1px 2px 3px;
1.167 + border: none;
1.168 + background: transparent url(chrome://browser/skin/newtab/controls.png);
1.169 +}
1.170 +
1.171 +.newtab-control-pin:hover {
1.172 + background-position: -24px 0;
1.173 +}
1.174 +
1.175 +.newtab-control-pin:active {
1.176 + background-position: -48px 0;
1.177 +}
1.178 +
1.179 +.newtab-control-pin[pinned] {
1.180 + background-position: -72px 0;
1.181 +}
1.182 +
1.183 +.newtab-control-pin[pinned]:hover {
1.184 + background-position: -96px 0;
1.185 +}
1.186 +
1.187 +.newtab-control-pin[pinned]:active {
1.188 + background-position: -120px 0;
1.189 +}
1.190 +
1.191 +.newtab-control-block {
1.192 + background-position: -144px 0;
1.193 +}
1.194 +
1.195 +.newtab-control-block:hover {
1.196 + background-position: -168px 0;
1.197 +}
1.198 +
1.199 +.newtab-control-block:active {
1.200 + background-position: -192px 0;
1.201 +}
1.202 +
1.203 +.newtab-control-sponsored {
1.204 + background-position: -249px -1px;
1.205 +}
1.206 +
1.207 +.newtab-control-sponsored:hover {
1.208 + background-position: -265px -1px;
1.209 +}
1.210 +
1.211 +.newtab-control-sponsored[panelShown] {
1.212 + background-position: -281px -1px;
1.213 +}
