diff options
Diffstat (limited to 'doc/style.css')
-rw-r--r-- | doc/style.css | 110 |
1 files changed, 67 insertions, 43 deletions
diff --git a/doc/style.css b/doc/style.css index 8c16e7a2f..c0f1a8343 100644 --- a/doc/style.css +++ b/doc/style.css @@ -549,47 +549,71 @@ a.login_large_btn:focus { display: none; } -/* mobile/small-screen-friendly layout */ -@media (max-width: 600px) { - .sidebar { - width: auto; - float: none; - margin-top: 0; - border: none; - } - - /* if the mobile browser is new enough, use flex layout to shuffle - * the sidebar to the end */ - .page { - display: -webkit-box; - display: -webkit-flexbox; - display: -webkit-flex; - display: -moz-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-flex-direction: tb; - -webkit-flex-direction: column; - -webkit-flex-flow: column; - -ms-flex-direction: column; - flex-direction: column; - } - #pageheader { - -webkit-box-ordinal-group: -1; - -webkit-order: -1; - -ms-box-ordinal-group: -1; - -ms-flex-order: -1; - order: -1; - } - .sidebar, #footer { - -webkit-box-ordinal-group: 1; - -webkit-order: 1; - -ms-box-ordinal-group: 1; - -ms-flex-order: 1; - order: 1; - } - - .blogform, #blogform { - padding: 4px 4px; - } +.album, .album-end, .album-item { clear: both; } + +.album-arrow { + font-size: 400%; +} + +.album-item { + padding: 2px 0px; +} + +.album-viewer { + position: relative; +} +.album-prev, .album-next, .album-finish { + position: absolute; + top: 0%; + height: 100%; + width: 100px; +} +.album-prev a, .album-next a, .album-finish a { + display: block; + padding-top: 1em; + width: 100%; + height: 100%; + text-decoration: none; +} +.album-prev .album-thumbnail, .album-next .album-thumbnail { + position: absolute; + top: 8em; +} +.album-prev { left: 0px; } +.album-next, .album-finish { right: 0px; } +#album-img { + clear: both; + margin-left: 100px; + margin-right: 100px; + text-align: center; +} +.album-item .album-title, +.album-item .album-metadata, +.album-item .album-caption { + margin-left: 120px; +} +.album-item .album-thumbnail { + float: left; + padding: 8px; + margin-right: 0px; + margin-left: auto; + text-align: right; +} +.album-thumbnail { + min-height: 72px; + min-width: 96px; +} +.album-item .album-metadata { + padding: 8px; + font-size: small; +} +.album-item .album-size, .album-item .album-ctime { + padding-right: 1em; +} +.album-item .album-title { + font-weight: bold; + font-size: larger; +} +.album-item .album-title a { + text-decoration: underline; } |