1c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch/* Most Visited */ 2c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 33345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick#most-visited-maxiview { 4c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch position: relative; 5c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch height: 366px; 6c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-user-select: none; 7c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 8c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 9c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container { 10c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch position: absolute; 11c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch color: hsl(213, 90%, 24%); 12c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch text-decoration: none; 13c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition: left .15s, right .15s, top .15s; 14c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch text-decoration: none; 15c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 16c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 17c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container:focus { 18c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch outline: none; 19c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 20c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 21c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail, 22c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container > .title { 23c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch width: 207px; /* natural size is 196 */ 24c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch height: 129px; /* 136 */ 25c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition: width .15s, height .15s; 26c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 27c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 28c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container > .title { 29c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch line-height: 16px; 30c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch height: 16px; 31c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch margin: 0; 32c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch margin-top: 4px; 33c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch font-size: 100%; 34c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch font-weight: normal; 35c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch padding: 0 3px; 36c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch opacity: 1; 37c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition: opacity .15s, width .15s; 38c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch color: black; 39c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 40c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 41c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-wrapper { 42c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch display: block; 43c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-size: 212px 132px; 44c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background: no-repeat 4px 4px; 45c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-color: white; 46c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border-radius: 5px; 47c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition: background-size .15s; 48c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch position: relative; 49c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 50c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 51c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.filler * { 52c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch visibility: hidden; 53c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 54c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 55c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.filler { 56c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch pointer-events: none; 57c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 58c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 59c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.filler .thumbnail-wrapper { 60c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch visibility: visible; 61c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border: 3px solid hsl(213, 60%, 92%); 62c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 63c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 64c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.filler .thumbnail { 65c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch visibility: inherit; 66c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border: 1px solid white; 67c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch padding: 0; 68c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-color: hsl(213, 60%, 92%); 69c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 70c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 71c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar { 72c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch display: -webkit-box; 73c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-box-orient: horizontal; 74c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-box-align: stretch; 75c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch padding: 3px; 76c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch padding-bottom: 0; 77c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch height: 17px; /* 23 - 2 * 3 */ 78c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch cursor: move; 79c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch font-size: 100%; 80c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch line-height: 17px; 81c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background: hsl(213, 54%, 95%); 82c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border-top-left-radius: 4px; 83c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border-top-right-radius: 4px; 84c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch position: relative; 85c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch margin-top: 21px; 86c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch margin-bottom: -21px; 87c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition: margin .15s, background .15s; 88c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 89c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 90c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > * { 91c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch display: block; 92c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch position: relative; 93c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 94c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 95c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container:focus .edit-bar, 96c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container:hover .edit-bar { 97c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch margin-top: 0; 98c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch margin-bottom: 0; 99c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition-delay: .5s, 0s; 100c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 101c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch /* We need background-color as well to get the fade out animation correct */ 102c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-color: hsl(213, 66%, 57%); 1033f50c38dc070f4bb515c1b64450dae14f316474eKristian Monsen background-image: -webkit-linear-gradient(hsl(213, 87%, 67%), 1043f50c38dc070f4bb515c1b64450dae14f316474eKristian Monsen hsl(213, 66%, 57%)); 105c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 106c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 107c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > .spacer { 108c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-box-flex: 1; 109c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 110c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 111c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > .pin, 112c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > .remove { 113c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch width: 16px; 114c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch height: 16px; 115c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch cursor: pointer; 116c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: no-repeat 50% 50%; 117c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 118c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 119c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > .pin { 120c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: url('ntp_pin_off.png'); 121c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 122c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 123c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > .pin:hover { 124c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: url('ntp_pin_off_h.png'); 125c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 126c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 127c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > .pin:active { 128c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: url('ntp_pin_off_p.png'); 129c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 130c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 131c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.pinned .edit-bar > .pin { 132c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: url('ntp_pin_on.png'); 133c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 134c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 135c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.pinned .edit-bar > .pin:hover { 136c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: url(ntp_pin_on_h.png'); 137c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 138c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 139c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.pinned .edit-bar > .pin:active { 140c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: url(ntp_pin_on_p.png'); 141c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 142c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 143c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > .remove { 144c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: url('ntp_close.png'); 145c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 146c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 147c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > .remove:hover { 148c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: url('ntp_close_h.png'); 149c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 150c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 151c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-bar > .remove:active { 152c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-image: url('ntp_close_p.png'); 153c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 154c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 155c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container > .title > div { 156c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch white-space: nowrap; 157c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch overflow: hidden; 158c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch text-overflow: ellipsis; 159c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background: no-repeat 0 50%; 160c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-size: 16px; 161c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch padding-left: 20px; /* we cannot use padding start here because even if we set 162c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch the direction we always want the icon on the same side 163c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch */ 164c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch padding-right: 0; 165c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 166c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 167c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdochhtml[dir=rtl] .thumbnail-container > .title > div { 168c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-position-x: 100%; 169c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch padding-left: 0; 170c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch padding-right: 20px; 171c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch text-align: right; 172c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 173c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 174c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail { 175c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border: 3px solid hsl(213, 63%, 93%); 176c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch padding: 1px; 177c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border-radius: 5px; 178c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch display: block; 179c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-box-shadow: 0px 2px 2px hsla(0, 0%, 0%, 0); 180c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition: width .15s, height .15s, border-color .15s, 181c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border-top-left-radius .15s, border-top-right-radius .15s, 182c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-box-shadow .15s; 183c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 184c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 185c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.edit-mode-border { 186c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border-radius: 4px; 187c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 188c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch /* when dragged over we move this */ 189c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch position: relative; 190c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition: top .15s, left .15s; 191c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 192c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 193c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container:focus .thumbnail, 194c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container:hover .thumbnail { 195c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch border-color: hsl(213, 66%, 57%); 196c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-box-shadow: 0px 2px 2px hsla(0, 0%, 0%, 0); 19721d179b334e59e9a3bfcaed4c4430bef1bc5759dKristian Monsen border-top-left-radius: 0; 19821d179b334e59e9a3bfcaed4c4430bef1bc5759dKristian Monsen border-top-right-radius: 0; 199c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 2003f50c38dc070f4bb515c1b64450dae14f316474eKristian Monsen background-image: -webkit-linear-gradient(hsla(0, 0%, 0%, 0), 2013f50c38dc070f4bb515c1b64450dae14f316474eKristian Monsen hsla(0, 0%, 47%, 0) 85%, 2023f50c38dc070f4bb515c1b64450dae14f316474eKristian Monsen hsla(0, 0%, 47%, 0.2)); 203c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 204c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch /* delay border radius transition as much as the edit bar slide delay */ 205c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition-delay: 0, 0, 0, .5s, .5s, 0; 206c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 207c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 208c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container:focus > .edit-mode-border, 209c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.thumbnail-container:hover > .edit-mode-border { 210c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-color: hsl(213, 66%, 57%); 211c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-box-shadow: 0px 2px 2px hsla(0, 0%, 0%, .5); 212c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 213c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 214c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.dragging, 215c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.dragging * { 216c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-transition: none !important; 217c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 218c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 219c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.dragging > .title { 220c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch opacity: 0; 221c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 222c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 223c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch@-webkit-keyframes 'fade-in' { 224c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 0% { 225c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch opacity: 0; 226c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch } 227c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 228c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 100% { 229c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch opacity: 1; 230c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch } 231c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 232c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 233c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch.fade-in { 234c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch -webkit-animation: 'fade-in' .15s; 235c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 236c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 237c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch@media (max-width: 940px) { 2383345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick #most-visited-maxiview { 239c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch height: 294px; 240c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch } 241c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 242c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch .thumbnail, 243c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch .thumbnail-container > .title { 244c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch width: 150px; 245c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch height: 93px; 246c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch } 247c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 248c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch .thumbnail-container > .title { 249c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch height: auto; 250c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch } 251c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch 252c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch .thumbnail-wrapper { 253c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch background-size: 150px 93px; 254c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch } 255c407dc5cd9bdc5668497f21b26b09d988ab439deBen Murdoch} 2563345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick 2573345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick#most-visited-settings { 2583345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick position: absolute; 2593345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick top: 1px; 2603345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick right: 0; 2613345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick border: 0; 2623345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick cursor: pointer; 2633345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick font-size: 70%; 2643345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick margin: 0; 2653345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick padding: 0; 2663345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick text-decoration: underline; 2673345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick visibility: hidden; 2683345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick -webkit-padding-start: 3px; 2693345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick z-index: 3; 2703345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick} 2713345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick 2723345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrickhtml[dir=rtl] #most-visited-settings { 2733345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick left: 0; 2743345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick right: auto; 2753345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick} 2763345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick 27772a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen#most-visited:not(.collapsed) #most-visited-settings.has-blacklist { 2783345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick visibility: visible; 2793345a6884c488ff3a535c2c9acdd33d74b37e311Iain Merrick} 280