X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/f938afb8ab4cb091d12e0ef0311eaea14b774798..877f24b0b26f4f2473f8d6dfe2946a213bd286c0:/redakcja/static/css/gallery.css?ds=inline diff --git a/redakcja/static/css/gallery.css b/redakcja/static/css/gallery.css index 379abcce..55c020ee 100644 --- a/redakcja/static/css/gallery.css +++ b/redakcja/static/css/gallery.css @@ -1,19 +1,87 @@ -/* =========== */ -/* = Gallery = */ -/* =========== */ - -#side-gallery { +#sidebar { + display:none; position: absolute; - /* overflow: hidden; */ top: 0px; right: 0px; bottom: 0px; width: 480px; - display: none; background-color: #FFF; } -#side-gallery .error_message +#side-search { + height: 100%; + display: none; + background-color: #C1C1C1; +} + +#side-search p { + padding: .5em; +} + +#side-annotations { + display: none; +} + +.annotations-list { + position: absolute; + left: 0; + top: 28px; + right: 0; + bottom: 0; + overflow: auto; + padding: 1em 1em 0 1em; +} + +#side-annotations .active { + font-weight: bold; +} + +#side-annotations .spinner { + position: absolute; + left: 0; + top: 28px; + right: 0; + bottom: 0; + text-align:center; + padding-top: 50%; + background: white; +} + +#side-annotations .spinner img { + margin-top: -15px; +} + +#side-annotations .akap { + font-size: 16px; + font-family: "Georgia", "Times New Roman", serif; + line-height: 1.5em; + margin-bottom: 1em; + position: relative; +} + +#side-annotations .src { + font-family: monospace; + font-size: 10px; + font-weight: 400; + line-height: 13px; + position: absolute; + top: 0; + bottom: -.5em; + display:none; + background: white; + border: 1px solid #888; + width: 100%; +} + +#side-annotations .akap:hover .src { + display: block; +} + +/* =========== */ +/* = Gallery = */ +/* =========== */ + +#side-gallery .error_message { background-color: white; color: black; @@ -49,12 +117,12 @@ -khtml-user-select: none; -moz-user-select: none; cursor: pointer; - + background-color: white; min-height: 100px; min-width: 100px; } .gallery-image img[src=''] { - background-color: red; + background-color: red; }