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-noti-lks span { |
| 21 color: #fff; |
| 22 text-shadow: #1155cc 0 1px 3px; |
| 23 } |
| 24 |
| 25 #mv-tiles { |
| 26 -webkit-transform: translate3d(0, 0, 0); |
| 27 -webkit-transition: width 200ms; |
| 28 height: 120px; |
| 29 overflow: hidden; |
| 30 white-space: nowrap; |
| 31 width: 304px; |
| 32 } |
| 33 |
| 34 @media only screen and (min-width:666px) { |
| 35 #mv-tiles { |
| 36 width: 466px; |
| 37 } |
| 38 } |
| 39 |
| 40 @media only screen and (min-width:829px) { |
| 41 #mv-tiles { |
| 42 width: 629px; |
| 43 } |
| 44 } |
| 45 .mv-tile:first-child { |
| 46 -webkit-margin-start: 0; |
| 47 } |
| 48 .mv-tile { |
| 49 -webkit-margin-start: 20px; |
| 50 -webkit-transform: translate3d(0, 0, 0); |
| 51 -webkit-transition: margin 200ms; |
| 52 -webkit-transition-property: margin, opacity, width, -webkit-transform; |
| 53 display: inline-block; |
| 54 height: 85px; |
| 55 width: 140px; |
| 56 } |
| 57 .mv-tile.mv-tile-hide { |
| 58 -webkit-margin-end: -10px; |
| 59 opacity: 0; |
| 60 width: 10px; |
| 61 } |
| 62 .mv-tile.mv-bl { |
| 63 -webkit-margin-start: 0; |
| 64 -webkit-transform: scale(0.5); |
| 65 opacity: 0; |
| 66 width: 0; |
| 67 } |
| 68 .mv-filler { |
| 69 background: -webkit-linear-gradient(#f2f2f2, #e8e8e8); |
| 70 border: 1px solid #e0e0e0; |
| 71 border-radius: 3px; |
| 72 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09); |
| 73 } |
| 74 .mv-page { |
| 75 background: #fff; |
| 76 border: 1px solid #c0c0c0; |
| 77 border-radius: 2px; |
| 78 box-shadow: 0 1px 0 rgba(255, 255, 255, .7); |
| 79 cursor: pointer; |
| 80 } |
| 81 .mv-page:hover { |
| 82 border-color: #7f7f7f |
| 83 } |
| 84 .mv-thumb { |
| 85 background-size: 140px 85px; |
| 86 height: 100%; |
| 87 width: 100%; |
| 88 } |
| 89 .mv-title { |
| 90 bottom: -28px; |
| 91 color: #777; |
| 92 position: absolute; |
| 93 width: 100%; |
| 94 } |
| 95 .mv-x-hide .mv-x { |
| 96 display: none; |
| 97 } |
| 98 .mv-x { |
| 99 background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAA
AAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfv
wZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs
+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==); |
| 100 border: none; |
| 101 cursor: default; |
| 102 height: 16px; |
| 103 width: 16px; |
| 104 } |
| 105 .mv-x:hover { |
| 106 background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAA
AAAQCAQAAAC1+jfqAAAAqklEQVR4XqWRMQ6DMAxF/1Fyilyj2SmIBUG5QcTCyJA5Z8jGhlBPgRi4TmoD
raVmKFJlWYrlp/g5QfwRlwEVNWVa4WzfH9jK6kCkEkBjwxOhLghheMWMELUAqqwQ4OCbnE4LJnhr5IYd
qQt4DJQjhe9u4vBBmnxHHNzRFkDGjHDo0VuTAqy2vAG4NkvXXDHxbGsIGlj3e835VFNtdugma/Jk0eXq
0lP//5svi4PtO01oFfYAAAAASUVORK5CYII=); |
| 107 } |
| 108 .mv-page .mv-x { |
| 109 -webkit-transition: opacity 500ms ease-in-out; |
| 110 opacity: 0; |
| 111 position: absolute; |
| 112 right: 2px; |
| 113 top: 2px; |
| 114 } |
| 115 .mv-page:hover .mv-x { |
| 116 -webkit-transition-delay: 500ms; |
| 117 opacity: 1; |
| 118 } |
| 119 .mv-domain { |
| 120 bottom: 24px; |
| 121 color: #777; |
| 122 margin: 0 7px; |
| 123 position: absolute; |
| 124 width: 88%; |
| 125 } |
| 126 .mv-fav { |
| 127 bottom: -8px; |
| 128 height: 16px; |
| 129 left: 61px; |
| 130 position: absolute; |
| 131 width: 16px; |
| 132 } |
| 133 #mv-noti { |
| 134 font: bold 12px Arial; |
| 135 padding: 10px 0; |
| 136 } |
| 137 #mv-noti span { |
| 138 cursor: default; |
| 139 } |
| 140 #mv-noti-lks span { |
| 141 -webkit-margin-start: 6px; |
| 142 color: #1155cc; |
| 143 cursor: pointer; |
| 144 padding: 0 4px; |
| 145 } |
| 146 #mv-noti-lks span:hover { |
| 147 text-decoration: underline; |
| 148 } |
| 149 #mv-noti-lks .mv-x { |
| 150 -webkit-margin-start: 8px; |
| 151 vertical-align: top; |
| 152 } |
| 153 #mv-noti.mv-noti-hide { |
| 154 visibility: hidden; |
| 155 } |
OLD | NEW |