Website/css/main.css

1 line
6.6 KiB
CSS
Raw Normal View History

2018-07-04 15:54:30 +00:00
*{margin:0;padding:0}body{font-family:'Raleway', sans-serif;font-weight:300;color:#fff;background:#222 url(../images/cover-1.png) center no-repeat fixed;background-size:cover}#rules-title,.button{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;z-index:100;padding:10px 55px;background:rgba(255, 255, 255, 0.1);color:#c8c8c8}#rules-title:hover,.button:hover{background:rgba(200, 200, 200, 0.2)}#online{font-weight:200}#rules-title{border-radius:0px;font-weight:100}.admins ul,.cover-1,.cover-2,.cover-3 .section-title,.rank{text-align:center;position:relative}.brand-logo{margin-top:5px;margin-bottom:5px;font-weight:200}.button-collapse{margin-top:5px;margin-bottom:10px}.cover-1{font-size:1.5em;color:rgba(255, 255, 255, 0.4);height:100vh}.cover-1 a,.cover-1 h3{margin-top:23%}.cover-2{background:url(../images/cover-2.png) center fixed;background-size:cover;height:auto;padding-bottom:40px;-webkit-box-shadow:0 0 40px 4px black;box-shadow:0 0 40px 4px black}.rule{z-index:100;display:none;padding:30px}#rules-title,.admins>ul>a{padding:10px;display:inline-block}#rules-title{font-size:1.9em;background:rgba(180, 180, 180, 0.1);cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}#rules-title:hover{background:rgba(150, 150, 150, 0.2);-webkit-transform:scale(1.01, 1.01);-ms-transform:scale(1.01, 1.01);transform:scale(1.01, 1.01);color:#fff}.admins>ul>a,i.rules-icon{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}i.rules-icon{position:relative;float:right;color:rgba(150, 150, 150, 0.3);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}i.rules-icon:hover{color:#969696}.cover-2 h2,.cover-2 p{width:75%;font-weight:300;margin:0 auto}.cover-2 p{font-size:1.2em;height:auto}.section-title{font-size:2.5em;color:white;z-index:100;font-weight:100}.cover-3{background:url(../images/cover-3.png) no-repeat fixed;background-size:cover}.admins>ul>a{margin:5px;background:rgba(0, 0, 0, 0.3);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:5px;z-index:200;font-size:0.9em}.admins>ul>a:hover{background:rgba(0, 0, 0, 0.5);-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.admins ul{z-index:101}.admins a li{color:rgba(255, 255, 255, 0.5);font-size:1.1em;z-index:102;font-weight:300}.rank{font-size:1.6em;z-index:103;font-weight:200}.rest>li>a,.useful a{padding:10px;z-index:100;text-align:center}.rest>li>a{font-size:1.35em;font-weight:300;color:rgba(255, 255, 255, 0.6);border-radius:10px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;display:inline-block;position:relative;padding-right:10px}.rest>li>a:before{font-family:'FontAwesome';content:'\f105';position:absolute;right:30%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:1.35em;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;opacity:0}.rest>li>a:hover:before{opacity:1;padding-right:10px;right:0}.rest>li>a:hover{background:rgba(100, 100, 100, 0.2);color:#fff;padding-right:30px}.rest>li{margin-top:50px;display:inline-block}h3.discord-widget-title{font-size:2em;font-weight:100}.discord-widget{text-align:center;margin:50px auto 0;-webkit-box-shadow:0 5px 5px 5px rgba(34, 34, 34, 0.9);box-shadow:0 5px 5px 5px rgba(34, 34, 34, 0.9)}.useful{margin-top:150px}.useful a{display:inline-block;font-size:1.05em;color:rgba(255, 255, 255, 0.6);border:2