mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-25 11:28:54 +01:00
2 lines
17 KiB
CSS
2 lines
17 KiB
CSS
|
body{overflow-x:hidden}.animated{-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:0.75s;animation-duration:0.75s}*{color:var(--text-secondary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}.divider{flex-grow:1}.max-lines-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.max-lines-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}html{background-color:var(--app-background)}.logo{color:var(--text-primary) !important;text-decoration:none;font-size:larger}.guide{grid-area:guide;background-color:var(--guide-background);color:var(--text-primary);width:300px;height:100%;min-height:calc(100vh - 56px)}.account{width:56px;height:56px;display:flex;align-items:center;justify-content:center}a.icon-button,a.icon-button > img{width:32px;height:32px}.account-menu{display:none;background-color:var(--context-menu-background)}.account-menu > .guide-item{background-color:var(--context-menu-background)}.account:hover .account-menu{display:block;position:absolute;top:56px;right:0;width:250px;background-color:#fff;border:1px solid var(--border-color)}.account:hover{background-color:var(--context-menu-background)}.app{grid-area:app;background-color:var(--app-background)}.noguide > .guide{display:none}.guide-item:hover{background-color:var(--item-hover-background)}.guide-item > a{height:40px;padding:0 24px;display:flex;align-items:center;color:var(--text-primary);text-decoration:none}.guide-item > a > .icon{height:24px;width:24px;margin-right:24px;line-height:24px;text-align:center}.guide-item.active{background-color:var(--item-active-background)}.guide hr{color:#fff}.guide > p{padding:16px 24px;font-size:small;font-weight:bold}.guide > p > a{color:var(--text-secondary);text-decoration:none}.guide.minmode{width:72px}.guide.minmode > .guide-item{padding-top:16px;padding-bottom:14px}.guide.minmode > .guide-item > a{height:40px;padding:0 24px;display:flex;text-align:center;flex-direction:column;font-size:x-small;align-items:center;color:var(--text-primary);text-decoration:none;justify-content:center}.guide.minmode > .guide-item > a > .icon{font-size:initial;margin-right:0}.guide.minmode > .hide-on-minmode{display:none}.guide > .show-on-minmode{display:none}.guide.minmode > .show-on-minmode{display:block}@media screen and (max-width: 600px){.guide,.top-bar > form{display:none}.search-button{display:block !important}}.watch-page{margin:24px;display:flex;flex-direction:row}@media screen and (max-width: 1000px){.watch-page{flex-direction:column}.video-info{display:grid;grid-auto-rows:1fr;grid-template-columns:1fr;grid-template-rows:max-content max-content max-content;gap:8px;grid-template-areas:"title" "info" "buttons"}.recommended-list{width:calc(100vw - 48px) !important}}@media screen and (min-width: 1000px){.video-info{display:grid;grid-auto-rows:1fr;grid-template-columns:615px 1fr max-content;grid-template-rows:ma
|