+.bar.navbar { padding-left: calc(50% - (5 * (64px + 5px) / 2)); }
+
+.bar.optionbar.s1 { padding-left: calc(50% - (1 * (64px + 5px) / 2)); }
+.bar.optionbar.s4 { padding-left: calc(50% - (4 * (64px + 5px) / 2)); }
+
+.bar.optionbar {
+ bottom: 0;
+}
+
+.bar .button {
+ height: 54px;
+ width: 54px;
+ line-height: 54px;
+ margin: 5px;
+}
+
+.bar .gotobox {
+ display: inline-block;
+}
+
+.bar .gotobox .items {
+ background-color: white;
+ border: 1px solid gray;
+ border-radius: 5px;
+ width: 196px;
+ margin: -5px;
+ margin-left: -66px;
+ max-height: 400px;
+}
+
+.bar .button.first { color: transparent; background-image: url('/arrow_double_left-32x32.png'); }
+.bar .button.previous { color: transparent; background-image: url('/arrow_left-32x32.png'); }
+.bar .button.next { color: transparent; background-image: url('/arrow_right-32x32.png'); }
+.bar .button.last { color: transparent; background-image: url('/arrow_double_right-32x32.png'); }
+
+.bar .button.back { color: transparent; background-image: url('/back-32x32.png'); }
+.bar .button.zoomreal { color: transparent; background-image: url('/actual_size-32x32.png'); }
+.bar .button.zoomwidth { color: transparent; background-image: url('/fit_to_width-32x32.png'); }
+.bar .button.zoomheight { color: transparent; background-image: url('/fit_to_height-32x32.png'); }
+