mirror of
https://github.com/2ec0b4/kaamelott-soundboard.git
synced 2025-12-08 15:43:24 +00:00
1 line
7.3 KiB
CSS
1 line
7.3 KiB
CSS
*{font-family:Helvetica Neue,Helvetica,sans-serif;box-sizing:border-box}body,html{height:100%;margin:0;padding:0}html{font-size:16px}body{background:#3f3552;color:#fefdfd;font-size:100%;font-weight:300;line-height:1.3;-webkit-font-smoothing:antialiased}::selection{background:#cb4d59;color:#fefdfd;text-shadow:none}::-moz-selection{background:#cb4d59;color:#fefdfd;text-shadow:none}.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}p,ul{margin:0 0 15px}ul{list-style:disc outside;padding:0 0 0 15px}ol{list-style:outside decimal;margin:0 0 15px 20px;padding:0}img{height:auto;max-width:100%}em{font-style:italic}strong{font-weight:700}a:link{color:#cb4d59;font-weight:600;text-decoration:underline}a:visited{color:#cb4d59;font-weight:300}a:active,a:focus,a:hover{text-decoration:none}::-webkit-input-placeholder{opacity:1}:-moz-placeholder,::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}header h1{font-size:3em;margin:.5em;text-align:center}.likely{opacity:0}footer{height:40px;text-align:center}footer .likely{margin-top:8px}@keyframes a{0%{background-color:none;border-color:none}50%{background-color:#fbf8b2;border-color:#fbf8b2}to{background-color:none;border-color:none}}.flash{-moz-animation:a 1s ease-out;-moz-animation-iteration-count:1;-webkit-animation:a 1s ease-out;-webkit-animation-iteration-count:1;-ms-animation:a 1s ease-out;-ms-animation-iteration-count:1;-o-animation:a 1s ease-out;-o-animation-iteration-count:1;animation:a 1s ease-out;animation-iteration-count:1}@keyframes b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uil-ring-css{background:none;position:relative;width:200px;height:200px}.uil-ring-css>div{position:absolute;display:block;width:160px;height:160px;top:20px;left:20px;border-radius:80px;box-shadow:0 6px 0 0 #fefdfd;animation:b 1s linear infinite}.ribbo,.ribbon:link{font-size:13px;height:12.1em;overflow:hidden;pointer-events:none;position:absolute;right:0;text-decoration:none;text-indent:-999999px;top:0;width:12.1em;z-index:3}.ribbon:after,.ribbon:before{display:block;position:absolute;height:1.54em;top:3.23em;right:-3.23em;width:15.38em;transform:rotate(45deg)}.ribbon:before{content:"";background-color:#cb4d59;padding:.38em 0;pointer-events:auto;box-shadow:0 .15em .23em 0 rgba(0,0,0,.5)}.ribbon:after{content:attr(title);color:#fff;font-size:1em;line-height:1.54em;margin:.15em 0;padding:.15em 0;text-decoration:none;text-shadow:0 -.08em rgba(0,0,0,.5);text-align:center;text-indent:0}::-webkit-input-placeholder{color:#aeaeae}:-moz-placeholder,::-moz-placeholder{color:#aeaeae}:-ms-input-placeholder{color:#aeaeae}label{display:none}input{margin:0}input[type=text],textarea{background:#fff;border:1px solid #dedede;border-radius:0;box-shadow:none;color:#555;display:inline-block;font-size:14px;line-height:1.42857;outline:none;padding:6px 12px}input[type=text]{height:34px}.btn,.btn:focus,.btn:hover,a.btn,a.btn:focus,a.btn:hover{background-color:#cb4d59;background-image:none;border:0;border-bottom:3px solid #8b121e;border-radius:0;color:#fefdfd;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857;outline:none;padding:5px 20px;position:relative;text-decoration:none;vertical-align:top;white-space:nowrap;-moz-user-select:none;-webkit-appearance:none}.btn-play,.btn-play:focus,.btn-play:hover,a.btn-play,a.btn-play:focus,a.btn-play:hover{background:#18ae90;border-bottom:3px solid #017f66;padding:10px 30px}a.btn-play:before{content:"";background:url(../img/play.dc58697b.svg) no-repeat 50%;font-size:1em;height:30px;left:0;position:absolute;top:5px;width:30px}a.btn-play.playing:before{background:url(../img/stop.41fcac00.svg) no-repeat 50%}.btn-share,.btn-share:focus,.btn-share:hover,a.btn-share,a.btn-share:focus,a.btn-share:hover{background:#18ae90;border-bottom:3px solid #017f66;padding:5px;position:absolute;top:0}a.btn-share:before{content:"";background:url(../img/share-arrow.b5a5d349.svg) no-repeat 50%;font-size:1em;height:24px;left:10px;position:absolute;top:8px;width:24px}.btn:active,a.btn:active{top:3px;border-bottom:0}.reset,.reset:focus,.reset:hover,a.reset,a.reset:focus,a.reset:hover{background-color:#cb4d59;background-image:none;border:0;border-bottom:3px solid #8b121e;border-radius:0;color:#fefdfd;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857;outline:none;padding:5px 20px;position:relative;text-decoration:none;vertical-align:top;white-space:nowrap;-moz-user-select:none;-webkit-appearance:none}.btn[disabled],.btn[disabled]:focus,.btn[disabled]:hover{background-color:#ccc;border-bottom:3px solid #777;color:#777}noscript p{margin:10px 0;text-align:center}.tooltip{background-color:#fff;border:1px solid #999;box-shadow:0 0 8px rgba(0,0,0,.2);color:#333;display:none;margin-right:10px;padding:4px 8px;position:absolute;z-index:1}.tooltip p{font-size:12px;margin:0;padding:0}.hidden{display:none!important}.invisible{visibility:hidden}#main{margin:0 auto;padding:0;width:90%}#main .uil-ring-css{margin:0 auto;transform:scale(.4)}#modal-back{background:#333;bottom:0;height:100%;left:0;opacity:.5;position:fixed;right:0;top:0;width:100%;z-index:4}#random>div{margin-top:2em;display:flex;flex-direction:row;justify-content:center;align-items:center}#random>div>.btn{margin:0;text-align:center;width:120px}#random>div>.btn+.btn{margin-left:20px}#filter{text-align:center}#filter form{overflow:hidden;position:relative}#filter input[type=text]{padding-right:32px;text-align:left}#filter .btn{height:34px;left:-5px;position:relative}#filter .btn-reset{background:url(../img/close.a6299439.svg) no-repeat 50%;border:0;font-size:1em;height:24px;left:-38px;margin:0 -34px 0 0;outline:none;position:relative;padding:0;width:24px;text-indent:100%;white-space:nowrap;overflow:hidden}#list ul{list-style-type:none;margin:2em 0 0;padding:0;text-align:center}#list ul li{display:inline-block;height:43px;line-height:43px;margin:0 0 1em;overflow:hidden;position:relative}#list ul li a{height:43px;width:43px}#list ul li>a{right:0}#list ul li div{margin-right:45px}#list ul li div a{overflow:hidden;text-overflow:ellipsis;width:100%}.share-link{background-color:#fff;border:1px solid #999;box-shadow:0 0 8px rgba(0,0,0,.2);color:#333;margin:0 auto;padding:10px;position:absolute;text-align:center;z-index:5}.share-link textarea{width:100%}.share-link .likely{margin-top:5px}.video-wrapper{height:0;position:relative;padding-bottom:56.25%;padding-top:25px}.video-wrapper iframe{height:100%;left:0;max-height:315px;position:absolute;top:0;width:100%}#error404{margin:0 auto;max-width:400px;text-align:center}#error404 .video-wrapper{margin-bottom:20px}@media only screen and (min-width:768px){#list ul li{width:46%;margin-left:1%;margin-right:1%}.share-link{width:400px}}@media only screen and (min-width:1024px){#list ul li{width:370px}}@media only screen and (max-width:767px){footer,header{background:#3f3552;left:0;position:fixed;width:100%;z-index:2}header{top:0}header h1{font-size:2.2em}footer{bottom:0}.ribbon{display:none}#main{padding-bottom:50px;padding-top:90px}#list ul li{width:95%;margin-left:2%;margin-right:2%}.share-link{width:90%}}@media only screen and (max-width:430px){header h1{font-size:1.6em}#main{padding-top:75px}}@media only screen and (max-width:320px){input[type=text]{width:60%}.btn,.btn:focus,.btn:hover,a.btn,a.btn:focus,a.btn:hover{width:30%}} |