hajime/public/assets/css/yuuno.min.css

2 lines
19 KiB
CSS
Raw Normal View History

2023-08-11 22:16:32 +00:00
/* Flashii.net Style Codename "Yuuno" */ @charset "utf-8";*{margin:0;padding:0}html{width:100%;height:100%}body{font:12px/20px Verdana,sans-serif;background:linear-gradient(180deg,#C2AFFE,#FBEEFF) left top no-repeat #FBEEFF;background-size:cover;color:#000;height:100%;position:relative;width:100%}#container{min-height:100%;position:relative;width:100%}#contentwrapper{padding-bottom:220px}@media (max-width:1033px){#contentwrapper{padding-bottom:230px}}@media (max-width:860px){#contentwrapper{padding-bottom:375px}}@media (max-width:510px){#contentwrapper{padding-bottom:380px}}@media (max-width:426px){#contentwrapper{padding-bottom:625px}}.clear{clear:both!important;float:none!important}.hidden{display:none!important;visibility:hidden!important}hr.default{border:0;height:1px;color:#9475B2;background:#9475B2}img{max-width:100%;max-height:100%}img.default-avatar-setting{max-width:200px;max-height:200px;border:3px solid #EEE;background:#EEE;box-shadow:0 3px 7px #888;border-radius:3px;margin:5px}img.homepage-menu-avatar{float:right;max-width:100px;margin-top:-25px;margin-right:0}@media (max-width:400px){img.homepage-menu-avatar{display:none}}.standalone img:not(:hover){max-width:100%}a.clean,a.no-underline,a.underline{color:inherit!important;text-decoration:none!important}a.underline:hover{text-decoration:underline!important}a.default{color:#22E;text-decoration:none}a.default:hover{color:#22E;text-decoration:underline}a.default:active{color:#E22;text-decoration:underline}a.gotop{display:inline-block;background:url(../img/arrow.png) #111;color:#FFF;width:60px;height:60px;border-radius:5px;text-decoration:none;opacity:.3;transition:opacity .5s,box-shadow .5s;margin:10px 5px;float:right;position:fixed;bottom:0;right:5px;z-index:2}a.gotop:hover{opacity:.8;box-shadow:0 0 1em #FFF inset}a.gotop:active{box-shadow:0 0 1em #FFF inset;opacity:.9}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0;display:none}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}.notifications{position:fixed;top:5px;right:5px;z-index:3}.notifications div{min-width:200px;max-width:400px;background:rgba(0,0,0,.6);border:2px solid #306;border-radius:10px;padding:10px;color:#FFF;font-weight:700;margin:5px}.header{text-align:center;background:linear-gradient(180deg,#C2AFFE,#CCBAFE);box-shadow:0 0 5px #8364A1}.header .logo{background:0 0;height:auto;width:auto;display:inline-block;text-decoration:none;font:100 70px/80px "Segoe UI",sans-serif;color:#B06AC4;transition:color .2s,text-shadow .2s}.header .logo:after{content:"Flashii.net"}.header .logo:hover{color:#C17BD5;text-shadow:0 0 .1em #C17BD5}.header .logo:active{color:#A059B3;text-shadow:0 0 .1em #A059B3}@media (max-width:768px){.header .logo{font:100 50px/60px "Segoe UI",sans-serif}}.header .menu{border-bottom:2px solid #9475B2}.header .menu .menu-nav{text-align:left;float:left}.header .menu .menu-ucp{text-align:right;float:right}.header .menu .menu-mob{display:none}.header .menu .menu-item{margin:0 8px -2px;display:inline-block;min-width:75px;padding:5px;border-bottom:2px solid #8364A1;color:inherit;text-decoration:none;text-align:center;transition:border-color .5s,background .3s}.header .menu .menu-item.avatar{width:auto;padding-left:36px;background:url(../pixel.png) left center/contain no-repeat}.header .menu .menu-item:hover{border-color:#503180!important}.header .menu .menu-item:active{border-color:#503180!important;background-color:#503180!important}.header .menu .menu-donate:hover{border-color:#EE9400!important}.header .menu .menu-donate:active{border-color:#EE9400!important;background-color:#EE9400!important}@media (max-width:1120px) and (min-width:769px){.header .menu{border:0;padding-bottom:5px}.header .menu .menu-nav,.header .menu .menu-ucp{display:block;float:none;text-align:center}.header .menu .menu-item{min-width:120px;border:0;margin:0 8px}.header .menu .menu-nav .menu-item{min-width:120px;border-bottom:1px solid #8364A1}.header .menu .menu-ucp .menu-item{min-width:120px;border-top:1px solid #8364A1}}@media (max-wi