Update picture viewer.

[wolnelektury.git] / 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 e8aa3e6..43abda4 100644 (file)
--- a/apps/wolnelektury_core/static/css/master.picture.css
+++ b/apps/wolnelektury_core/static/css/master.picture.css
@@ -1,6 +1,7 @@
 
 #picture-view {
 
 #picture-view {

-    width: 100%;
+    left: 0;
+    right: 0;

     position:absolute;
     top: 0;
     bottom: 0;
     position:absolute;
     top: 0;
     bottom: 0;


@@ -8,30 +9,13 @@
 }
  
 #picture-view .picture-wrap {
 }
  
 #picture-view .picture-wrap {

-    margin: 3rem auto 1rem auto;
+    background-repeat: no-repeat;
+    margin: 0 auto 0 auto;

     display: block;
     display: block;

+    position: relative;

     z-index: 10;
     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 {
 }
 
 .picture-wrap .mark {


@@ -42,90 +26,35 @@
 
 .picture-wrap .mark .label {
     position: absolute;
 
 .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;
     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