Update picture viewer.
[wolnelektury.git] / apps / wolnelektury_core / static / css / master.picture.css
index d541d27..43abda4 100644 (file)
@@ -1,39 +1,60 @@
+
+#picture-view {
+    left: 0;
+    right: 0;
+    position:absolute;
+    top: 0;
+    bottom: 0;
+    z-index: 10;
+}
  
-#picture-view img.canvas {
-    width: 700px;
-    margin: 3rem auto 1rem auto;
+#picture-view .picture-wrap {
+    background-repeat: no-repeat;
+    margin: 0 auto 0 auto;
     display: block;
-//    position: fixed;
+    position: relative;
+    z-index: 10;
+//    cursor: move;
+
 }
 
-#picture-view .toolbar {
-    position: fixed;
-    top: 1.5rem;
-    right: 0rem;
-    background: #333;
-    color: #FFF;
-    opacity: 0.9;
-    z-index: 99;
-    list-style: none; 
-    padding: 0;
-    margin: 0;
+.picture-wrap .mark {
+    border: 2px solid rgba(200, 200, 200, 0.7);
+    position: absolute;
+    display: block;
 }
 
-#picture-view .toolbar .button a {
+.picture-wrap .mark .label {
+    position: absolute;
     display: block;
-    height:1.5rem;
-    width:1.5rem;
-    text-align: center;
-    color: #FFF;
-    padding: 0.2rem;
-    text-decoration: none;
+    background-color: rgba(200, 200, 200, 0.7);
+    color: rgba(0,0,0,0.6);
+    font-size: 0.9rem;
+//    bottom: -1.5em;
+}
+
+.button.inactive:active,
+.button.inactive:link,
+.button.inactive:visited
+{
+    color: #606060 !important;
+    cursor: not-allowed;
+}
+
+#sponsors {
+    margin-top: 3em;
+}
+#sponsors img {
+    width: 100%;
+}
+
+#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