X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/939f115b73778ebcd99e99abc04e94dbe16d17ff..69a96efdb07b874a503845692a4cdb9355458beb:/apps/wolnelektury_core/static/css/master.picture.css diff --git a/apps/wolnelektury_core/static/css/master.picture.css b/apps/wolnelektury_core/static/css/master.picture.css index c4e952cf0..43abda40a 100644 --- a/apps/wolnelektury_core/static/css/master.picture.css +++ b/apps/wolnelektury_core/static/css/master.picture.css @@ -1,32 +1,21 @@ #picture-view { - width: 100%; + left: 0; + right: 0; position:absolute; top: 0; bottom: 0; + z-index: 10; } #picture-view .picture-wrap { - margin: 3rem auto 1rem auto; + background-repeat: no-repeat; + margin: 0 auto 0 auto; display: block; -// position: absolute; -} + position: relative; + z-index: 10; +// cursor: move; -#picture-view .picture-wrap { - width: 700px; -} - -#picture-view .picture-wrap { - height: 500px; -} - - -.picture-wrap img.original { - width: 100%; -} - -.picture-wrap img.loading { - margin-left: -10000px; } .picture-wrap .mark { @@ -37,65 +26,35 @@ .picture-wrap .mark .label { position: absolute; - display: none; /*block;*/ - color: rgba(200, 200, 200, 0.8); + display: block; + background-color: rgba(200, 200, 200, 0.7); + color: rgba(0,0,0,0.6); font-size: 0.9rem; - bottom: -1.5em; +// bottom: -1.5em; } - -.toolbar { - position: fixed; - top: 1.5rem; - left: 0rem; - color: #FFF; - z-index: 99; - list-style: none; - padding: 0; - margin: 0; -} - -.toolbar ul { - list-style: none; - padding: 0; - margin: 0; - font-size: 0.8rem; - background-color: #222; -} - -.toolbar .button a { - background: #333; - opacity: 0.9; - display: block; - height:1.5rem; - - text-align: center; - color: #FFF; - padding: 0.2rem; - text-decoration: none; +.button.inactive:active, +.button.inactive:link, +.button.inactive:visited +{ + color: #606060 !important; + cursor: not-allowed; } -.toolbar .button .dropdown-body a { - height: 1.2rem; +#sponsors { + margin-top: 3em; } - -#picture-view .toolbar .button.square a { - width:1.5rem; +#sponsors img { + width: 100%; } -li.button { - clear: both; -} -li.button.square { - clear: none; - float: left; +#spinner { + height: 1em; + z-index:10; } -#picture-view .toolbar .button a:link, -#picture-view .toolbar .button a:visited { - color: #FFF; +.dropdown-body { + font-size: 0.8rem; + background-color: #444; } -#picture-view .toolbar.button a:active { - color: yellow; -} \ No newline at end of file