shiori/view/css/stylesheet.css

:root{--bg:#EEE;--sidebarBg:#292929;--contentBg:#FFF;--selectedBg:#fcd2cf;--border:#E5E5E5;--color:#232323;--colorLink:#999;--colorSidebar:#FFF;--main:#F44336}.night{--bg:#1F1F1F;--contentBg:#292929;--selectedBg:#300603;--border:#191919;--color:#FFF}.night .yla-dialog{color:var(--color);background-color:var(--bg)}.night .yla-dialog>.yla-dialog__header{background-color:var(--contentBg);border-bottom:1px solid var(--border)}.night .yla-dialog>.yla-dialog__body>input,.night .yla-dialog>.yla-dialog__body>textarea{color:var(--color);border-color:var(--border);background-color:var(--contentBg)}.night .yla-dialog>.yla-dialog__footer{border-color:var(--border)}*{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:var(--bg);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:var(--sidebarBg);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:var(--contentBg);background-color:var(--main);flex-shrink:0}.page #sidebar>a{width:60px;line-height:60px;text-align:center;display:block;color:var(--colorSidebar);flex-shrink:0}.page #sidebar>a>span{display:block;height:0;line-height:0;overflow:hidden}.page #sidebar>a:hover,.page #sidebar>a:focus{background-color:#232323}.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}@media (max-width:600px){.page.night #sidebar{border-right-width:0;border-bottom:1px solid var(--border)}.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:var(--bg);-webkit-box-pack:center;justify-content:center;padding:16px}#login-page>.error-message{width:100%;max-width:400px;font-size:.9em;background-color:var(--contentBg);border:1px solid var(--border);padding:16px;margin-bottom:16px;text-align:center;color:var(--main)}#login-page #login-box{width:100%;max-width:400px;background-color:var(--contentBg);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;border:1px solid var(--border)}#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 var(--border);flex-shrink:0}#login-page #login-box #logo-area #logo{font-size:3em;font-weight:100;color:var(--main)}#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:var(--main)}#login-page #login-box #input-area{padding:8px;border-bottom:1px solid var(--border)}#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:var(--color);font-size:.9em;margin-right:16px;min-width:65px}#login-page #login-box #input-area .input-field input{color:var(--color);padding:8px;background-color:var(--contentBg);border:1px solid var(--border);-webkit-box-flex:1;flex:1 0;font-size:.9em}#login-page #login-box #input-area .input-field a{display:block;cur