mirror of
https://github.com/go-shiori/shiori.git
synced 2024-11-16 22:25:13 +08:00
1 line
No EOL
15 KiB
CSS
1 line
No EOL
15 KiB
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:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;padding:16px;-webkit-box-pack:center;justify-content:center}#login-page #login-box #button-area a{color:#999;text-transform:uppercase;text-align:center;font-size:.9em;font-weight:600}#login-page #login-box #button-area a:hover,#login-page #login-box #button-area a:focus{color:#F44336}#login-page.night{background-color:#1F1F1F}#login-page.night>.error-message{border-color:#191919;background-color:#292929}#login-page.night #login-box{border-color:#191919;background-color:#292929}#login-page.night #login-box #logo-area{border-color:#191919}#login-page.night #login-box #input-area{border-color:#191919}#login-page.night #login-box #input-area .input-field p{color:#FFF}#login-page.night #login-box #input-area .input-field input{border-color:#191919;background-color:#292929;color:#FFF}#login-page.night #login-box #input-area .input-field a{color:#FFF}#login-page.night #login-box #input-area .input-field a i{color:#FFF}#login-page.night #login-box #input-area .input-field a:hover,#login-page.night #login-box #input-area .input-field a:focus{color:#F44336}#login-page.night #login-box #button-area a:hover,#login-page.night #login-box #button-area a:focus{color:#F44336}#index-page .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;position:fixed;left:60px;top:0;right:0;z-index:11}#index-page #header input{-webkit-box-flex:1;flex:1 0;line-height:60px;padding:0 16px;min-width:0;font-size:1em;background-color:#FFF;border-right:1px solid #E5E5E5}#index-page #header a{width:60px;line-height:60px;text-align:center;color:#999;flex-shrink:0}#index-page #header a:hover,#index-page #header a:focus{color:#F44336}#index-page #batch-edit{height:61px;flex-shrink:0;padding:16px;font-size:.9em}#index-page #batch-edit>*:not(:last-child){margin-right:32px}#index-page #batch-edit p{font-weight:600;-webkit-box-flex:1;flex:1 0}#index-page #batch-edit a{color:#999}#index-page #batch-edit a.disabled{opacity:.5;cursor:default}#index-page #batch-edit a:hover:not(.disabled),#index-page #batch-edit a:focus:not(.disabled){color:#F44336}#index-page #batch-edit a i{margin-right:6px}#index-page #batch-edit #cancel-edit{color:#232323;padding:4px;border:1px solid #E5E5E5;border-radius:4px}#index-page #batch-edit #cancel-edit:hover,#index-page #batch-edit #cancel-edit:focus{color:#F44336}#index-page #batch-edit #cancel-edit i{margin:0}#index-page #grid{display:grid;grid-template-rows:auto;grid-template-columns:repeat(4, 1fr);grid-gap:16px;padding:16px 16px 0;margin-top:60px;position:relative}#index-page #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%;position:relative}#index-page #grid .bookmark:hover .bookmark-menu>a,#index-page #grid .bookmark:focus .bookmark-menu>a{display:block}#index-page #grid .bookmark.selected{background-color:#fcd2cf}#index-page #grid .bookmark .bookmark-selector{position:absolute;top:0;left:0;width:100%;height:100%;z-index:101}#index-page #grid .bookmark .bookmark-link{display:block;cursor:default}#index-page #grid .bookmark .bookmark-link[href]{cursor:pointer}#index-page #grid .bookmark .bookmark-link[href]:hover .title,#index-page #grid .bookmark .bookmark-link[href]:focus .title{color:#F44336}#index-page #grid .bookmark .bookmark-link img{width:100%;max-height:13em;object-fit:cover;margin-bottom:8px}#index-page #grid .bookmark .bookmark-link .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 #grid .bookmark .bookmark-link .title:first-child{margin-top:16px}#index-page #grid .bookmark .bookmark-link .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 #grid .bookmark .bookmark-tags{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;margin:4px 0 -4px;padding:0 8px}#index-page #grid .bookmark .bookmark-tags a{margin:4px;padding:4px 8px;font-size:.8em;font-weight:600;border:1px solid #E5E5E5;border-radius:4px;color:#999}#index-page #grid .bookmark .bookmark-tags a:hover,#index-page #grid .bookmark .bookmark-tags a:focus{color:#F44336}#index-page #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 #grid .bookmark .bookmark-menu a{color:#999;flex-shrink:0;opacity:.8;display:none;font-size:.9em}#index-page #grid .bookmark .bookmark-menu a:not(:last-child){margin-right:12px}#index-page #grid .bookmark .bookmark-menu a:hover,#index-page #grid .bookmark .bookmark-menu a:focus{color:#F44336;opacity:1}@media (max-width:800px){#index-page #grid .bookmark .bookmark-menu a{display:block}#index-page #grid .bookmark .bookmark-menu a:not(:last-child){margin-right:24px}}#index-page #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 #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 #grid .pagination-box a{padding:8px;color:#999}#index-page #grid .pagination-box a:hover,#index-page #grid .pagination-box a:focus{color:#F44336}#index-page #grid .pagination-box input{width:40px;padding:8px;text-align:center;font-size:.9em;color:#232323;border:1px solid #E5E5E5;background-color:#FFF;margin:0 8px}#index-page #grid .pagination-box p{font-size:.9em;color:#999;line-height:37px;font-weight:600}#index-page #grid .pagination-box p:last-of-type::before{content:"/";margin-right:8px}#index-page #grid #grid-padding{grid-column-start:1;grid-column-end:-1;min-height:1px}#index-page #grid.list{grid-gap:0;grid-template-columns:1fr;max-width:1280px}#index-page #grid.list .pagination-box{margin-top:16px}#index-page #grid.list .pagination-box:first-of-type{margin-top:0;margin-bottom:16px}#index-page #grid.list .bookmark{border-top-width:0;border-bottom-width:1px;padding:16px 24px 16px 100px}#index-page #grid.list .bookmark:nth-child(2){border-top-width:1px}#index-page #grid.list .bookmark .bookmark-link img{position:absolute;top:0;left:0;width:100px;height:100%;margin-bottom:0}#index-page #grid.list .bookmark .bookmark-link .title{margin:0;padding-left:24px;white-space:nowrap}#index-page #grid.list .bookmark .excerpt,#index-page #grid.list .bookmark>.spacer{display:none}#index-page #grid.list .bookmark .bookmark-tags{-webkit-box-ordinal-group:6;order:5;padding-left:16px;padding-right:0;margin-right:-4px}#index-page #grid.list .bookmark .bookmark-menu{padding:4px 0 0 24px;-webkit-box-align:end;align-items:flex-end}#index-page #grid.list #grid-padding{min-height:16px}@media (min-width:2001px){#index-page #grid{grid-template-columns:repeat(6, 1fr)}}@media (max-width:2000px) and (min-width:1601px){#index-page #grid{grid-template-columns:repeat(5, 1fr)}}@media (max-width:1600px) and (min-width:1301px){#index-page #grid{grid-template-columns:repeat(4, 1fr)}}@media (max-width:1300px) and (min-width:1001px){#index-page #grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width:1000px) and (min-width:601px){#index-page #grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width:600px){#index-page #grid{grid-template-columns:1fr}}#index-page.night .header{color:#FFF;border-color:#191919;background-color:#292929}#index-page.night #header input{color:#FFF;border-color:#191919;background-color:#292929}#index-page.night #batch-edit #cancel-edit{color:#FFF;border-color:#191919}#index-page.night #batch-edit #cancel-edit:hover,#index-page.night #batch-edit #cancel-edit:focus{color:#F44336}#index-page.night #grid .bookmark{border-color:#191919;background-color:#292929}#index-page.night #grid .bookmark.selected{background-color:#300603}#index-page.night #grid .bookmark .title,#index-page.night #grid .bookmark .excerpt{color:#FFF}#index-page.night #grid .bookmark .bookmark-tags a{border-color:#191919}#index-page.night #grid .pagination-box input{color:#FFF;border-color:#191919;background-color:#292929}@media (max-width:600px){#index-page .header{position:static}#index-page #batch-edit>*:not(:last-child){margin-right:32px}#index-page #batch-edit span{display:none}#index-page #grid{margin-top:0}}#cache-page #sidebar #toggle-font{font-weight:600;font-size:1.2em}#cache-page #sidebar #toggle-font.serif{font-family:"Source Serif Pro",serif}#cache-page #body{color:#232323;overflow-y:auto;-webkit-box-align:center;align-items:center;padding:16px 16px 0}#cache-page #body.serif *{font-family:"Source Serif Pro",serif}#cache-page #body #header{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;width:100%;max-width:840px;grid-gap:12px;margin-bottom:16px;background-color:#FFF;padding:20px;border:1px solid #E5E5E5}#cache-page #body #header #title{grid-column-start:1;grid-column-end:-1;font-size:40px;font-weight:700;word-break:break-word;-webkit-hyphens:none;hyphens:none}#cache-page #body #header #time{font-size:16px;color:#999}#cache-page #body #header #url{font-size:16px;color:#999;text-align:right;justify-self:end}#cache-page #body #header #url:hover,#cache-page #body #header #url:focus{color:#F44336}@media (max-width:800px){#cache-page #body #header{grid-template-columns:1fr}#cache-page #body #header #url{justify-self:start}}#cache-page #body #content{width:100%;max-width:840px;grid-gap:12px;background-color:#FFF;padding:20px;border:1px solid #E5E5E5}#cache-page #body #content *{font-size:18px;line-height:180%}#cache-page #body #content *:not(:last-child){margin-bottom:20px}#cache-page #body #content a{color:#232323;text-decoration:underline}#cache-page #body #content a:hover,#cache-page #body #content a:focus{color:#F44336}#cache-page #body #content pre,#cache-page #body #content code{font-family:'Ubuntu Mono','Courier New',Courier,monospace}#cache-page #body #content ol,#cache-page #body #content ul{padding-left:16px}#cache-page #body #body-padding{width:100%;min-height:16px}#cache-page.night #body{color:#FFF}#cache-page.night #body #header{border-color:#191919;background-color:#292929}#cache-page.night #body #content{border-color:#191919;background-color:#292929}#cache-page.night #body #content a{color:#FFF}#cache-page.night #body #content a:hover,#cache-page.night #body #content a:focus{color:#F44336}@media (max-width:800px){.yla-tooltip{display:none}}#dialog-tags .yla-dialog__body{grid-template-columns:1fr 1fr}#dialog-tags .yla-dialog__body a{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:baseline;align-items:baseline}#dialog-tags .yla-dialog__body a span:last-child{font-size:.9em;color:#999;margin-left:8px}#dialog-tags .yla-dialog__body a span:last-child::before{content:"(";margin-right:2px}#dialog-tags .yla-dialog__body a span:last-child::after{content:")";margin-left:2px}#dialog-tags .yla-dialog__body a:hover,#dialog-tags .yla-dialog__body a:focus{color:#F44336} |