První hrubý nástřel vzhledu.

mamweb/static/css/mamweb.css

@@ -1,6 +1,8 @@
-.header {
-  font-size: 200%;
-  background: #ea3;
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600&subset=latin,latin-ext);
+
+body {
+	font-family: 'Open Sans', sans-serif;
+	font-weight: 300;
 }
 
 .org-logged-in .mam-text-plugin {
@@ -39,4 +41,124 @@ table .border-b {
   height: 6em;
 }
 
+/* Headline & Header */
+
+#headline {
+	padding: 6px 10px;
+	font-size: 150%;
+	font-weight: 400;
+	background: #00c322; /* @mamgreen */
+}
+
+#header {
+	position: relative;
+	z-index: -1;
+}
+
+.header-lg {
+  font-size: 250%;
+  background-color: rgba(255,195,0,0.8);
+  height: 220px;
+  position: relative;
+}
+.header-md {
+  font-size: 250%;
+  background-color: rgba(255,195,0,0.8);
+  height: 220px;
+  position: relative;
+}
+
+#header img.logo {
+	position: absolute;
+	top: 25px;
+	left: 25px;
+	height: 110px;
+}
+#header h1 {
+	font-size: 130%;
+	position: absolute;
+	top: 125px;
+	left: 30px;
+	height: 110px;
+}
+#header img.header {
+	margin: -25px 20px 0px 0px;
+	height: 145px;
+	float: right;
+	visibility: hidden;
+}
+
+/* Menu */
+
+#menu {
+	background: #00c322; /* @mamgreen */
+	border-bottom-left-radius: 8px;
+	border-bottom-right-radius: 8px;
+}
+#menu ul {
+	padding: 0px;
+	margin: 0px;
+}
+#menu li {
+	display: inline-block;
+	border-radius: 0px;
+	
+	padding: 0px;
+	width: 16.66%;
+	min-width: 140px;
+	text-align: center;
+	
+	font-size: 150%;
+	font-weight: 400;
+	font-variant: small-caps;
+	border-bottom-left-radius: 8px;
+	border-bottom-right-radius: 8px;
+}
+#menu a {
+	display: block;
+	padding: 8px 10px;
+	color: black;
+}
+#menu a:hover {
+	background: #ffb000;
+	border-bottom-left-radius: 8px;
+	border-bottom-right-radius: 8px;
+	text-decoration: none;
+}
 
+#submenu {
+	/*border: 1px solid black;*/
+}
+#submenu ul {
+	padding: 0px 0px;
+	margin: 20px 0px 20px 0px;
+	background: #00c322; /* @mamgreen */
+	border-radius: 8px;
+	list-style-position: inside;
+	width: 100%;
+}
+#submenu li {
+	border-radius: 0px;
+	padding: 6px 15px;
+	margin-right: 0px;
+	font-size: 120%;
+}
+#submenu li:hover {
+	background: #ffb000;
+}
+#submenu li:first-child {
+	border-top-left-radius: 7px;
+	border-top-right-radius: 7px;
+	padding-top: 8px;
+}
+#submenu li:last-child {
+	border-bottom-left-radius: 7px;
+	border-bottom-right-radius: 7px;
+	padding-bottom: 8px;
+}
+#submenu li>a {
+	color: #000;
+}
+#submenu li>a:hover {
+	text-decoration: none;
+}

mamweb/templates/base.html

@@ -30,16 +30,46 @@
       {% endif %}
     </div>
     <div class="container">
-      <div class='header'>
-        <a href="/">Korespondenční seminář M&amp;M</a>
+	  <div class='row'>
+		<div class='col-md-12'>
+		  <div id="headline">
+			Studentský korespondenční seminář a časopis MFF UK
+		  </div>
+      	</div>
+      </div>
+	  <div class='row'>
+		<div class='col-md-12'>
+	  <div id="header">
+		  <div class='header-lg visible-lg-block'>
+			<img class="logo" src="{% static 'images/logocb.png' %}" />
+			<h1>Nadpis 1. úrovně</h1>
+			<img class="header" src="{% static 'images/liska6.png' %}" />
+			<!--<a href="/">Korespondenční seminář M&amp;M</a>-->
+		  </div>
+		  <div class='header-md visible-md-block'>
+			<img class="logo" src="{% static 'images/logocb.png' %}" />
+			<h1>Nadpis 1. úrovně</h1>
+			<img class="header" src="{% static 'images/liska6.png' %}" />
+			<!--<a href="/">Korespondenční seminář M&amp;M</a>-->
+		  </div>
+      </div>
+      </div>
       </div>
       <div class='row'>
-	<div class='col-md-4' style=''>
+	    <div class='col-md-12' style=''>
+	      <div id='menu'>
 	        {% include "menu.html" %}
+	      </div>
+	    </div>
+	  </div>
+	  <div class='row'>
+	<div class='col-md-3'>
+		<div id='submenu'>
 		  {% block submenu %}
 		  {% endblock %}
 		</div>
-	<div class='col-md-8'>
+	</div>
+	<div class='col-md-9'>
 	  {% block content %}
 	  {% endblock content %}
 	</div>

mamweb/templates/menu.html

@@ -1,15 +1,13 @@
 {% load i18n cache mam_menu %}
 {% aktualni_rocniky as rs %}
 
-<h2> MENU </h2>
-
 <ul>
   <li><a href="/co-je-MaM/uvod/">Co je M&amp;M</a>
   <li><a href="/soustredeni/uvod/">Soustředění</a>
   <li><a href="/zadani/aktualni/">Zadání</a>
   <li><a href="/clanky/uvod/">Články</a>
   <li><a href="/archiv/cisla/">Archiv</a>
-  <!--  <li><a href="/odevzdat-reseni/muj-ucet">Odeslat řešení</a>-->
+  <li><a href="/odevzdat-reseni/muj-ucet">Odeslat řešení</a>
 </ul>
 
 <!-- TODO smazat <ul>

seminar/templates/seminar/zadani/submenu.html

@@ -4,7 +4,7 @@
   <li><a href="{{cesta}}/aktualni-zadani/">Aktuální zadání</a>
   <li><a href="{{cesta}}/ulohy/">Úlohy</a>
   <li><a href="{{cesta}}/temata/">Témata</a>
-  <li><a href="{{cesta}}/aktualni-cislo/">Aktuální Číslo</a>
+  <li><a href="{{cesta}}/aktualni-cislo/">Aktuální číslo</a>
   <li><a href="{{cesta}}/vysledkove-listiny/">Výsledkové listiny</a>
 </ul>