shiori/view/css/stylesheet.css

*{border-width:0;box-sizing:border-box;font-family:"Source Sans Pro",sans-serif;margin:0;padding:0;text-decoration:none;-webkit-hyphens:auto;hyphens:auto}a{cursor:pointer}.spacer{-webkit-box-flex:1;flex:1 0}.noscroll{overflow:hidden}body{overflow-x:hidden}.page{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;background-color:#EEE;min-width:0;min-height:100vh}.page #sidebar{position:fixed;top:0;left:0;bottom:0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;flex-shrink:0;background-color:#292929;min-width:0;min-height:0;z-index:10;overflow:auto}.page #sidebar #logo{width:60px;line-height:60px;text-align:center;font-size:2em;color:#FFF;background-color:#F44336;flex-shrink:0}.page #sidebar>a{width:60px;line-height:60px;text-align:center;display:block;color:#FFF;flex-shrink:0}.page #sidebar>a:hover,.page #sidebar>a:focus{background-color:#232323}.page #sidebar>a.active{background-color:#232323;color:#F44336}.page #body{-webkit-box-flex:1;flex:1 0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;min-width:0;min-height:0;margin-left:60px}.page.night{background-color:#1F1F1F}.page.night #sidebar{border-right:1px solid #191919}.page.night .yla-dialog{color:#FFF;background-color:#1F1F1F}.page.night .yla-dialog>.yla-dialog__header{background-color:#292929;border-bottom:1px solid #191919}.page.night .yla-dialog>.yla-dialog__body>input,.page.night .yla-dialog>.yla-dialog__body>textarea{color:#FFF;border-color:#191919;background-color:#292929}.page.night .yla-dialog>.yla-dialog__footer{border-color:#191919}@media (max-width:600px){.page.night #sidebar{border-right-width:0;border-bottom:1px solid #191919}.page #sidebar{position:static;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap}.page #sidebar #logo,.page #sidebar .spacer{display:none}.page #sidebar a{margin:auto}.page #body{margin-left:0}}#login-page{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;-webkit-box-align:center;align-items:center;height:100vh;background-color:#EEE;-webkit-box-pack:center;justify-content:center;padding:16px}#login-page>.error-message{width:100%;max-width:400px;font-size:.9em;background-color:#FFF;border:1px solid #E5E5E5;padding:16px;margin-bottom:16px;text-align:center;color:#F44336}#login-page #login-box{width:100%;max-width:400px;background-color:#FFF;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;border:1px solid #E5E5E5}#login-page #login-box #logo-area{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;padding:16px;border-bottom:1px solid #E5E5E5;flex-shrink:0}#login-page #login-box #logo-area #logo{font-size:3em;font-weight:100;color:#F44336}#login-page #login-box #logo-area #logo span{margin-right:8px}#login-page #login-box #logo-area #tagline{font-size:.9em;font-weight:500;color:#F44336}#login-page #login-box #input-area{padding:8px;border-bottom:1px solid #E5E5E5}#login-page #login-box #input-area .input-field{display:-webkit-box;display:flex;-webkit-box-align:baseline;align-items:baseline;padding:8px}#login-page #login-box #input-area .input-field p{color:#232323;font-size:.9em;margin-right:16px;min-width:65px}#login-page #login-box #input-area .input-field input{color:#232323;padding:8px;background-color:#FFF;border:1px solid #E5E5E5;-webkit-box-flex:1;flex:1 0;font-size:.9em}#login-page #login-box #input-area .input-field a{display:block;cursor:pointer;color:#232323;text-align:center;font-size:.9em;-webkit-box-flex:1;flex:1 0}#login-page #login-box #input-area .input-field a i{margin-right:8px;color:#232323}#login-page #login-box #input-area .input-field a:hover,#login-page #login-box #input-area .input-field a:focus{color:#F44336}#login-page #login-box #button-area{display:-webki