galerie | vylepseni css

galerie/templates/galerie/Galerie.html

@@ -5,14 +5,16 @@
 {% endblock %}{% endblock %}
 
 {% block content %}
-  <h1><a title="Zpět na náhled fotek" href="../#obsah">{{galerie.nazev}}</a></h1>
+  <div id="popis">
+    <h2><a title="Zpět na náhled fotek" href="../#obsah">{{galerie.nazev}}</a></h2>
+  </div>
 
 
   {# TODO šipky na přecházeni dodelat ve stylech #}
   <div class="galerie">
     {% if obrazky_predchozi %}
       {% with obrazky_predchozi|last as predchozi_obrazek %}
-        <div id="popis">
+        <div>
           <a title="Předchozí" class="predchozi_obrazek" href="../{{predchozi_obrazek.pk}}#popis"></a>
         </div>
       {% endwith %}

mamweb/static/css/mamweb.css

@@ -470,13 +470,17 @@ div.zadani_azad_termin {
 .galerie{
   position: relative;
   text-align: center;
-  width: 620px;
+  width: 630px;
   margin: 0 auto 0 auto;
 }
 
+.galerie h2{
+  text-align: center;
+}
+
 .popis{
   text-align: center;
-  margin: 10px;
+  margin: 10px 10px 30px 10px;
 }
 
 .galerie_nahledy{
@@ -485,6 +489,10 @@ div.zadani_azad_termin {
   text-align: center;
 }
 
+.galerie_nahledy img{
+  margin: 0 10px 0 10px;
+}
+
 .galerie_nahledy a{
   height: 100%;
   width: 100%;
@@ -496,12 +504,12 @@ div.zadani_azad_termin {
   height: 190px;
   text-align: center;
   border: solid;
-  border-width: 4px;
+  border-width: 2px;
   border-radius: 5px;
   border-color: #ffa500;
-  background-color: #ffa500;
+  background-color: #ffb52d;
-  margin: 10px;
   white-space: nowrap;
+  margin: 10px;
 }
 
 .vystredeno{ /* helper */