2016-05-26 12:39:49 +00:00
|
|
|
body{font-family:'Open Sans';font-size:15px}#WRAPPER{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e8e8e8;overflow-x:hidden;overflow-y:auto;z-index:1}#WRAPPER>#HEADER{display:block;position:fixed;top:0;left:0;width:100%;height:calc( 4em - 1px);border-bottom:1px solid #dadae5;background-color:#F8F8FA;z-index:100}#WRAPPER>#MENU-SIDE{display:block;position:fixed;top:4em;left:0;width:15em;height:calc( 100% - 4em);box-shadow:2px 1px 3px #ddd;background-color:#fff;-webkit-transition:all 0.3s;transition:all 0.3s;z-index:10}#WRAPPER>#CONTAINER{display:flex;position:absolute;top:4em;left:15em;width:calc( 100% - 15em);min-height:calc( 100% - 4em);flex-direction:row;justify-content:space-between;flex-wrap:wrap;overflow-x:none;overflow-y:auto}#LOGIN{display:flex;position:fixed;top:0;left:-100%;width:100%;height:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;background-color:#F8F8FA;-webkit-transition:left 0.3s ease-in-out;transition:left 0.3s ease-in-out;z-index:101}#LOGIN.active{left:0}#LOGIN>#login-icon{width:35em;height:10em;background:url("/f/svg/iconv2/st") center center no-repeat;background-size:auto 100%}#LOGIN>#login-form{display:block}#LOGIN>#login-form>input[type='text'],#LOGIN>#login-form>input[type='password'],#LOGIN>#login-form>input[type='submit']{display:flex;width:20em;margin:2em 0;padding:1em 2em;flex-direction:column;justify-content:space-around;flex-wrap:nowrap;align-items:middle;border-radius:5px;border:1px solid #6b6b6b;background-color:#F8F8FA;color:#444;letter-spacing:.02em;-webkit-transition:border 0.2s ease-in-out;transition:border 0.2s ease-in-out}#LOGIN>#login-form>input[type='text']:hover,#LOGIN>#login-form>input[type='text']:focus,#LOGIN>#login-form>input[type='password']:hover,#LOGIN>#login-form>input[type='password']:focus,#LOGIN>#login-form>input[type='submit']:hover,#LOGIN>#login-form>input[type='submit']:focus{border-color:#399ced}#LOGIN>#login-form>input[type='submit']{width:100%;margin-top:calc( 2em + 3px);margin-bottom:calc( 2em - 3px);border:0;border-top:3px solid #1276c7;background-color:#399ced;color:#fff;font-weight:bold;text-align:left;cursor:pointer;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}#LOGIN>#login-form>input[type='submit']:hover,#LOGIN>#login-form>input[type='submit'].hover{background-color:#1484df;margin-top:calc( 2em + 1px);margin-bottom:calc( 2em + 2px);border-top-width:1px}#LOGIN>#login-form>input[type='submit']:active{margin-top:2em;margin-bottom:calc( 2em + 3px);border-top-width:0}#LOGIN>#login-form>#lost-password{color:#777;cursor:pointer}#LOGIN>#login-form>#lost-password:hover{color:#399ced;text-decoration:underline}#LOGIN>#login-close{display:block;position:absolute;top:2em;right:2em;min-width:2em;height:2em;background:url("/f/svg/back/st/container/555555") right center no-repeat;background-size:1em;color:#555;padding-right:2em;line-height:2em;font-weight:bold;letter-spacing:1px;cursor:pointer}
|