X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/1aa94794c14bd4d64474f146963dd4550e79d516..ab8ffbde2df33d9c699e029ba613d2b014ba44b8:/apps/wolnelektury_core/static/css/master.picture.css?ds=inline diff --git a/apps/wolnelektury_core/static/css/master.picture.css b/apps/wolnelektury_core/static/css/master.picture.css new file mode 100644 index 000000000..81bc69824 --- /dev/null +++ b/apps/wolnelektury_core/static/css/master.picture.css @@ -0,0 +1,136 @@ + +#picture-view { + width: 100%; + position:absolute; + top: 0; + bottom: 0; + z-index: 10; +} + +#picture-view .picture-wrap { + background-repeat: no-repeat; + margin: 3rem auto 1rem auto; + display: block; + position: relative; + z-index: 10; +// cursor: move; + +} + + +.picture-wrap img.loading { + margin-left: -10000px; +} + +.picture-wrap .mark { + border: 2px solid rgba(200, 200, 200, 0.7); + position: absolute; + display: block; +} + +.picture-wrap .mark .label { + position: absolute; + display: block; + background-color: rgba(200, 200, 200, 0.7); + color: rgba(0,0,0,0.6); + 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.inactive a:active, +.toolbar .button.inactive a:link, +.toolbar .button.inactive a:visited +{ + color: #606060 !important; + cursor: not-allowed; +} + +.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; + white-space: nowrap; +} + +#picture-view .toolbar .button.square a { + width: 4rem; //1.5rem; + font-weight: bold; +} + +li.button { + clear: both; +} +li.button.square { + clear: none; + float: left; +} + +.toolbar .button a:link, +.toolbar .button a:visited { + color: #FFF; +} + +#picture-view .toolbar.button a:active { + color: yellow; +} + +.moveright { + margin-left: 8rem !important; +} + +#sponsors { + position: absolute; + display: block; + left: 0; + bottom: 0; + width: 8rem; + + z-index:1; +} +#sponsors div { + z-index: 10; +} + +#sponsors img { + width: 100%; + z-index: 10; +} + +#spinner { + height: 1em; + z-index:10; +} \ No newline at end of file