1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/osx/newtab/newTab.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,218 @@
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: rgb(20,79,174);
1.38 + cursor: pointer;
1.39 + padding: 0;
1.40 + margin: 0 4px;
1.41 + border: 0;
1.42 + background: transparent;
1.43 + text-decoration: none;
1.44 + min-width: 0;
1.45 +}
1.46 +
1.47 +.newtab-undo-button:hover {
1.48 + text-decoration: underline;
1.49 +}
1.50 +
1.51 +.newtab-undo-button:-moz-focusring {
1.52 + outline: 1px dotted;
1.53 +}
1.54 +
1.55 +#newtab-undo-close-button {
1.56 + padding: 0;
1.57 + border: none;
1.58 +}
1.59 +
1.60 +#newtab-undo-close-button > .toolbarbutton-text {
1.61 + display: none;
1.62 +}
1.63 +
1.64 +#newtab-undo-close-button:-moz-focusring {
1.65 + outline: 1px dotted;
1.66 +}
1.67 +
1.68 +/* TOGGLE */
1.69 +#newtab-toggle {
1.70 + width: 16px;
1.71 + height: 16px;
1.72 + padding: 0;
1.73 + border: none;
1.74 + background: -216px 0 transparent url(chrome://browser/skin/newtab/controls.png);
1.75 +}
1.76 +
1.77 +#newtab-toggle[page-disabled] {
1.78 + background-position: -232px 0;
1.79 +}
1.80 +
1.81 +@media (min-resolution: 2dppx) {
1.82 + #newtab-toggle {
1.83 + background-image: url(chrome://browser/skin/newtab/controls@2x.png);
1.84 + background-size: 296px;
1.85 + }
1.86 +}
1.87 +
1.88 +/* ROWS */
1.89 +.newtab-row {
1.90 + margin-bottom: 20px;
1.91 +}
1.92 +
1.93 +.newtab-row:last-child {
1.94 + margin-bottom: 0;
1.95 +}
1.96 +
1.97 +/* CELLS */
1.98 +.newtab-cell {
1.99 + -moz-margin-end: 20px;
1.100 + background-color: rgba(255,255,255,.2);
1.101 + border: 1px solid;
1.102 + border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
1.103 + border-radius: 1px;
1.104 + transition: border-color 100ms ease-out;
1.105 +}
1.106 +
1.107 +.newtab-cell:empty {
1.108 + border: 1px dashed;
1.109 + border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19);
1.110 +}
1.111 +
1.112 +.newtab-cell:last-child {
1.113 + -moz-margin-end: 0;
1.114 +}
1.115 +
1.116 +.newtab-cell:hover:not(:empty):not([dragged]):not([ignorehover]) {
1.117 + border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3);
1.118 +}
1.119 +
1.120 +/* SITES */
1.121 +.newtab-site {
1.122 + text-decoration: none;
1.123 + transition-property: top, left, opacity, box-shadow, background-color;
1.124 +}
1.125 +
1.126 +.newtab-cell:not([ignorehover]) > .newtab-site:hover,
1.127 +.newtab-site[dragged] {
1.128 + box-shadow: 0 0 10px rgba(8,22,37,.3);
1.129 +}
1.130 +
1.131 +.newtab-site[dragged] {
1.132 + transition-property: box-shadow, background-color;
1.133 + background-color: rgb(242,242,242);
1.134 +}
1.135 +
1.136 +/* THUMBNAILS */
1.137 +.newtab-thumbnail {
1.138 + background-origin: padding-box;
1.139 + background-clip: padding-box;
1.140 + background-repeat: no-repeat;
1.141 + background-size: cover;
1.142 +}
1.143 +
1.144 +.newtab-site[type=affiliate] .newtab-thumbnail,
1.145 +.newtab-site[type=organic] .newtab-thumbnail,
1.146 +.newtab-site[type=sponsored] .newtab-thumbnail {
1.147 + background-position: top center;
1.148 + background-size: auto;
1.149 +}
1.150 +
1.151 +/* TITLES */
1.152 +.newtab-title {
1.153 + padding: 0 8px;
1.154 + background-color: rgba(248,249,251,.95);
1.155 + color: #1f364c;
1.156 + line-height: 24px;
1.157 +}
1.158 +
1.159 +.newtab-site[type=sponsored] .newtab-title {
1.160 + -moz-padding-end: 24px;
1.161 +}
1.162 +
1.163 +/* CONTROLS */
1.164 +.newtab-control {
1.165 + width: 24px;
1.166 + height: 24px;
1.167 + padding: 1px 2px 3px;
1.168 + border: none;
1.169 + background: transparent url(chrome://browser/skin/newtab/controls.png);
1.170 +}
1.171 +
1.172 +@media (min-resolution: 2dppx) {
1.173 + .newtab-control {
1.174 + background-image: url(chrome://browser/skin/newtab/controls@2x.png);
1.175 + background-size: 296px;
1.176 + }
1.177 +}
1.178 +
1.179 +.newtab-control-pin:hover {
1.180 + background-position: -24px 0;
1.181 +}
1.182 +
1.183 +.newtab-control-pin:active {
1.184 + background-position: -48px 0;
1.185 +}
1.186 +
1.187 +.newtab-control-pin[pinned] {
1.188 + background-position: -72px 0;
1.189 +}
1.190 +
1.191 +.newtab-control-pin[pinned]:hover {
1.192 + background-position: -96px 0;
1.193 +}
1.194 +
1.195 +.newtab-control-pin[pinned]:active {
1.196 + background-position: -120px 0;
1.197 +}
1.198 +
1.199 +.newtab-control-block {
1.200 + background-position: -144px 0;
1.201 +}
1.202 +
1.203 +.newtab-control-block:hover {
1.204 + background-position: -168px 0;
1.205 +}
1.206 +
1.207 +.newtab-control-block:active {
1.208 + background-position: -192px 0;
1.209 +}
1.210 +
1.211 +.newtab-control-sponsored {
1.212 + background-position: -249px -1px;
1.213 +}
1.214 +
1.215 +.newtab-control-sponsored:hover {
1.216 + background-position: -265px -1px;
1.217 +}
1.218 +
1.219 +.newtab-control-sponsored[panelShown] {
1.220 + background-position: -281px -1px;
1.221 +}
