1 line
18 KiB
CSS
1 line
18 KiB
CSS
@charset "UTF-8";#WRAPPER>#CONTAINER section[data-panel-list]{display:block;position:relative;border-radius:3px;border:1px solid #ccc;background-color:#fff;font-size:.9em;color:#000}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:.5em .7em;border-radius:3px 3px 0 0;border-bottom:1px solid #ccc;background-color:#f5f5f5;box-shadow:inset 0 0 5px #eee}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]>span,#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]>button{color:#333;font-weight:bold;line-height:2em}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]>button{padding:.1em .7em;border-radius:3px;border:1px solid #777;background:#ecf0f1;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;color:#777}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-header]>button:hover{background:#399ced;border-color:#1484df;color:#fff}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-description]{display:block;position:relative;border-bottom:1px solid #ccc;padding:.7em .7em;color:#555}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]{display:flex;position:relative;flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;margin:0;padding:0;list-style:none}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:1em}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]:not(:last-child){border-bottom:1px solid #ccc}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1){display:flex;width:10em;height:6em;flex-direction:column;justify-content:flex-end;align-items:center;background-size:auto 50%}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-token]{background:url("/src/static/container/token@666666.svg") center 1em no-repeat}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-token].active{background-image:url("/src/static/container/token@399ced.svg")}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-user]{background:url("/src/static/container/user@666666.svg") center 1em no-repeat}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-user].active{background-image:url("/src/static/container/user.svg@399ced")}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-number]{background:url("/src/static/container/phone_number@666666.svg") center 1em no-repeat}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)[data-number].active{background-image:url("/src/static/container/phone_number@399ced.svg")}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(1)>span{display:block;padding:0 .4em;border-radius:3px;border:1px solid #ddd;font-size:.8em;color:#555;text-transform:uppercase;font-weight:bold}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(n+2){display:flex;position:relative;flex:10em;padding:1em;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:1em;color:#000}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>div:nth-child(n+2)>span[data-prefix]:before{content:attr(data-prefix) ": ";font-weight:normal}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>button{padding:.1em .7em;height:2em;border-radius:3px;border:1px solid #de2b08;background:#fff;color:#de2b08;font-weight:bold;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#WRAPPER>#CONTAINER section[data-panel-list]>ul[data-list]>li[data-element]>button:hover{background:#de2b08;color:#fff}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]{display:none;position:relative;padding:1em;border-bottom:1px solid #ccc;background-color:#ecf0f1}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add].active{display:block}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>.label{display:inline-block;width:18em;padding-right:2em;text-align:right;color:#3b494c}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='text'],#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='email'],#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='password']{margin:1em 0;padding:.5em .7em;border-radius:3px;border:1px solid #ddd;background-color:#fff;color:#000;font-weight:normal}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='text']:focus,#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='email']:focus,#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='password']:focus{border-color:#399ced;box-shadow:inset 0 0 2px #ddd}#WRAPPER>#CONTAINER section[data-panel-list]>div[data-add]>input[type='submit']:hover{background:#399ced;border-color:#1484df;color:#fff}#WRAPPER>#CONTAINER section[data-timeline]{display:block;position:relative;background-color:#fff;font-size:.9em;color:#000}#WRAPPER>#CONTAINER section[data-timeline] h5,#WRAPPER>#CONTAINER section[data-timeline] h4,#WRAPPER>#CONTAINER section[data-timeline] h3,#WRAPPER>#CONTAINER section[data-timeline] *.line,#WRAPPER>#CONTAINER section[data-timeline] [data-space]{display:block;color:#333;margin:0 40px;padding:5px 60px;border-left:2px solid #d8e0e9}#WRAPPER>#CONTAINER section[data-timeline] h3{display:block;padding:20px 40px;font-size:1.4em;color:#000;font-weight:bold}#WRAPPER>#CONTAINER section[data-timeline] h3[data-n]:before{content:attr(data-n);display:inline-block;position:absolute;margin-top:.6em;margin-left:-41px;padding:3px 12px;border-radius:50%;box-shadow:0 0 0 3px #fff;background-color:#738394;font-size:1.3em;color:#fff;font-weight:bold;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}#WRAPPER>#CONTAINER section[data-timeline] h4{display:block;padding:20px 40px;font-size:1.2em;color:#46505b;font-weight:bold}#WRAPPER>#CONTAINER section[data-timeline] h4[data-icon]:before{content:attr(data-icon);display:inline-block;position:absolute;margin-top:.9em;margin-left:-41px;padding:9px;border-radius:50%;box-shadow:0 0 0 2px #fff;background-color:#738394;font-size:.9em;font-family:'icomoon';color:#fff;font-weight:bold;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}#WRAPPER>#CONTAINER section[data-timeline] h5{display:block;padding:20px 40px;font-size:1.2em;color:#46505b;font-weight:bold}#WRAPPER>#CONTAINER section[data-timeline] h5:before{content:'';display:inline-block;position:absolute;margin-top:.7em;margin-left:-41px;padding:7px;border-radius:50%;box-shadow:0 0 0 2px #fff;background-color:#738394;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}#WRAPPER>#CONTAINER section[data-timeline] h5[data-text]:after{content:attr(data-text);padding:6px 10px;border-radius:3px;background:#738394;color:#fff;font-weight:normal}#WRAPPER>#CONTAINER section[data-timeline] [data-tag]{display:block;padding:40px 60px}#WRAPPER>#CONTAINER section[data-timeline] [data-tag]:before{content:attr(data-tag);display:inline-block;position:absolute;margin-top:.5em;margin-left:-41px;padding:2px;background-color:#fff;font-size:1.2em;color:#738394;font-weight:bold;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}#WRAPPER>#CONTAINER section[data-timeline] input[type='file']{position:relative;opacity:0;z-index:8;cursor:pointer}#WRAPPER>#CONTAINER section[data-timeline] input[type='file']+span.file-input{display:inline-block;position:absolute;margin-top:-1px;margin-left:-290px;width:calc(290px - 2*15px);height:30px;padding:0 15px;border-radius:3px;background:#399ced;color:#222;line-height:30px;font-weight:normal;z-index:9;cursor:pointer;pointer-events:none;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#WRAPPER>#CONTAINER section[data-timeline] input[type='file']+span.file-input:before{content:'e ';font-size:1em;font-family:'icomoon';color:#222;font-weight:bold}#WRAPPER>#CONTAINER section[data-timeline] input[type='file']:hover+span.file-input{background:#1484df;box-shadow:inset 0 0 5px #888}#WRAPPER>#CONTAINER section[data-timeline] input[type='file'].active+span.file-input{background:#10baa3;color:#fff}#WRAPPER>#CONTAINER section[data-timeline] input[type='file'].active+span.file-input:before{content:'v ';color:#fff}#WRAPPER>#CONTAINER section[data-timeline] input[type='text'],#WRAPPER>#CONTAINER section[data-timeline] input[type='password'],#WRAPPER>#CONTAINER section[data-timeline] input[type='number'],#WRAPPER>#CONTAINER section[data-timeline] input[type='button'],#WRAPPER>#CONTAINER section[data-timeline] input[type='submit'],#WRAPPER>#CONTAINER section[data-timeline] input[type='mail']{display:inline;width:auto;margin:unset;padding:5px 10px;margin-bottom:5px;margin-right:15px;border-radius:0;border:0;border-bottom:1px solid #555;font-size:.8em;font-weight:normal;color:#333;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,color .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,color .2s ease-in-out}#WRAPPER>#CONTAINER section[data-timeline] input[type='text']:focus,#WRAPPER>#CONTAINER section[data-timeline] input[type='password']:focus,#WRAPPER>#CONTAINER section[data-timeline] input[type='number']:focus,#WRAPPER>#CONTAINER section[data-timeline] input[type='button']:focus,#WRAPPER>#CONTAINER section[data-timeline] input[type='submit']:focus,#WRAPPER>#CONTAINER section[data-timeline] input[type='mail']:focus{border-color:#10baa3}#WRAPPER>#CONTAINER section[data-timeline] input[type='submit']{border-color:#085c51;background:#10baa3;color:#fff}#WRAPPER>#CONTAINER section[data-timeline] input[type='submit']:hover,#WRAPPER>#CONTAINER section[data-timeline] input[type='submit']:focus{background:#0ea38e}#WRAPPER>#CONTAINER section[data-timeline] label{color:#555}#WRAPPER>#CONTAINER section[data-timeline] [data-space]{padding-top:20px;padding-bottom:20px}#WRAPPER>#CONTAINER section[data-timeline] .spacetop,#WRAPPER>#CONTAINER section[data-timeline] .spaced{margin-top:20px!important}#WRAPPER>#CONTAINER section[data-timeline] .spacebtm,#WRAPPER>#CONTAINER section[data-timeline] .spaced{margin-bottom:20px!important}#WRAPPER>#CONTAINER section[data-timeline] .nobold,#WRAPPER>#CONTAINER section[data-timeline] .nobold *{font-weight:normal!important}#WRAPPER>#CONTAINER section[data-timeline] select{width:auto;display:inline-block;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';font-size:.9em}#WRAPPER>#CONTAINER section[data-timeline] select option:not(:disabled){padding-left:1.5em}#WRAPPER>#CONTAINER section[data-timeline] select option:disabled:not(:first-child){font-size:1.2em;color:#000;font-weight:bold}#WRAPPER>#CONTAINER section[data-timeline] select option.pad{padding-left:2.5em}#WRAPPER>#CONTAINER section[data-timeline] .select-container select{display:inline-block;padding:5px 2px;padding-right:30px;border:0;border-bottom:1px solid #333;background:#fff url("/src/static/container/bottom_arrow@333333.svg") right 10px center no-repeat;background-size:10px auto;overflow:hidden}#WRAPPER>#CONTAINER section[data-timeline] .select-container select:focus{border-color:#10baa3;background-image:url("/src/static/container/bottom_arrow@10baa3.svg")}#WRAPPER>#CONTAINER section[data-timeline] h5.color0,#WRAPPER>#CONTAINER section[data-timeline] h4.color0,#WRAPPER>#CONTAINER section[data-timeline] h3.color0{color:#399ced}#WRAPPER>#CONTAINER section[data-timeline] h5.color0:before,#WRAPPER>#CONTAINER section[data-timeline] h5.color0:after,#WRAPPER>#CONTAINER section[data-timeline] h4.color0:before,#WRAPPER>#CONTAINER section[data-timeline] h4.color0:after,#WRAPPER>#CONTAINER section[data-timeline] h3.color0:before,#WRAPPER>#CONTAINER section[data-timeline] h3.color0:after{background-color:#399ced}#WRAPPER>#CONTAINER section[data-timeline] h5.color1,#WRAPPER>#CONTAINER section[data-timeline] h4.color1,#WRAPPER>#CONTAINER section[data-timeline] h3.color1{color:#e64e3e}#WRAPPER>#CONTAINER section[data-timeline] h5.color1:before,#WRAPPER>#CONTAINER section[data-timeline] h5.color1:after,#WRAPPER>#CONTAINER section[data-timeline] h4.color1:before,#WRAPPER>#CONTAINER section[data-timeline] h4.color1:after,#WRAPPER>#CONTAINER section[data-timeline] h3.color1:before,#WRAPPER>#CONTAINER section[data-timeline] h3.color1:after{background-color:#e64e3e}#WRAPPER>#CONTAINER section[data-timeline] h5.color2,#WRAPPER>#CONTAINER section[data-timeline] h4.color2,#WRAPPER>#CONTAINER section[data-timeline] h3.color2{color:#10baa3}#WRAPPER>#CONTAINER section[data-timeline] h5.color2:before,#WRAPPER>#CONTAINER section[data-timeline] h5.color2:after,#WRAPPER>#CONTAINER section[data-timeline] h4.color2:before,#WRAPPER>#CONTAINER section[data-timeline] h4.color2:after,#WRAPPER>#CONTAINER section[data-timeline] h3.color2:before,#WRAPPER>#CONTAINER section[data-timeline] h3.color2:after{background-color:#10baa3}#WRAPPER>#CONTAINER section[data-timeline] h5.color3,#WRAPPER>#CONTAINER section[data-timeline] h4.color3,#WRAPPER>#CONTAINER section[data-timeline] h3.color3{color:#b14be7}#WRAPPER>#CONTAINER section[data-timeline] h5.color3:before,#WRAPPER>#CONTAINER section[data-timeline] h5.color3:after,#WRAPPER>#CONTAINER section[data-timeline] h4.color3:before,#WRAPPER>#CONTAINER section[data-timeline] h4.color3:after,#WRAPPER>#CONTAINER section[data-timeline] h3.color3:before,#WRAPPER>#CONTAINER section[data-timeline] h3.color3:after{background-color:#b14be7}#WRAPPER>#CONTAINER section[data-timeline] h5.color4,#WRAPPER>#CONTAINER section[data-timeline] h4.color4,#WRAPPER>#CONTAINER section[data-timeline] h3.color4{color:#053b5d}#WRAPPER>#CONTAINER section[data-timeline] h5.color4:before,#WRAPPER>#CONTAINER section[data-timeline] h5.color4:after,#WRAPPER>#CONTAINER section[data-timeline] h4.color4:before,#WRAPPER>#CONTAINER section[data-timeline] h4.color4:after,#WRAPPER>#CONTAINER section[data-timeline] h3.color4:before,#WRAPPER>#CONTAINER section[data-timeline] h3.color4:after{background-color:#053b5d}#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span{display:inline-block;position:relative;margin:.3em 0;padding:.5em .8em;border:1px solid #b7c6d7;color:#7692b2;cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span:not(:last-child):not(.lc){border-right:0}#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span:first-child,#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span.fc{border-top-left-radius:5px;border-bottom-left-radius:5px}#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span:last-child,#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span.lc{border-top-right-radius:5px;border-bottom-right-radius:5px}#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span.done{font-weight:bold;color:#10baa3}#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span.done:hover,#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span.done.active{border-color:#10baa3;background:#10baa3;color:#fff}#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span:not(.done){font-weight:bold;color:#333}#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span:not(.done):hover,#WRAPPER>#CONTAINER section[data-timeline] .arrow-container span:not(.done).active{border-color:#aaa;background:#aaa;color:#fff}#WRAPPER>#CONTAINER section[data-timeline] span.switch-both{display:inline-block;position:relative;width:1em;height:1em;margin-right:15px;background:url("/src/static/container/switch-both@4e4e50.svg") center center no-repeat;background-size:1em auto;font-size:.8em;cursor:pointer}#WRAPPER>#CONTAINER section[data-timeline] span.switch-left{display:inline-block;position:relative;width:1em;height:1em;margin-right:15px;background:url("/src/static/container/switch-left@4e4e50.svg") center center no-repeat;background-size:1em auto;font-size:.8em;cursor:pointer}#WRAPPER>#CONTAINER table tr>td,#WRAPPER>#CONTAINER table>tr>td,#WRAPPER>#CONTAINER>section>table tr>td,#WRAPPER>#CONTAINER>section>table>tr>td{padding:.8em;color:#888;font-weight:normal;text-align:center;white-space:nowrap}#WRAPPER>#CONTAINER table tr>td>input[type="checkbox"]+label[for]:before,#WRAPPER>#CONTAINER table>tr>td>input[type="checkbox"]+label[for]:before,#WRAPPER>#CONTAINER>section>table tr>td>input[type="checkbox"]+label[for]:before,#WRAPPER>#CONTAINER>section>table>tr>td>input[type="checkbox"]+label[for]:before{left:-.4em;width:calc(1.05em - 2*.15em)}#WRAPPER>#CONTAINER table tr>td.hidden:before,#WRAPPER>#CONTAINER table>tr>td.hidden:before,#WRAPPER>#CONTAINER>section>table tr>td.hidden:before,#WRAPPER>#CONTAINER>section>table>tr>td.hidden:before{content:'+';color:#ddd;font-weight:bold} |