User:冰阅/自用模板/图书馆模板/style.css
跳到导航
跳到搜索
@media screen and (max-width: 890px) { #library .library-box { min-width:135px; height:auto; display:flex; flex-wrap: wrap; justify-content: left; align-content: flex-start; padding:10px; padding-left:10px; padding-right:10px; } #library .library-box-f { background-color:rgba(22,22,22,0.125); } } @media screen and (min-width: 890px) { #library .library-box { min-width:455px; height:960px; display:flex; flex-wrap: wrap; justify-content: left; align-content: flex-start; padding:10px; padding-left:25px; padding-right:25px; overflow-x: hidden; overflow-y: auto; } #library .library-box-f { background-color:rgba(22,22,22,0.125); } .window-body #library .library-box { min-width:455px; max-height:380px; display:flex; flex-wrap: wrap; justify-content: left; align-content: flex-start; padding:10px; padding-left:25px; padding-right:25px; overflow-x: hidden; overflow-y: auto; } } #library .book-box { width:178px; height:304px; padding:2px; border:1px solid #fff; margin:5px; } #library .library-box .book-box:last-child { margin-right: auto; } #library .book-box .image-size-box { width:97%; height:228px; background:rgba(22,22,22,0.2); border:1px solid #fff; overflow: hidden; margin:1px; } /*.image-box { margin:auto; width:100%; } .image-box:hover { margin:auto; min-width:100%; min-height:100%; }*/ #library .book-box .book-text { width:95%; height:64px; margin:1px; margin-top:2px; padding:2px; color: white; background:rgba(22,22,22,0.35); border:1px solid #fff; line-height:16px; overflow: hidden; text-overflow:ellipsis; } #library span.book-title { margin-top:-10px; font-size: larger; font-weight: bold; } #library .book-text-padding { margin-top:-8px; } #library .book-text a:link { color: #AFBAC0; } #library .book-text a:visited { color: #9FAAB0; } #library a.external.free { color: #AFCAD0; } #library .external.text { color: #AFCAD0; } #library a.external { color: #AFCAD0; } #library a.free { color: #AFCAD0; } #library .mw-body a.external:visited { color: #AFCAD0; } #library .mw-parser-output a.external:visited { color: #9FAAB0; }