-
Notifications
You must be signed in to change notification settings - Fork 0
/
settings.css
1 lines (1 loc) · 11.2 KB
/
settings.css
1
@font-face{font-family:'Source Sans Pro';src:url("/fonts/source-sans-pro/SourceSansPro-Black.woff2") format("woff2");font-weight:900;font-style:normal}@font-face{font-family:'Source Sans Pro';src:url("/fonts/source-sans-pro/SourceSansPro-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal}*{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{font-family:"Source Sans Pro";text-transform:uppercase}#container{width:1920px;height:1080px;display:block;position:relative;overflow:hidden;background-image:linear-gradient(-22deg, white, #00adad)}.hide{display:none !important}input[type="number"]:disabled{background:rgba(0,0,0,0.2);color:rgba(0,0,0,0.7)}.alert-block{max-width:1100px;display:none;position:relative}.alert-block span{font-size:32px;font-weight:bold;line-height:1}.alert-block.active{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 15px;margin:10px 0}.alert-block.info{background:#006b6b;color:#f3f3f3}.tab{width:100vw;display:none}.tab.active{display:block}.checkmark-container{display:block;position:relative;padding-left:55px;margin-bottom:12px;cursor:pointer;font-size:38px;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkmark-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:5px;left:0;height:38px;width:38px;background-color:#eee}.checkmark-container:hover input ~ .checkmark{background-color:#ccc}.checkmark-container input:checked ~ .checkmark{background-color:#066}.checkmark:after{content:"";position:absolute;display:none}.checkmark-container input:checked ~ .checkmark:after{display:block}.checkmark-container .checkmark:after{left:13px;top:5px;width:9px;height:20px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#countdown-info{font-size:34px;font-weight:900;margin-bottom:4px;color:#066}#menu-title-heading{width:auto;float:left;-webkit-transform:skew(-24deg);-ms-transform:skew(-24deg);transform:skew(-24deg);position:relative;background:#066;-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.2);box-shadow:4px 4px 5px rgba(0,0,0,0.2);margin-left:-20px;z-index:1100;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#menu-title-heading span{font-size:34px;line-height:1;font-weight:900;float:left;-webkit-transform:skew(24deg);-ms-transform:skew(24deg);transform:skew(24deg);text-decoration:none;padding:17px 25px 28px 35px;color:#00a8a8}#menu{width:100%;height:64px;display:block;float:left;background:#009999;-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.1);box-shadow:0px 5px 5px rgba(0,0,0,0.1);margin-bottom:30px}#menu ul{width:100%;margin:0 0 0;padding:0;list-style:none}#menu ul li{width:auto;float:left;-webkit-transform:skew(-24deg);-ms-transform:skew(-24deg);transform:skew(-24deg);position:relative;color:rgba(255,255,255,0.4)}#menu ul li.under-development{display:none}#menu ul li:before{width:100%;height:100%;content:"";position:absolute;top:0;left:0;display:block;z-index:1000;-webkit-box-shadow:inset 0px 0px 24px rgba(0,0,0,0.3);box-shadow:inset 0px 0px 24px rgba(0,0,0,0.3)}#menu ul li a{font-size:34px;line-height:1;font-weight:900;float:left;-webkit-transform:skew(24deg);-ms-transform:skew(24deg);transform:skew(24deg);text-decoration:none;padding:16px 35px;color:rgba(255,255,255,0.4)}#menu ul li:hover{background:#008585}#menu ul li:hover a{color:#f3f3f3}#menu ul li.active{background:#00b3b3}#menu ul li.active:before{-webkit-box-shadow:none;box-shadow:none}#menu ul li.active a{color:#f3f3f3}#menu ul li.active:hover{background:#00b3b3}label{width:100%;max-width:500px;text-transform:inherit;font-family:inherit;font-size:40px;position:relative;padding:0.375rem 0.75rem;color:#212121;line-height:1.5}label .form-control-input-check{width:33px;height:33px}.section{width:1820px;display:block;margin:0 50px 30px 50px}.section:nth-last-of-type{margin-bottom:0}#success-dialog{width:100%;height:100%;position:absolute;top:100%;left:0;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;z-index:2000;background:rgba(0,0,0,0.4)}#success-dialog.active{top:0;opacity:1}#success-dialog #success-dialog-container{width:700px;position:absolute;top:200px;left:50vh}#success-dialog #success-dialog-title{width:600px;padding:20px 50px;font-size:45px;line-height:1;text-align:center;background:#c4c4c4;color:#009900;display:block;font-weight:900}#success-dialog #success-dialog-content{width:600px;font-size:35px;padding:30px 50px;line-height:1;text-align:center;color:#333333;display:block;background:#f3f3f3}.header{margin-top:30px}.header h1{font-size:55px;line-height:1.2;padding:10px 0;color:#f3f3f3}.header h1:after{width:100%;height:5px;background-image:-webkit-gradient(linear, left top, right top, from(#f3f3f3), color-stop(transparent), to(transparent));background-image:linear-gradient(to right, #f3f3f3, transparent, transparent);float:left;position:relative;content:"";margin-top:10px}.header p{float:left;font-size:37px;color:#f3f3f3;max-width:1100px;line-height:1;padding:15px 0}.custom-select{width:700px !important}.content .form-row{width:100%;display:block;position:relative;float:left;margin-bottom:25px}.content .form-row .form-col-2{display:-webkit-box;display:-ms-flexbox;display:flex;float:left}.content .form-row .form-col-2{margin-right:14px}.content .form-row .form-col-2.countdown-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:180px}.content .form-row .form-col-2.countdown-time .time-divider{display:-webkit-box;display:-ms-flexbox;display:flex;height:168px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:36px 5px 0 5px;font-size:80px}.content .form-row .form-col-2.countdown-time .form-control-input{font-size:85px;font-weight:900;text-align:center}.content .form-row .form-col-2.countdown-time .form-control-input:disabled,.content .form-row .form-col-2.countdown-time .form-control-input[disabled="disabled"]{opacity:0.5}.content .form-row .form-col-2 .form-label,.content .form-row .form-col-2 .form-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:20px}.content .form-row input[type="number"]:disabled{opacity:0.4}.content .form-label{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto;font-size:34px;font-weight:900;margin-bottom:4px;color:#066}.content .form-control{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.content .form-control .form-control-input{width:100%;max-width:476px;text-transform:inherit;font-family:inherit;font-size:40px;background-color:#fff;border:3px solid rgba(0,0,0,0.5);border-radius:0.25rem;position:relative;padding:0.375rem 0.75rem;color:#212121;line-height:1.5}.content .form-control input[type="number"].form-control-input{max-width:200px}.content .form-control .form-control-input-right-label{width:auto;font-size:35px;line-height:35px;font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 10px}.footer{margin-top:120px}.footer .btn{width:auto;padding:16px 35px;display:inline-block;float:left;color:#f3f3f3;position:relative;font-weight:bold;font-size:40px;background:#066;border:0;font-family:inherit;text-transform:inherit;margin:5px 10px 5px 0}.footer .btn[disabled="disabled"]{background:#999999;color:#cccccc}.custom-select{position:relative;width:506px}.custom-select__option{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;padding:0;background-color:transparent;border:0;border-radius:0;font-family:inherit;white-space:nowrap;text-align:left;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select__option-wrap{position:relative}.custom-select__input{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;padding:0;border-width:1px 0;border-style:solid;border-radius:0;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select__dropdown{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;top:100%;left:0}.custom-select--dropup .custom-select__dropdown{top:auto;bottom:100%}.custom-select__option{width:100%;position:relative;padding:0.375rem 0.75rem;font-size:40px;color:#212121;line-height:1.5;text-transform:uppercase}.custom-select__option:focus{outline:none}.custom-select__option:hover,.custom-select__option:focus{background-color:#f9f9f9}.custom-select__option--value{padding-right:1.875rem;background-color:#fff;border:3px solid rgba(0,0,0,0.5);border-radius:0.25rem}.custom-select__option--value::after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0;top:50%;right:0.75rem;border-width:0.3rem;border-bottom-width:0;border-style:solid;border-color:currentColor transparent;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);content:""}.custom-select--active .custom-select__option--value::after{-webkit-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}.custom-select--active .custom-select__option--value{border-bottom-color:transparent;border-radius:0.25rem 0.25rem 0 0}.custom-select--active .custom-select__option--value:hover,.custom-select--active .custom-select__option--value:focus{background-color:#fff}.custom-select--dropup.custom-select--active .custom-select__option--value{border-top-color:transparent;border-bottom-color:#e6e6e6;border-radius:0 0 0.25rem 0.25rem}.custom-select__option--selected{background-color:#fcfcfc}.custom-select__option[disabled]{color:#a1a1a1;cursor:default}.custom-select__option[disabled]:hover,.custom-select__option[disabled]:focus{background-color:transparent}.custom-select__option-wrap{overflow-y:auto;max-height:11.25rem}.custom-select__option-wrap::-webkit-scrollbar{width:16px}.custom-select__option-wrap::-webkit-scrollbar-thumb{background-color:#e6e6e6;background-clip:padding-box;border-width:0 4px;border-style:solid;border-color:transparent}.custom-select__input{position:relative;z-index:1;height:2.25rem;margin-top:-1px;padding:0 0.75rem;border-color:rgba(0,0,0,0.5);-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);font-size:22px;color:#212121}.custom-select__input:focus{outline:none}.custom-select--dropup .custom-select__input{border-top-width:0;margin-top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.custom-select__dropdown{overflow-x:hidden;overflow-y:scroll;max-height:284px;z-index:1;top:calc(100% - 1px);background-color:#fff;border-width:0 3px 3px;border-style:solid;border-color:rgba(0,0,0,0.5);border-radius:0 0 0.25rem 0.25rem}.custom-select--dropup .custom-select__dropdown{bottom:calc(100% - 1px);border-width:3px 3px 0;border-radius:0.25rem 0.25rem 0 0}