diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 119 |
1 files changed, 119 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..c8f38a0 --- /dev/null +++ b/style.css @@ -0,0 +1,119 @@ +@media screen and (orientation: portrait) { + img, video { + max-width: 90vw; } } +@media screen and (orientation: landscape) { + img, video { + max-height: 85vh; } } +@media (max-width: 500px) { + .btn.btn-close { + display: block; } + + .nav { + overflow: hidden; } + + .pagename { + margin-top: -11px; } + + .nav:active, .nav:focus { + height: auto; } + .nav div:before { + background: #000; + border-bottom: 10px double; + border-top: 3px solid; + content: ""; + float: right; + height: 4px; + position: relative; + right: 3px; + top: 14px; + width: 20px; } + .nav a { + display: block; + padding: 0.5em 0; + width: 50%; } } +body { + background: white; + border-radius: 0; + font: 1em sans-serif; + margin: 0; + padding: 5vw; } + +iframe { + width: 100%; + height: 90vh; } + +dt { + float: left; + clear: left; + width: 10em; + text-align: left; + font-weight: bold; } + +a { + color: #888; + text-decoration: none; } + +.center { + display: block; + margin-left: auto; + margin-right: auto; } + +.logo { + height: 1.25em; + vertical-align: top; } + +.nav { + background: #000; + color: #fff; + padding: 0.75em 0 1em 0; + height: 2.5em; } + .nav .pagename { + font-size: 2em; } + .nav .current { + background: #000; + color: #fff; } + .nav a { + text-decoration: none; + color: #aaa; + padding-right: 1em; + position: relative; } + .nav a:hover { + background: #000; + color: #fff; } + +.container { + margin: 0 1vw; + width: auto; } + +.btn { + margin: 0.5em; + text-decoration: none; + color: #000; } + +.btn-left { + margin: 1.5em; + text-decoration: none; + color: #000; + float: left; + display: inline-block; } + +.btn-right { + margin: 1.5em; + text-decoration: none; + color: #000; + float: right; + display: inline-block; } + +.pager { + width: 100%; } + +.fbtn { + font-size: 1em; + margin: 0.5em; + padding: 0.25em; + border: 1px solid black; + text-decoration: none; } + .fbtn:hover { + background: #aaa; } + +/*# sourceMappingURL=style.css.map */ |