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