| 1 |
- body{--mc:#03aebc;--tc:#36536d;--brc:#80baef;--bgc:#e9f2fd;--bg:rgba(255,255,255,.4);font-family:"Source Han Sans";}.btn{margin:5px auto;padding:8px 20px;background:#03aebc;border-radius:8px;color:#daedff;font-size:16px;}.btn.btn-small{font-size:14px;padding:3px 12px;border-radius:4px;}.btn:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));border-color:rgba(0,0,0,.1);color:#daedff;font-weight:600;}.vb-btn{color:#176bbc;font-size:14px;padding:5px 10px;background-image:url("/Content/Image/ExerciseV2/btn.png");background-repeat:no-repeat;background-size:100% 100%;font-weight:600;}.vb-btn.active{color:#fff;background-image:url("/Content/Image/ExerciseV2/btn-active.png");}.form .form-control{background:var(--bgc);color:var(--tc);border-radius:4px;border:1px solid #b5cce2;font-size:1rem;}.form .form-control:active,.form .form-control:focus{border:1px solid var(--brc);}.select2-container{--h:38px;font-size:1rem;}.select2-container.select2-container--open .select2-selection--single{border-color:var(--brc);}.select2-container .select2-selection--single{border-radius:4px!important;background:var(--bgc);border:1px solid #b5cce2;height:var(--h);line-height:var(--h);color:var(--tc);padding:0 15px;}.select2-container .select2-selection--single .select2-selection__rendered{color:inherit;margin:0;padding:0;line-height:var(--h);font-size:1rem;}.select2-container .select2-selection--single .select2-selection__arrow{right:8px;height:var(--h);}.select2-container .select2-dropdown{background:#fefefe;border:1px solid #b5cce2;border-radius:4px;margin-top:2px;}.select2-container .select2-dropdown .select2-search{padding:8px 10px;}.select2-container .select2-dropdown .select2-search .select2-search__field{border:1px solid var(--brc);background:var(--bgc);color:var(--tc);border-radius:4px;}.select2-container .select2-dropdown .select2-results .select2-results__option{color:var(--tc);}.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted{background:#e7edf4;}.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option[aria-selected=true]{background:#ecf3fc;font-weight:600;}.box{width:100%;position:relative;font-family:"Source Han Sans";background:none;}.box .body{width:100%;height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;}.box .body .icon{--w:240px;width:var(--w);height:var(--w);position:relative;margin-bottom:50px;background:url("/Content/Image/ExerciseV2/timer_1.png") no-repeat 100%/100%;}.box .body .icon:after{content:"";display:block;position:absolute;top:0;left:0;width:var(--w);height:var(--w);background:url("/Content/Image/ExerciseV2/timer_2.png") no-repeat 100%/100%;animation:spin 4s linear infinite;}.box .body .icon .ico{position:absolute;width:90px;height:90px;left:50%;top:50%;transform:translate(-50%,-50%);}.box .body .name{font-weight:500;font-size:40px;display:flex;color:#094b88;letter-spacing:5px;padding-left:5px;margin-bottom:20px;}.box .body .group{width:150px;padding:8px;text-align:center;font-size:18px;color:#fff;background:#094b88;letter-spacing:2px;opacity:.6;border-radius:40px;}.box.public .title{letter-spacing:5px;padding-left:5px;}.box.public .body .icon{--w:300px;}.box.public .body .icon .ico{width:120px;height:120px;}.box.public .body .name{font-size:90px;letter-spacing:10px;padding-left:10px;}@keyframes spin{0%{transform:rotate(0deg);}50%{transform:rotate(180deg);}100%{transform:rotate(360deg);}}
|
