X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/29a13b9e77d5a7ac5d26c95488028f88e6b57c2f..bf3f18ce9313f4929ff327fbf12803157de171cb:/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 ab4c49ca7..43abda40a 100644 --- a/apps/wolnelektury_core/static/css/master.picture.css +++ b/apps/wolnelektury_core/static/css/master.picture.css @@ -1,6 +1,7 @@ #picture-view { - width: 100%; + left: 0; + right: 0; position:absolute; top: 0; bottom: 0; @@ -8,30 +9,13 @@ } #picture-view .picture-wrap { - margin: 3rem auto 1rem auto; + background-repeat: no-repeat; + margin: 0 auto 0 auto; display: block; + position: relative; z-index: 10; - cursor: move; -} -#picture-view .picture-wrap img { - z-index: 10; -} - -#picture-view .picture-wrap { - width: 700px; -} - -#picture-view .picture-wrap { - height: 500px; -} - - -.picture-wrap img.original { - width: 100%; -} +// cursor: move; -.picture-wrap img.loading { - margin-left: -10000px; } .picture-wrap .mark { @@ -42,95 +26,35 @@ .picture-wrap .mark .label { position: absolute; - display: none; /*block;*/ - color: rgba(200, 200, 200, 0.8); - font-size: 0.9rem; - bottom: -1.5em; -} - - -.toolbar { - position: fixed; - //top: 1.5rem; - left: 0rem; - color: #FFF; - z-index: 99; - list-style: none; - padding: 0; - margin: 0; - - background: #333; - opacity: 0.9; - width: 8rem; -} - -.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 0; - text-decoration: none; -} - -.toolbar .button .dropdown-body a { - height: 1.2rem; -} - -#picture-view .toolbar .button.square a { - width: 4rem; //1.5rem; -} - -li.button { - clear: both; -} -li.button.square { - clear: none; - float: left; -} - -#picture-view .toolbar .button a:link, -#picture-view .toolbar .button a:visited { - color: #FFF; -} - -#picture-view .toolbar.button a:active { - color: yellow; + background-color: rgba(200, 200, 200, 0.7); + color: rgba(0,0,0,0.6); + font-size: 0.9rem; +// bottom: -1.5em; } -.moveright { - margin-left: 8rem !important; +.button.inactive:active, +.button.inactive:link, +.button.inactive:visited +{ + color: #606060 !important; + cursor: not-allowed; } #sponsors { - position: absolute; - display: block; - top: 3.5rem; - right: 2rem; - z-index:1; - width: 9rem; -} -#sponsors div { - z-index: 10; + margin-top: 3em; } - #sponsors img { width: 100%; - z-index: 10; } #spinner { height: 1em; z-index:10; -} \ No newline at end of file +} + +.dropdown-body { + font-size: 0.8rem; + background-color: #444; +} +