X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/3726f9b225fb5c39cbf067f53d4cf6f7d8a9f326..82c3054bcdeb000aa9782da80d644070797b5cbe:/apps/wolnelektury_core/static/css/master.picture.css?ds=sidebyside diff --git a/apps/wolnelektury_core/static/css/master.picture.css b/apps/wolnelektury_core/static/css/master.picture.css index e8aa3e633..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; -} - +// cursor: move; -.picture-wrap img.original { - width: 100%; -} - -.picture-wrap img.loading { - margin-left: -10000px; } .picture-wrap .mark { @@ -42,90 +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; + background-color: rgba(200, 200, 200, 0.7); + color: rgba(0,0,0,0.6); + font-size: 0.9rem; +// bottom: -1.5em; } -li.button { - clear: both; -} -li.button.square { - clear: none; - float: left; +.button.inactive:active, +.button.inactive:link, +.button.inactive:visited +{ + color: #606060 !important; + cursor: not-allowed; } -#picture-view .toolbar .button a:link, -#picture-view .toolbar .button a:visited { - color: #FFF; +#sponsors { + margin-top: 3em; } - -#picture-view .toolbar.button a:active { - color: yellow; +#sponsors img { + width: 100%; } -.moveright { - margin-left: 8rem !important; +#spinner { + height: 1em; + z-index:10; } -#sponsors { - position: absolute; - display: block; - top: 3.5rem; - right: 2rem; - z-index:1; - width: 9rem; -} -#sponsors div { - z-index: 10; +.dropdown-body { + font-size: 0.8rem; + background-color: #444; } -#sponsors img { - width: 100%; - z-index: 10; -} \ No newline at end of file