proper sorting of pictures in gallery view

[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..81bc698 100644 (file)
--- a/apps/wolnelektury_core/static/css/master.picture.css
+++ b/apps/wolnelektury_core/static/css/master.picture.css
@@ -8,27 +8,15 @@
 }
  
 #picture-view .picture-wrap {
 }
  
 #picture-view .picture-wrap {

+    background-repeat: no-repeat;

     margin: 3rem auto 1rem auto;
     display: block;
     margin: 3rem auto 1rem auto;
     display: block;

+    position: relative;

     z-index: 10;
     z-index: 10;

-    cursor: move;
-}
-#picture-view .picture-wrap img {
-    z-index: 10;
-}
+//    cursor: move;

 
 

-#picture-view .picture-wrap {
-    width: 700px;

 }
 
 }
 

-#picture-view .picture-wrap {
-    height: 500px;
-}
-
-
-.picture-wrap img.original {
-    width: 100%;
-}

 
 .picture-wrap img.loading {
     margin-left: -10000px;
 
 .picture-wrap img.loading {
     margin-left: -10000px;


@@ -42,10 +30,11 @@
 
 .picture-wrap .mark .label {
     position: absolute;
 
 .picture-wrap .mark .label {
     position: absolute;

-    display: none; /*block;*/
-    color: rgba(200, 200, 200, 0.8);
+    display: block;
+    background-color: rgba(200, 200, 200, 0.7);
+    color: rgba(0,0,0,0.6);

     font-size: 0.9rem;
     font-size: 0.9rem;

-    bottom: -1.5em;
+//    bottom: -1.5em;

 }
 
 
 }
 
 


@@ -72,6 +61,14 @@
     background-color: #222;
 }
 
     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;
 .toolbar .button a {
     //background: #333;
     //opacity: 0.9;


@@ -86,10 +83,12 @@
 
 .toolbar .button .dropdown-body a {
     height: 1.2rem;
 
 .toolbar .button .dropdown-body a {
     height: 1.2rem;

+    white-space: nowrap;

 }
 
 #picture-view .toolbar .button.square a {
     width: 4rem; //1.5rem;
 }
 
 #picture-view .toolbar .button.square a {
     width: 4rem; //1.5rem;

+    font-weight: bold;

 }
 
 li.button {
 }
 
 li.button {


@@ -100,8 +99,8 @@ li.button.square {
     float: left;
 }
 
     float: left;
 }
 

-#picture-view .toolbar .button a:link,
-#picture-view .toolbar .button a:visited {
+.toolbar .button a:link,
+.toolbar .button a:visited {

     color: #FFF;
 }
 
     color: #FFF;
 }
 


@@ -116,10 +115,11 @@ li.button.square {
 #sponsors {
     position: absolute;
     display: block;
 #sponsors {
     position: absolute;
     display: block;

-    top: 3.5rem;
-    right: 2rem;
+    left: 0;
+    bottom: 0;
+    width: 8rem;
+

     z-index:1;
     z-index:1;

-    width: 9rem;

 }
 #sponsors div {
     z-index: 10;
 }
 #sponsors div {
     z-index: 10;


@@ -128,4 +128,9 @@ li.button.square {
 #sponsors img {
     width: 100%;
     z-index: 10;
 #sponsors img {
     width: 100%;
     z-index: 10;

+}
+
+#spinner {
+    height: 1em;
+    z-index:10;

 }
\ No newline at end of file
 }
\ No newline at end of file