shiori/view/css/stylesheet.css

.header-link{border-right:1px solid #E5E5E5;color:#232323;cursor:pointer;font-size:.9em;line-height:60px;overflow:hidden;padding:0 16px}.header-link:hover{color:#F44336}.full-overlay{position:fixed;z-index:101;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;background-color:rgba(0,0,0,0.5);top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-box-pack:center;justify-content:center;padding:32px}*{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}#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}#login-page>.error-message{width:100%;margin:16px 16px 0;max-width:400px;background-color:#FFF;border:1px solid #E5E5E5;padding:16px;text-align:center}#login-page #login-box{width:100%;margin:16px;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}#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-weight:100;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:#EEE;font-size:.9em;margin-right:16px;min-width:65px}#login-page #login-box #input-area .input-field input{color:#232323;padding:8px;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:#EEE;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:#EEE}#login-page #login-box #input-area .input-field a:hover{color:#F44336}#login-page #login-box #button-area{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;padding:16px}#login-page #login-box #button-area a{color:#999;text-transform:uppercase;background-color:#FFF;-webkit-box-flex:1;flex:1 0;text-align:center}#login-page #login-box #button-area a.button{cursor:pointer}#login-page #login-box #button-area a.button:hover{color:#f4a236}#index-page{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;width:100vw;height:100vh;background-color:#EEE;min-width:0;min-height:0;overflow:hidden}#index-page #sidebar{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;flex-shrink:0;background-color:#353535;min-width:0;min-height:0;overflow:hidden}#index-page #sidebar #logo{width:60px;line-height:60px;text-align:center;font-size:2em;color:#FFF;background-color:#F44336}#index-page #sidebar>a{width:60px;line-height:60px;text-align:center;display:block;color:#EEE}#index-page #sidebar>a:hover{background-color:#232323}#index-page #sidebar>a.active{background-color:#232323;color:#F44336}#index-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;overflow:hidden}#index-page #body #header{background-color:#FFF;border-bottom:1px solid #E5E5E5;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;color:#232323;-webkit-box-align:center;align-items:center;min-width:0;min-height:0;overflow:hidden;flex-shrink:0}#index-page #body #header input{-webkit-box-flex:1;flex:1 0;line-height:60px;padding:0 16px;font-size:1em;border-right:1px solid #E5E5E5}#index-page #body #header a{width:60px;line-height:60px;text-align:center;color:#999}#index-page #body #header a:hover,#index-page #body #header a:focus{color:#F44336}#index-page #body #content{overflow-y:auto}#index-page #body #content #grid{display:grid;grid-template-rows:auto;grid-template-columns:repeat(4, 1fr);grid-gap:16px;padding:16px 16px 0}#index-page #body #content #grid .bookmark{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;min-width:0;border:1px solid #E5E5E5;background-color:#FFF;height:100%}#index-page #body #content #grid .bookmark:hover .bookmark-menu>a,#index-page #body #content #grid .bookmark:focus .bookmark-menu>a{display:block}#index-page #body #content #grid .bookmark .bookmark-content{display:block;-webkit-box-flex:1;flex:1;cursor:default}#index-page #body #content #grid .bookmark .bookmark-content[href]{cursor:pointer}#index-page #body #content #grid .bookmark .bookmark-content[href]:hover .title,#index-page #body #content #grid .bookmark .bookmark-content[href]:focus .title{color:#F44336}#index-page #body #content #grid .bookmark .bookmark-content img{width:100%;max-height:13em;object-fit:cover;margin-bottom:8px}#index-page #body #content #grid .bookmark .bookmark-content .title{text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;font-size:1.2em;line-height:1.3em;max-height:5.2em;font-weight:600;padding:0 16px;color:#232323}#index-page #body #content #grid .bookmark .bookmark-content .title:first-child{margin-top:16px}#index-page #body #content #grid .bookmark .bookmark-content .excerpt{color:#232323;margin-top:8px;padding:0 16px;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;font-size:.9em;line-height:1.5em;max-height:10.5em}#index-page #body #content #grid .bookmark .bookmark-menu{padding:8px 16px 16px;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;min-width:0;min-height:0;-webkit-box-align:center;align-items:center}#index-page #body #content #grid .bookmark .bookmark-menu a{color:#999;flex-shrink:0;opacity:.8;display:none;font-size:.9em}#index-page #body #content #grid .bookmark .bookmark-menu a:not(:last-child){margin-right:12px}#index-page #body #content #grid .bookmark .bookmark-menu a:hover,#index-page #body #content #grid .bookmark .bookmark-menu a:focus{color:#F44336;opacity:1}#index-page #body #content #grid .bookmark .bookmark-menu .url{-webkit-box-flex:1;flex:1 0;opacity:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:21px}#index-page #body #content #grid .pagination-box{grid-column-start:1;grid-column-end:-1;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap}#index-page #body #content #grid .pagination-box a{padding:8px;color:#999}#index-page #body #content #grid .pagination-box a:hover,#index-page #body #content #grid .pagination-box a:focus{color:#F44336}#index-page #body #content #grid .pagination-box input{width:40px;padding:8px;text-align:center;font-size:.9em;border:1px solid #E5E5E5;margin:0 8px}#index-page #body #content #grid .pagination-box p{font-size:.9em;color:#999;line-height:37px;font-weight:600}#index-page #body #content #grid .pagination-box p:last-of-type::before{content:"/";margin-right:8px}#index-page #body #content #grid #grid-padding{grid-column-start:1;grid-column-end:-1;min-height:1px}#index-page #body #content #grid.list{grid-gap:0;grid-template-columns:1fr;max-width:1280px}#index-page #body #content #grid.list .pagination-box{margin-top:16px}#index-page #body #content #grid.list .pagination-box:first-of-type{margin-top:0;margin-bottom:16px}#index-page #body #content #grid.list .bookmark{border-top-width:0;border-bottom-width:1px;position:relative;padding-left:100px;background-color:#FAFAFA}#index-page #body #content #grid.list .bookmark:first-of-type{border-top-width:1px}#index-page #body #content #grid.list .bookmark .bookmark-content{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;background-color:#FFF;border-left:1px solid #E5E5E5;padding:16px 24px 8px}#index-page #body #content #grid.list .bookmark .bookmark-content img{position:absolute;top:0;left:0;width:100px;height:100%;margin-bottom:0}#index-page #body #content #grid.list .bookmark .bookmark-content .title{padding:0;margin-top:0;white-space:nowrap}#index-page #body #content #grid.list .bookmark .bookmark-content .excerpt{display:none}#index-page #body #content #grid.list .bookmark .bookmark-menu{background-color:#FFF;border-left:1px solid #E5E5E5;padding:0 24px 16px}#index-page #body #content #grid.list #grid-padding{min-height:16px}#cache-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:auto;min-height:100vh}#cache-page a{color:#F44336}#cache-page a:visited{color:#F44336}#cache-page a:hover{text-decoration:underline}#cache-page>*{width:100%;max-width:864px}#cache-page #menu{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;max-width:864px;border-bottom:1px solid #E5E5E5}#cache-page #menu a{-webkit-box-flex:1;flex:1 0;font-size:.9em;text-align:center;color:#999;padding:16px;cursor:pointer}#cache-page #menu a i{margin-right:4px}#cache-page #menu a:not(:last-child){border-right:1px solid #E5E5E5}#cache-page #menu a:visited{color:#999}#cache-page #menu a:hover{color:#F44336;text-decoration:none}#cache-page #metadata{padding:32px;border-bottom:1px solid #E5E5E5}#cache-page #metadata a{font-size:.9em;display:block}#cache-page #metadata h3{font-size:2em;margin:8px 0}#cache-page #metadata p{font-size:.9em;color:#232323}#cache-page #content{padding:16px 32px 32px}#cache-page #content *{margin-top:16px;line-height:180%;overflow:auto}#cache-page #content pre,#cache-page #content code{font-family:'Ubuntu Mono','Courier New',Courier,monospace}#cache-page.dark-mode{background-color:#222;color:white}#cache-page.dark-mode #menu a{color:white}#cache-page.dark-mode #menu a:visited{color:white}#cache-page.dark-mode #menu a:hover{color:#F44336;text-decoration:none}#cache-page.dark-mode #metadata p{color:white}