chbim-plugins/style.css

此插件和chbim云平台强绑定

.muk-btn[data-v-0e6d93cd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:#fff;text-align:center;border:1px solid transparent;border-radius:4px;cursor:pointer}.large[data-v-0e6d93cd]{width:240px;height:50px;font-size:16px}.moddle[data-v-0e6d93cd]{width:180px;height:50px;font-size:16px}.small[data-v-0e6d93cd]{width:100px;height:32px}.mini[data-v-0e6d93cd]{width:60px;height:32px}.default[data-v-0e6d93cd]{border-color:#e4e4e4;color:#666}.primary[data-v-0e6d93cd]{border-color:#87ceeb;background:skyblue;color:#fff}.plain[data-v-0e6d93cd]{border-color:#87ceeb;color:#87ceeb;background:#ffffff}.gray[data-v-0e6d93cd]{border-color:#ccc;background:#ccc;color:#fff}.logo--mask{overflow:hidden;margin-bottom:2rem}.logo--mask img,.logo--mask p{width:20rem;height:auto;margin:0 auto;visibility:hidden;opacity:0}.logo--mask p{font-size:3.5rem;font-weight:700;text-align:center;margin:0;width:100%}.mask{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0}.mask__slice{flex:1;background-color:#000}.mask__inner{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.mask-line{position:relative;-webkit-transform-origin:left;transform-origin:left;width:30rem;height:3px;overflow:hidden;background-color:#ffffff40;visibility:hidden;opacity:0}.mask-line__inner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transform-origin:left;transform-origin:left}@media (max-width: 800px){.resize{display:block}}@media (max-height: 600px){.resize{display:block}}*{box-sizing:border-box}#modal-container{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);z-index:1}#modal-container.one{transform:scaleY(.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one .modal-background .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one.out .modal-background .modal{animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two{transform:scale(1)}#modal-container.two .modal-background{background:transparent;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two .modal-background .modal{opacity:0;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two+.content{animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.two.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out .modal-background .modal{animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out+.content{animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three{z-index:0;transform:scale(1)}#modal-container.three .modal-background{background:rgba(0,0,0,.6)}#modal-container.three .modal-background .modal{animation:moveUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three+.content{z-index:1;animation:slideUpLarge .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three.out .modal-background .modal{animation:moveDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three.out+.content{animation:slideDownLarge .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four{z-index:0;transform:scale(1)}#modal-container.four .modal-background{background:rgba(0,0,0,.7)}#modal-container.four .modal-background .modal{animation:blowUpModal .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four+.content{z-index:1;animation:blowUpContent .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four.out .modal-background .modal{animation:blowUpModalTwo .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four.out+.content{animation:blowUpContentTwo .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five{transform:scale(1)}#modal-container.five .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five .modal-background .modal{transform:translate(-1500px);animation:roadRunnerIn .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.five.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five.out .modal-background .modal{animation:roadRunnerOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six{transform:scale(1)}#modal-container.six .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six .modal-background .modal{background-color:transparent;animation:modalFadeIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards;h2,p {opacity: 0; position: relative; animation: modalContentFadeIn .5s 1s cubic-bezier(.165,.84,.44,1) forwards;} .modal-svg {rect {animation: sketchIn .5s .3s cubic-bezier(.165,.84,.44,1) forwards;}}}#modal-container.six.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.six.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six.out .modal-background .modal{animation:modalFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;h2,p {animation: modalContentFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;} .modal-svg {rect {animation: sketchOut .5s cubic-bezier(.165,.84,.44,1) forwards;}}}#modal-container.seven{transform:scale(1)}#modal-container.seven .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.seven .modal-background .modal{height:75px;width:75px;border-radius:75px;overflow:hidden;animation:bondJamesBond 1.5s cubic-bezier(.165,.84,.44,1) forwards;h2,p {opacity: 0; position: relative; animation: modalContentFadeIn .5s 1.4s linear forwards;}}#modal-container.seven.out{animation:slowFade .5s 1.5s linear forwards}#modal-container.seven.out .modal-background{background-color:#000000b3;animation:fadeToRed 2s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.seven.out .modal-background .modal{border-radius:3px;height:162px;width:227px;animation:killShot 1s cubic-bezier(.165,.84,.44,1) forwards;h2,p {animation: modalContentFadeOut .5s .5 cubic-bezier(.165,.84,.44,1) forwards;}}#modal-container .modal-background{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}#modal-container .modal-background .modal{background:rgba(30,36,50,.6)!important;padding:30px;display:inline-block;border-radius:3px;font-weight:300;position:relative;border:1px solid;h2 {font-size: 25px; line-height: 25px; margin-bottom: 15px;} p {font-size: 18px; margin: 0; line-height: 1;} .modal-svg {position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 3px; rect {stroke: #fff; stroke-width: 2px; stroke-dasharray: 778; stroke-dashoffset: 778;}}}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes fadeIn{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,0)}}@keyframes fadeOut{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,0)}}@keyframes scaleUp{0%{transform:scale(.8) translateY(1000px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes scaleDown{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(1000px);opacity:0}}@keyframes scaleBack{0%{transform:scale(1)}to{transform:scale(.85)}}@keyframes scaleForward{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes quickScaleDown{0%{transform:scale(1)}99.9%{transform:scale(1)}to{transform:scale(0)}}@keyframes slideUpLarge{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideDownLarge{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes moveUp{0%{transform:translateY(150px)}to{transform:translateY(0)}}@keyframes moveDown{0%{transform:translateY(0)}to{transform:translateY(150px)}}@keyframes blowUpContent{0%{transform:scale(1);opacity:1}99.9%{transform:scale(2);opacity:0}to{transform:scale(0)}}@keyframes blowUpContentTwo{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blowUpModal{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes blowUpModalTwo{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes roadRunnerIn{0%{transform:translate(-1500px) skew(30deg) scaleX(1.3)}70%{transform:translate(30px) skew(0) scaleX(.9)}to{transform:translate(0) skew(0) scaleX(1)}}@keyframes roadRunnerOut{0%{transform:translate(0) skew(0) scaleX(1)}30%{transform:translate(-30px) skew(-5deg) scaleX(.9)}to{transform:translate(1500px) skew(30deg) scaleX(1.3)}}@keyframes sketchIn{0%{stroke-dashoffset:778}to{stroke-dashoffset:0}}@keyframes sketchOut{0%{stroke-dashoffset:0}to{stroke-dashoffset:778}}@keyframes modalFadeIn{0%{background-color:transparent}to{background-color:#fff}}@keyframes modalFadeOut{0%{background-color:#fff}to{background-color:transparent}}@keyframes modalContentFadeIn{0%{opacity:0;top:-20px}to{opacity:1;top:0}}@keyframes modalContentFadeOut{0%{opacity:1;top:0px}to{opacity:0;top:-20px}}@keyframes bondJamesBond{0%{transform:translate(1000px)}80%{transform:translate(0);border-radius:75px;height:75px;width:75px}90%{border-radius:3px;height:182px;width:247px}to{border-radius:3px;height:162px;width:227px}}@keyframes killShot{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(300px) rotate(45deg);opacity:0}}@keyframes fadeToRed{0%{background-color:rgba(black,.6)}to{background-color:rgba(red,.8)}}@keyframes slowFade{0%{opacity:1}99.9%{opacity:0;transform:scale(1)}to{transform:scale(0)}}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“""”""‘""’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{box-sizing:border-box}:root{font-size:16px}.bim_background_plate{--color-text: #fff;--color-bg: #0e0e0f;--color-link: #ec8f7b;--color-link-hover: #fff;--color-title: #fff;--color-subtitle: #fff;color:var(--color-text)}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}.bim_background_plate .frame{padding:3rem 5vw;text-align:center;position:relative;z-index:1000}.bim_background_plate .frame__title{font-size:1rem;margin:0 0 1rem;font-weight:400;line-height:1}.bim_background_plate .frame__article{line-height:1}.bim_background_plate .frame__github,.bim_background_plate .frame__demos a:not(:last-child){margin-right:1rem}.bim_background_plate .frame__demos{margin:1rem 0}.bim_background_plate .frame__demo--current,.bim_background_plate .frame__demo--current:hover{color:var(--color-text)}.bim_background_plate .content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 13rem);position:relative;justify-content:center;align-items:center}.bim_background_plate .content__title{position:relative;color:var(--color-title);font-size:5vw;text-transform:uppercase;margin:0;perspective:1000px}.bim_background_plate .content__title span{display:inline-block;white-space:pre;transform-origin:50% -50%;font-weight:800}.bim_background_plate .content__subtitle{position:relative;margin:0;color:var(--color-subtitle)}.bim_background_plate .landscape{position:absolute;top:0;left:0}.bim_background_plate .overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:#000}@media screen and (min-width: 53em){.bim_background_plate .frame{position:fixed;text-align:left;z-index:10000;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;height:100vh;padding:2rem;pointer-events:none;grid-template-columns:25% 50% 25%;grid-template-rows:auto auto auto;grid-template-areas:"previous title github" "... ... ..." "... demos ..."}.bim_background_plate .frame__title-wrap{grid-area:title;justify-self:center;display:flex}.bim_background_plate .frame__title{margin:0 .5rem 0 0;padding:0 .5rem 0 0;position:relative}.bim_background_plate .frame__title:after{content:"";width:1px;height:1.1rem;position:absolute;right:0;top:50%;margin-top:-.55rem;background:currentColor}.bim_background_plate .frame__github{grid-area:github;justify-self:end;margin:0}.bim_background_plate .frame__demos{margin:0;grid-area:demos;justify-self:center}.bim_background_plate .frame__previous{grid-area:previous;padding:0;justify-self:start}.bim_background_plate .content{height:100vh;padding:0 0 10rem;justify-content:flex-end}}