galerie | prechodove sipky

galerie/TODO

@@ -3,8 +3,14 @@
 |======|
 
 Aktualni
-* třízení podgalerií
 * do CSS
+  * nahledy
+    * nastylovat tabulku s nahledy
+    * komentare uz na nahledy?
+  * detail
+    * nahledy pred a po
+    * opravit prechodove sipky
+    * vyrobit prechodove sipky ve M&M-stylu
 
 Dlouhodobe
 * sipky na prechazeni mezi fotkami

mamweb/static/css/mamweb.css

@@ -408,3 +408,57 @@ div.zadani_azad_termin {
 		float: none;
 	}
 }
+
+
+/* galerie */
+
+.predchozi_obrazek{
+  position: absolute;
+  z-index: 1;
+  width: 33%;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.predchozi_obrazek:hover{
+  background-image: url("/static/galerie/prvky/predchozi.png");
+  background-position: left center;
+  background-repeat: no-repeat;
+}
+.dalsi_obrazek{
+  position: absolute;
+  z-index: 1;
+  width: 33%;
+  height: 100%;
+  left: 67%;
+  top: 0;
+}
+.dalsi_obrazek:hover{
+  background-image: url("/static/galerie/prvky/dalsi.png");
+  background-position: right center;
+  background-repeat: no-repeat;
+}
+
+.galerie{
+  position: relative;
+}
+.galerie_top{
+  margin: 1em 0;
+  text-align: right;
+}
+.galerie_bot{
+  margin: 1em 0;
+}
+.galerie_index{
+  width: 100%;
+}
+.galerie_index td{
+  width: 50%;
+}
+.galerie_nahled{
+  width: 100%;
+}
+.galerie_nahled td{
+  width: 33%;
+}
+