práce na menu

5 years ago · 72ab2d9397
5 changed files with 544 additions and 20 deletions
--- a/mamweb/static/css/mamweb.css
+++ b/mamweb/static/css/mamweb.css
@ -211,10 +211,12 @@ div.menu {
 	height: 60px;
 	top: 12px;
 }
+/*
 div.menu ul {
 	padding: 0px;
 	margin: 0px;
 }
+*/
 div.menu li {
 	display: inline-block;
 	border-radius: 0px;
@ -261,6 +263,32 @@ img.decor { /*todo bug při zmenšování okna */
 	filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
 }

+/* testování nového menu */
+
+ul.row-menu {
+	background-color: green;
+}
+
+div.menu-item {
+	display: inline-block;
+	background-color: yellow;
+}
+
+li.active {
+	background-color: black;
+}
+
+ul.row-submenu {
+	background-color: green;
+	display: inline-block;
+}
+
+div.submenu.active {
+	display: block;	
+}
+
+
+/* konec testování nového menu */

 #submenu {
 	position: relative;
--- a/mamweb/static/images/pavouk.svg
+++ b/mamweb/static/images/pavouk.svg
@ -0,0 +1,481 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="pavouk.svg"
+   viewBox="0 0 1701.5103 483.00196"
+   height="483.00195"
+   width="1701.5103"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1"><sodipodi:namedview
+     inkscape:snap-page="true"
+     inkscape:current-layer="g12"
+     inkscape:window-maximized="1"
+     inkscape:window-y="27"
+     inkscape:window-x="67"
+     inkscape:cy="792.88311"
+     inkscape:cx="585.08857"
+     inkscape:zoom="0.42050095"
+     showgrid="true"
+     id="namedview4"
+     inkscape:window-height="1025"
+     inkscape:window-width="1853"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff"><inkscape:grid
+       type="xygrid"
+       id="grid903"
+       originx="630.00001"
+       originy="-2758.5084" /></sodipodi:namedview><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs6" /><g
+     id="g10"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.3333333,0,0,-1.3333333,630,3241.5103)"><g
+       id="g12"
+       transform="scale(0.1)"><path
+   d="m -2400.0001,22650.001 1650.00008,1650 H -2475.0001 l -375,-975 375,-2550.001 z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.62432671"
+   id="path40-9"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccc" /><path
+   d="M 3825.0001,20700 H -600.00002 l 150.00001,3600.001 H 3075.0001 l 450,-675 -450,-750 -37.5,-1687.5 z"
+   style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-7"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccccc" /><path
+   d="m 3975.0001,20700 -862.5,525.001 18.75,1537.5 468.75,787.5 1350,-2250 -75,-600.001 z"
+   style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-9"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccccc" /><path
+   d="M -750.00002,20700 -1050,22650.001 h -1200.0001 l 1650.00008,1650 z"
+   style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-6"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 3900.0001,23250.001 -600,1050 h 1500 l -75,-300 z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-0"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="M -1200,22500.001 -2400.0001,20850 l 150,1650.001 z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
+   id="path42-2-0-4"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="m 7950.0002,20700 v 300.001 l -1350,375 150,-675.001 c 0,0 1200,0 1200,0 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.60585165"
+   id="path40-8"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 8025.0002,23250.001 -2100.0001,-375 -787.5,300 2887.5001,825 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95103633"
+   id="path46-6"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 4125.0001,22950.001 -150,225 825,825 75,300 h 1425.0001 z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53091598"
+   id="path42-2-6-9"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccc" /><path
+   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m -4650.0001,24300.001 h 2025 l -225,-750 z"
+   id="path1203"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 6450.0002,24300.001 h 1575 v -225 l -2962.5001,-862.5 -150,75 z"
+   id="path1201-3"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccc" /><path
+   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:17.28637505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 5973.2134,22428.175 1976.7868,-153.174 26.7867,-303.175 c 0.1045,-1.183 1.1579,-0.264 0.8684,-0.198 -0.2895,0.07 -0.8684,0.198 -0.8684,0.198 l -1676.7867,-71.825 -750.0001,300 z"
+   id="path1199-9"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccsscccc" /><path
+   d="m -2925.0001,23475.001 -75,-150 h -1725 v 900 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.14541483"
+   id="path14-8"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m -4725.0001,22050.001 v 975 l 1875,-600 75,-300 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.50778055"
+   id="path42-2-6-3"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m -3000.0001,23250.001 150,-750 -1875,675 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.22198212"
+   id="path40-0"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   d="m 6300.0002,21750.001 -1200.0001,-375 -675,1050 z"
+   style="fill:#fbe1b8;fill-opacity:0.99537036;fill-rule:nonzero;stroke:none;stroke-width:1.15037227"
+   id="path42-2-0-4-1-7"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   style="opacity:1;fill:#fbe1b8;fill-opacity:0.99537036;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.37429619;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 4800.0001,23250.001 -600,-375 225,-375 975,-300 825.0001,450 z"
+   id="path1201-3-8"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccc" /><path
+   d="M -824.99998,20700 H -2400.0001 L -1125,22425.001 Z"
+   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53091598"
+   id="path42-2-6-9-4"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   style="opacity:1;fill:#fbe1b8;fill-opacity:0.99537036;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.37429619;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 6337.5002,21675.001 -1237.5001,-375 -150,-600.001 h 1650.0001 z"
+   id="path1201-3-8-1"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m -2775.0001,21750.001 -1950,-900.001 v 1050.001 l 1950,150 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.50778055"
+   id="path42-2-6-3-8"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m -4725.0001,20775 2025,825.001 150,-825.001 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.50778055"
+   id="path42-2-6-3-5"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccc" /><path
+   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+   d="m 6450.0002,21750.001 1500,150 v -750 l -1387.5,300 z"
+   id="path1201-3-9"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccc" /><path
+   d="m 8025.0002,22350.001 -1950,150 300,150 -300,150 1950,375 z"
+   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95103633"
+   id="path46-6-8"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccc" /><text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-2479.0271"
+   y="-23776.201"
+   id="text943"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan941"
+     x="-2479.0271"
+     y="-23776.201"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">TÉMATA</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-3860.8542"
+   y="-23998.783"
+   id="text947"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan945"
+     x="-3860.8542"
+     y="-23998.783"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">PŘÍSPĚVKY</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-4699.1372"
+   y="-23402.809"
+   id="text951"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan949"
+     x="-4699.1372"
+     y="-23402.809"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">EXPERIMENTY</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-3638.1172"
+   y="-22893.902"
+   id="text955"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan953"
+     x="-3638.1172"
+     y="-22893.902"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">DORT</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-4463.2573"
+   y="-22233.527"
+   id="text959"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan957"
+     x="-4463.2573"
+     y="-22233.527"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">MATEMATIKA</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-4580.792"
+   y="-21658.752"
+   id="text963"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan961"
+     x="-4580.792"
+     y="-21658.752"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">INFORMATIKA</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-3410.0103"
+   y="-20999.438"
+   id="text967"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan965"
+     x="-3410.0103"
+     y="-20999.438"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">FYZIKA</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-1619.9373"
+   y="-22939.824"
+   id="text971"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan969"
+     x="-1619.9373"
+     y="-22939.824"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">ČASOPIS</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-1813.4237"
+   y="-21032.748"
+   id="text975"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan973"
+     x="-1813.4237"
+     y="-21032.748"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">ČLÁNKY</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="-2179.4492"
+   y="-22183.111"
+   id="text979"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan977"
+     x="-2179.4492"
+     y="-22183.111"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">CENY</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="3272.7441"
+   y="-21275.193"
+   id="text983"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan981"
+     x="3272.7441"
+     y="-21275.193"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">SOUSTŘEDĚNÍ</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="3561.7891"
+   y="-24000.75"
+   id="text987"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan985"
+     x="3561.7891"
+     y="-24000.75"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">LEGENDA</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="5089.5425"
+   y="-21719.688"
+   id="text991"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan989"
+     x="5089.5425"
+     y="-21719.688"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">JÍDLO</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="4978.481"
+   y="-23944.379"
+   id="text995"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan993"
+     x="4978.481"
+     y="-23944.379"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">VÝLET</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="5038.8457"
+   y="-22603.861"
+   id="text999"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan997"
+     x="5038.8457"
+     y="-22603.861"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">HRY</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:49.00000095%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="5219.356"
+   y="-21045.506"
+   id="text1003"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan1001"
+     x="5219.356"
+     y="-21045.506"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:93.29998493%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">ODBORNÝ</tspan><tspan
+     sodipodi:role="line"
+     x="5219.356"
+     y="-20840.246"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:93.29998493%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px"
+     id="tspan1005">PROGRAM</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="6631.0488"
+   y="-21511.279"
+   id="text1009"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan1007"
+     x="6631.0488"
+     y="-21511.279"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">PŘEDNÁŠKY</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="6841.0249"
+   y="-20806.098"
+   id="text1013"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan1011"
+     x="6841.0249"
+     y="-20806.098"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">KONFERY</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="6107.6069"
+   y="-23829.896"
+   id="text1017"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan1015"
+     x="6107.6069"
+     y="-23829.896"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">NOČNÍ</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="6516.8569"
+   y="-22605.35"
+   id="text1021"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan1019"
+     x="6516.8569"
+     y="-22605.35"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">STRATEGICKÉ</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="6740.7725"
+   y="-22045.164"
+   id="text1025"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan1023"
+     x="6740.7725"
+     y="-22045.164"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">BĚHACÍ</tspan></text>
+
+
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;line-height:40.99999964%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   x="6261.6001"
+   y="-23310.738"
+   id="text1029"
+   transform="scale(1,-1)"><tspan
+     sodipodi:role="line"
+     id="tspan1027"
+     x="6261.6001"
+     y="-23310.738"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:220px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#6f2509;fill-opacity:1;stroke-width:7.5px">ADRENALINOVÉ</tspan></text>
+
+
+</g></g></svg>
--- a/mamweb/templates/base.html
+++ b/mamweb/templates/base.html
@ -67,6 +67,7 @@
      <div class='row'>
 	    <div class='col-md-12'>
          {# ========= MOBILE MENU ========== #}
+<!--
 		  <div class="menu mobile">
 		   	<div class="dropdown">
  			  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Menu
@ -96,33 +97,18 @@
          {# ======== KONEC MENU =============#}
 	    </div>
 	  </div>
-	  <div class='row'>
+	   <div class='row'>
 	    <div class='col-md-12'>
 		  {% block submenu %}
 		  {% endblock %}
 		  <img class="decor" src="{% static 'images/submenu.svg' %}" />
 	    </div>
 	  </div>
-	<div class='row content'>
-	{% sitetree_menu from "main_menu" include "trunk" %}
-
-	{#
-	{% for item in menu_top %}
-                <li class="{% if item.selected %} active {% endif %}">
-                <a href="{{ item.url }}"> <i class="{{ item.icon_class }}"></i> {{ item.name }}</a>
-                </li>
-                {% if item.submenu %}
-                    <ul>
-                    {% for menu in item.submenu %}
-                        <li class="{% if menu.selected %} active {% endif %}">
-                            <a href="{{ menu.url }}">{{ menu.name }}</a>
-                        </li>
-                    {% endfor %}
-                    </ul>
-                {% endif %}
-            {% endfor %}
-	   #}
+-->

+	<div class='row content'>
+	
+    	  {% sitetree_menu from "main_menu" include "trunk" template "menu.html" %}

 	  <div class='col-md-12'>
 	    {% block content %}
--- a/mamweb/templates/menu.html
+++ b/mamweb/templates/menu.html
@ -0,0 +1,21 @@
+{% load sitetree %}
+<ul class="row-menu">
+    {% for item in sitetree_items %}
+	<div class="menu-item">
+        <li class="{% if item.has_children %}dropdown{% endif %} {% if item.is_current or item.in_current_branch %}active{% endif %}" >
+	    
+            <a href="{% if item.has_children %}#{% else %}{% sitetree_url for item %}{% endif %}" {% if item.has_children %} class="dropdown-toggle" data-toggle="dropdown" {% endif %}>
+                {{ item.title_resolved }}
+            </a>
+	    <div class="submenu">
+            {% if item.has_children %}
+		<div class="submenu active">
+                {% sitetree_children of item for menu template "submenu.html" %}
+		</div>
+	    {% endif %}
+	    </div>
+        </li>
+	</div>
+    {% endfor %}
+</ul>
+
--- a/mamweb/templates/submenu.html
+++ b/mamweb/templates/submenu.html
@ -0,0 +1,8 @@
+{% load sitetree %}
+<ul class="row-submenu">
+    {% for item in sitetree_items %}
+        <li {% if item.is_current or item.in_current_branch %}class="active"{% endif %}>
+            <a href="{% sitetree_url for item %}" {% if item.hint %}title="{{ item.hint }}"{% endif %}>{{ item.title_resolved }}</a>
+        </li>
+    {% endfor %}
+</ul>