+
+.viewer {
+ padding-top: 64px;
+ padding-bottom: 64px;
+}
+
+.viewer .title {
+ background-color: #AAA391;
+ text-align: center;
+ font-variant: small-caps;
+ color: white;
+}
+
+.viewer.img {
+ margin: auto;
+ display: block;
+}
+
+a.viewer.link:hover {
+ background-color: transparent;
+}
+
+.viewer.text {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+.desc {
+ display: flex;
+ padding-top: 10px;
+}
+
+.desc .cover img {
+ width: 100px;
+ padding-right: 10px;
+ max-height: 280px;
+}
+
+.desc .details .col1 {
+ font-weight: bold;
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.desc .details .col2 {
+ color: #AAA391;
+}
+
+@media(min-width: 800px) {
+ .main {
+ max-width: 800px;
+ }
+
+ .bar.navbar { padding-left: calc(400px - (4 * 64px / 2)); }
+
+ .bar.optionbar.s1 { padding-left: calc(400px - (1 * 64px / 2)); }
+ .bar.optionbar.s4 { padding-left: calc(400px - (4 * 64px / 2)); }
+}