OLD | NEW |
(Empty) | |
| 1 /* Copyright 2013 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ |
| 4 body { |
| 5 background-attachment: fixed !important |
| 6 } |
| 7 |
| 8 #most-visited { |
| 9 -webkit-user-select: none; |
| 10 margin-top: 60px; |
| 11 text-align: -webkit-center; |
| 12 } |
| 13 |
| 14 .custom-theme .mv-title, |
| 15 .custom-theme #mv-msg { |
| 16 color: #fff; |
| 17 text-shadow: black 0 1px 3px; |
| 18 } |
| 19 |
| 20 .custom-theme #mv-notice-links span { |
| 21 color: #fff; |
| 22 text-shadow: rgb(17, 85, 204) 0 1px 3px; |
| 23 } |
| 24 |
| 25 #mv-tiles { |
| 26 /* Use GPU compositing if available. */ |
| 27 -webkit-transform: translate3d(0, 0, 0); |
| 28 -webkit-transition: width 200ms; |
| 29 height: 120px; |
| 30 overflow: hidden; |
| 31 white-space: nowrap; |
| 32 width: 304px; |
| 33 } |
| 34 |
| 35 @media only screen and (min-width:666px) { |
| 36 #mv-tiles { |
| 37 width: 466px; |
| 38 } |
| 39 } |
| 40 |
| 41 @media only screen and (min-width:829px) { |
| 42 #mv-tiles { |
| 43 width: 629px; |
| 44 } |
| 45 } |
| 46 |
| 47 .mv-tile:first-child { |
| 48 -webkit-margin-start: 0; |
| 49 } |
| 50 |
| 51 .mv-tile { |
| 52 -webkit-margin-start: 20px; |
| 53 -webkit-transform: translate3d(0, 0, 0); |
| 54 -webkit-transition-duration: 200ms; |
| 55 -webkit-transition-property: -webkit-transform, margin, opacity, width; |
| 56 display: inline-block; |
| 57 height: 85px; |
| 58 width: 140px; |
| 59 } |
| 60 |
| 61 .mv-tile.mv-tile-hide { |
| 62 -webkit-margin-end: -10px; |
| 63 opacity: 0; |
| 64 width: 10px; |
| 65 } |
| 66 |
| 67 /* Class applied to tiles to trigger the blacklist animation. */ |
| 68 .mv-tile.mv-blacklist { |
| 69 -webkit-margin-start: 0; |
| 70 -webkit-transform: scale(0.5); |
| 71 opacity: 0; |
| 72 width: 0; |
| 73 } |
| 74 |
| 75 .mv-filler { |
| 76 background: -webkit-linear-gradient(#f2f2f2, #e8e8e8); |
| 77 border: 1px solid #e0e0e0; |
| 78 border-radius: 3px; |
| 79 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09); |
| 80 } |
| 81 |
| 82 .mv-page { |
| 83 background: #fff; |
| 84 border: 1px solid #c0c0c0; |
| 85 border-radius: 2px; |
| 86 box-shadow: 0 1px 0 rgba(255, 255, 255, .7); |
| 87 cursor: pointer; |
| 88 } |
| 89 |
| 90 .mv-page:hover { |
| 91 border-color: #7f7f7f |
| 92 } |
| 93 |
| 94 .mv-thumb { |
| 95 background-size: 140px 85px; |
| 96 height: 100%; |
| 97 width: 100%; |
| 98 } |
| 99 |
| 100 .mv-title { |
| 101 bottom: -28px; |
| 102 color: #777; |
| 103 position: absolute; |
| 104 width: 100%; |
| 105 } |
| 106 |
| 107 .mv-x-hide .mv-x { |
| 108 display: none; |
| 109 } |
| 110 |
| 111 /* An X button to blacklist a tile or hide the notification. */ |
| 112 .mv-x { |
| 113 background: transparent url(images/close_bar.png); |
| 114 border: none; |
| 115 cursor: default; |
| 116 height: 16px; |
| 117 width: 16px; |
| 118 } |
| 119 |
| 120 .mv-x:hover { |
| 121 background: transparent url(images/close_bar_hover.png); |
| 122 } |
| 123 |
| 124 .mv-x:active { |
| 125 background: transparent url(images/close_bar_active.png); |
| 126 } |
| 127 |
| 128 .mv-page .mv-x { |
| 129 -webkit-transition: opacity 500ms ease-in-out; |
| 130 opacity: 0; |
| 131 position: absolute; |
| 132 right: 2px; |
| 133 top: 2px; |
| 134 } |
| 135 |
| 136 .mv-page:hover .mv-x { |
| 137 -webkit-transition-delay: 500ms; |
| 138 opacity: 1; |
| 139 } |
| 140 |
| 141 .mv-domain { |
| 142 bottom: 24px; |
| 143 color: #777; |
| 144 margin: 0 7px; |
| 145 position: absolute; |
| 146 } |
| 147 |
| 148 .mv-favicon { |
| 149 bottom: -8px; |
| 150 height: 16px; |
| 151 left: 61px; |
| 152 position: absolute; |
| 153 width: 16px; |
| 154 } |
| 155 |
| 156 /* The notification shown when a tile is blacklisted. */ |
| 157 #mv-notice { |
| 158 font-family: Arial; |
| 159 font-size: 75%; |
| 160 font-weight: bold; |
| 161 opacity: 1; |
| 162 padding: 10px 0; |
| 163 } |
| 164 |
| 165 #mv-notice span { |
| 166 cursor: default; |
| 167 } |
| 168 |
| 169 /* Links in the notification. */ |
| 170 #mv-notice-links span { |
| 171 -webkit-margin-start: 6px; |
| 172 color: rgb(17, 85, 204); |
| 173 cursor: pointer; |
| 174 padding: 0 4px; |
| 175 } |
| 176 |
| 177 #mv-notice-links span:hover { |
| 178 text-decoration: underline; |
| 179 } |
| 180 |
| 181 #mv-notice-links .mv-x { |
| 182 -webkit-margin-start: 8px; |
| 183 vertical-align: top; |
| 184 } |
| 185 |
| 186 #mv-notice.mv-notice-delayed-hide { |
| 187 -webkit-transition-delay: 10s; |
| 188 -webkit-transition-property: opacity; |
| 189 opacity: 0; |
| 190 } |
| 191 |
| 192 #mv-notice.mv-notice-hide { |
| 193 visibility: hidden; |
| 194 } |
OLD | NEW |