height: 100%;
}
-table {
- width: 100%;
-}
-
.banner {
}
width: 250px;
display: flex;
margin: auto;
- margin-top: 200px;
+ margin-top: calc(50% - 320px);
flex-direction: column;
border: 1px solid gray;
padding: 20px;
.filter {
padding: 10px;
+ height: 36px;
+}
+
+.filter > * {
+ height: 36px;
+}
+
+.filter input[name='clear'] {
+ background-image: url('/clear-32x32.png');
+ color: transparent;
+ width: 36px;
+ height: 36px;
}
.books {
.book_line .link, .book_line .title {
flex-grow: 100;
- padding-right: 5px;
- padding-left: 5px;
+ padding: 5px;
}
.book_line .link {
margin: auto;
}
-.viewer {
- padding-top: 64px;
- padding-bottom: 64px;
-}
-
-.viewer.img {
- margin: auto;
- display: block;
-}
-
-a.viewer.link:hover {
- background-color: transparent;
-}
-
-.viewer.text {
- padding-left: 10px;
- padding-right: 10px;
-}
-
.bar.navbar { padding-left: calc(50% - (4 * 64px / 2)); }
.bar.optionbar.s1 { padding-left: calc(50% - (1 * 64px / 2)); }
.bar .button.zoomwidth { background-image: url('/fit_to_width-32x32.png'); }
.bar .button.zoomheight { background-image: url('/fit_to_height-32x32.png'); }
+.viewer {
+ padding-top: 64px;
+ padding-bottom: 64px;
+}
+
+.viewer.img {
+ margin: auto;
+ display: block;
+}
+
+a.viewer.link:hover {
+ background-color: transparent;
+}
+
+.viewer.text {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+.desc {
+ display: flex;
+}
+
+.desc .cover img {
+ width: 100px;
+}
+
@media(min-width: 800px) {
.main {
max-width: 800px;