* { font-family: arial, sans-serif; } h1, h2, h3 { margin: 0; } a { text-decoration: none; } .title { color: #333; font-size: 13px; font-weight: bold; line-height: 1.2em; } .meta { color: #999; font-size: 11px; line-height: 1.4em; } /* Ellipsis support. */ @supports (-webkit-line-clamp: 2) { .ellipsis-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.4em; overflow: hidden; } .ellipsis-2:after { display: none; } } /* "Watch page"-like card layout. */ .yt-card { background: #fff; padding: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.1); } .yt-card-group { margin-top: 10px; } .yt-card-group .yt-card:not(:last-child) { margin-bottom: 10px; } /* "Watch page"-like scrollbar styling. */ .yt-scrollbar-dark::-webkit-scrollbar-thumb { background: #ccc; } .yt-scrollbar-dark::-webkit-scrollbar-thumb:hover { background: #777; } .yt-scrollbar-dark::-webkit-scrollbar { width: 10px; height: 9px; } .yt-scrollbar-dark::-webkit-scrollbar-track { border-left-color: #434343; background: #434343; -webkit-box-shadow: inset 0 0 1px #434343; } .yt-scrollbar-dark::-webkit-scrollbar-track:hover { border-left-color: #8e8e8e; background: #8e8e8e; } .yt-scrollbar-dark::-webkit-scrollbar { -webkit-box-shadow: inset 0 0 1px #000; } .yt-scrollbar-dark::-webkit-scrollbar-thumb:hover { background: #1b1b1b; }