2016-07-16 11:05:24 +00:00
|
|
|
#WRAPPER>#CONTAINER>section{display:none;flex-grow:1}#WRAPPER>#CONTAINER>section.active{display:block}#WRAPPER>#CONTAINER>section.active.list{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}#WRAPPER>#CONTAINER>section.active.list .inline-box{flex:0 0 1}#WRAPPER>#CONTAINER>section.active.list .searchbar{display:inline-block;position:relative;flex:calc( 100% - 2*1em - 2*1em);height:1em;margin:1em;padding:.5em 1em;padding-left:2em;border-radius:3px;border:1px solid #b1b1b1;background:#fff url("/src/static/sub-menu-side/search.svg?b1b1b1") 0.5em center no-repeat;background-size:1em;transition:border .4s ease-in-out}#WRAPPER>#CONTAINER>section.active.list .searchbar:hover,#WRAPPER>#CONTAINER>section.active.list .searchbar:focus{border-color:#5630ed}#WRAPPER>#CONTAINER>section.active.list .error{display:inline-block;position:relative;width:calc( 100% - 2*1em - 2*1em);height:1em;margin:1em;padding:1em;border-radius:3px;border:1px solid #d52918;background:#d52918;color:#fff;text-shadow:1px 1px #a72013}#WRAPPER>#CONTAINER>section>.inline-box{display:inline-block;position:relative;flex:calc( 50% - 2*1em - 2*1em);margin:1em;padding:1em;border-radius:3px;box-shadow:0 0 1px #b7b7b7;background-color:#fff}#WRAPPER>#CONTAINER>section>.inline-box.hidden{display:none}#WRAPPER>#CONTAINER>section>.inline-box a{text-decoration:none;color:inherit}#WRAPPER>#CONTAINER>section>.inline-box.selected{border:1px solid #7362ff;transition:box-shadow .2s ease-in-out}#WRAPPER>#CONTAINER>section>.inline-box.selected:hover{box-shadow:2px 2px 7px #aaa}#WRAPPER>#CONTAINER>section>.inline-box .title{display:inline-block;font-size:1.15em;font-weight:bold;color:#ea4c06;white-space:nowrap}#WRAPPER>#CONTAINER>section>.inline-box .title>span{font-size:.8em;color:#333}#WRAPPER>#CONTAINER>section>.inline-box .code,#WRAPPER>#CONTAINER>section>.inline-box .mail{display:block;margin:1em;color:#333;white-space:nowrap}#WRAPPER>#CONTAINER>section>.inline-box .code svg,#WRAPPER>#CONTAINER>section>.inline-box .mail svg{display:inline-block;position:relative;margin-left:.5em;margin-right:.5em;margin-bottom:-.6em;width:1.5em;height:2em;pointer-events:none}#WRAPPER>#CONTAINER>section>.inline-box .code svg path#stylisable,#WRAPPER>#CONTAINER>section>.inline-box .mail svg path#stylisable{fill:#333 !important;pointer-events:none}#WRAPPER>#CONTAINER>section>.inline-box .code svg path#stroke-stylisable,#WRAPPER>#CONTAINER>section>.inline-box .mail svg path#stroke-stylisable{stroke:#333 !important;pointer-events:none}#WRAPPER>#CONTAINER>section>.inline-box .groups{display:block;margin:1em;color:#333}#WRAPPER>#CONTAINER>section>.inline-box .groups svg{display:inline-block;position:relative;margin-left:.5em;margin-right:.5em;margin-bottom:-.6em;width:1.5em;height:2em;pointer-events:none}#WRAPPER>#CONTAINER>section>.inline-box .groups svg path{fill:#333 !important;pointer-events:none}#WRAPPER>#CONTAINER>section>.inline-box .groups>span{display:inline-block;position:relative;padding:.1em .5em;margin-right:calc( .4em + 2em);border-radius:3px 0 0 3px;border:1px solid #bdbdbd;box-shadow:inset 0 0 2px #fafafa;background-color:#f9f9f9;color:#333;cursor:default}#WRAPPER>#CONTAINER>section>.inline-box .groups>span.add-group,#WRAPPER>#CONTAINER>section>.inline-box .groups>span.add-member{border-radius:3px;cursor:pointer}#WRAPPER>#CONTAINER>section>.inline-box .groups>span>span.rem-group,#WRAPPER>#CONTAINER>section>.inline-box .groups>span>span.rem-member{display:block;position:absolute;top:-1px;left:100%;width:1em;height:calc( 100% - .1em - 2px);padding:.1em .5em;border-radius:0 3px 3px 0;border:1px solid #bdbdbd;box-shadow:inset 0 0 2px #fafafa;background:url("/src/static/sub-menu-side/remove.svg") center center no-repeat;background-size:auto 70%;background-color:#f9f9f9;color:inherit;cursor:pointer}#WRAPPER>#CONTAINER>section>.inline-box .groups>span>span.rem-group:hover,#WRAPPER>#CONTAINER>section>.inline-box .groups>span>span.rem-member:hover{background-image:url("/src/static/sub-menu-side/remove.svg?#d52918")}#WRAPPER>#CONTAINER>section>.i
|