flat titulni strana

Pokus o vylepseni titulni stranky tak,
ze pokud mame mensi sirku, tak se novinky
preskupi nad graf a daji na celou sirku,
jen nevim, jak udelat, aby se pro ruzne
sirky aplikovali ruzne styly.

mamweb/static/css/mamweb.css

@@ -299,6 +299,11 @@ div.zadani_azad_termin {
 		padding: 20px 0px 20px 0px;
 		float: none;
 	}
+  
+  div.novinky{
+    max-width: 42%;
+  }
+
 }
 
 @media (max-width: 767px) {
@@ -407,6 +412,10 @@ div.zadani_azad_termin {
 		padding: 30px 0px 20px 0px;
 		float: none;
 	}
+  
+  div.novinky{
+    max-width: 100%;
+  }
 }
 
 
@@ -462,3 +471,17 @@ div.zadani_azad_termin {
   width: 33%;
 }
 
+/* titulni stranka */
+
+.zjistit_vic{
+  text-align: center;
+}
+
+.graf{
+  float: left;
+}
+
+.novinky{
+  float: right;
+  /*max-width: 42%;*/
+}

seminar/templates/seminar/titulnistrana.html

@@ -17,10 +17,36 @@ M&M je korespondeční seminář. Několikrát do roka zdarma vydáváme ča
  M&M je taky soutěž. Můžeš vyhrát knížky, deskovky nebo dokonce dort. Můžeš se dostat na matfyz bez přijímaček. A především s námi můžeš jet na skvělé soustředění.
 </p>
 
-  <table>
-    <tr>
-      <td>
+<div class="novinky">
+  {% if dead %}
+  <div class="odpocet">
+    <p><b>Do konce odeslání řešení zbývá:<br>
+      <big>{{ted|timesince:dead}}</big></b></p>
+
+     
+    <!-- 
+    {{cas_do_konce_dni}} dní
+    {% if cas_do_konce_dni < 5 %}
+      {{cas_do_konce_hodin}} hodin
+      {% if cas_do_konce_hodin < 5 %}
+        {{cas_do_konce_minut}} minut
+        {% if cas_do_konce_minut < 5 %}
+          {{cas_do_konce_sekund}}
+        {% endif %}
+      {% endif %}
+    {% endif %}
+    -->
+
+  </div>
+  {% endif %}
+  {# Novinky #}
+  <h2>Novinky</h2>
+  {% include 'seminar/novinky.html' %}
+
+  <a href='/stare-novinky/'>Archiv novinek</a>
+</div>
 <div class="graf">
+
 <img class="map" src="{% static 'images/graph.png' %}" width="505.0" height="612.0" usemap="#vuemap">
 
 <map name="vuemap"> 
@@ -46,43 +72,10 @@ M&amp;M je korespondeční seminář. Několikrát do roka zdarma vydáváme ča
  <area href="/media/ilustrace/graf/dort.jpg"  id="dort" shape="rect" coords="60,519,121,554"></area>
 
 </map>
-</div>
-
-  <center>
+  <span class="zjistit_vic">
     <h3><a href="/co-je-MaM/uvod/">Zjistit víc!</a></h3>
-  </center></p>
-      </td>
-      <td valign="top">
-  {% if dead %}
-  <div class="odpocet">
-    <p><b>Do konce odeslání řešení zbývá:<br>
-      <big>{{ted|timesince:dead}}</big></b></p>
-
-     
-    <!-- 
-    {{cas_do_konce_dni}} dní
-    {% if cas_do_konce_dni < 5 %}
-      {{cas_do_konce_hodin}} hodin
-      {% if cas_do_konce_hodin < 5 %}
-        {{cas_do_konce_minut}} minut
-        {% if cas_do_konce_minut < 5 %}
-          {{cas_do_konce_sekund}}
-        {% endif %}
-      {% endif %}
-    {% endif %}
-    -->
-
+  </span>
 </div>
-  {% endif %}
-  {# Novinky #}
-  <h2>Novinky</h2>
-  {% include 'seminar/novinky.html' %}
-
-  <a href='/stare-novinky/'>Archiv novinek</a>
-      </td>
-    </tr>
-  </table>
-