Browse Source

funguje menu kromě verze pro mobily, práce na mobilní verzi

export_seznamu_prednasek
Kateřina Čížková 5 years ago
parent
commit
36671c8365
  1. 138
      mamweb/static/css/mamweb.css
  2. 386
      mamweb/static/images/logo-mobile.svg
  3. 26
      mamweb/templates/base.html
  4. 18
      mamweb/templates/menu_mobile.html
  5. 8
      mamweb/templates/menu_mobile_dropdown.html

138
mamweb/static/css/mamweb.css

@ -19,11 +19,10 @@ div.login-bar {
a { a {
color: #6f2509; color: #6f2509;
text-shadow: 1px 1px 3px #fdedd5;
} }
a:hover { a:active {
color: #6f2509; color: #6f2509;
} }
h1 { /*todo: odlišit 1 a 2 */ h1 { /*todo: odlišit 1 a 2 */
@ -203,15 +202,16 @@ vikendovka
/* Menu */ /* Menu */
div.menu.mobile { ul.menu_mobile {
display: none; display: none;
} }
div.menu.desktop {
display: block; nav.nav-button {
display: none;
} }
h1 a:hover { h1 a:hover {
text-decoration: none; text-decoration: none;
} }
img.decor { /*todo bug při zmenšování okna */ img.decor { /*todo bug při zmenšování okna */
@ -235,10 +235,6 @@ ul.menu a {
text-decoration: none; text-decoration: none;
} }
ul.menu li>a:active {
color: black;
}
ul.menu li { ul.menu li {
margin: 0px; margin: 0px;
display: inline-block; display: inline-block;
@ -249,6 +245,14 @@ ul.menu li {
font-weight: 400; font-weight: 400;
} }
ul.menu li>a:hover {
color: black;
}
ul.menu li>a:active {
color: black;
}
ul.submenu { ul.submenu {
background-color: #e84e10; background-color: #e84e10;
@ -275,6 +279,7 @@ ul.submenu li>a {
text-decoration: none; text-decoration: none;
text-shadow: none; text-shadow: none;
} }
ul.submenu li>a:hover { ul.submenu li>a:hover {
color: black; color: black;
} }
@ -333,7 +338,7 @@ p.license-mobile {
/* stránka přes celý displej */ /* stránka přes celý displej */
@media (max-width: 971px) { @media (max-width: 970px) {
div.container { div.container {
width: 100%; width: 100%;
@ -347,19 +352,11 @@ p.license-mobile {
#header { #header {
background-size: 100%; background-size: 100%;
} }
#header img.logo { #header img.logo {
width: 100%; width: 100%;
} }
div.menu li {
min-width: 120px;
font-size: 130%;
}
#submenu ul {
font-size: 115%;
}
#submenu li {
padding-top: 5px;
}
#footer { #footer {
width: 100%; width: 100%;
} }
@ -380,8 +377,29 @@ p.license-mobile {
} }
@media (max-width: 830px) {
ul.menu {
font-size: 80%;
margin-top: 0px;
}
ul.menu li {
margin-top: 10px; /* posunutí textu hlavního menu níže */
}
ul.submenu li {
margin-top: 0px; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
}
ul.submenu {
margin-top: 8px; /* mezera mezi hlavním menu a submenu */
}
}
/* malý tablet, mobil */ /* malý tablet, mobil */
@media (max-width: 735px) { @media (max-width: 650px) {
#title { #title {
display: none; display: none;
@ -419,83 +437,21 @@ p.license-mobile {
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
} }
div.menu { ul.menu {
display: none; display: none;
} }
#submenu { ul.menu_mobile {
font-variant: small-caps;
top:-1px;
width: 100%;
background-color: #e84e10;
color: #fdedd5;
height: auto;
position: relative;
}
#submenu ul {
font-size: 120%;
padding-bottom: 5px;
}
#submenu li {
display: list-item;
height: auto;
}
#submenu li a:hover, #submenu li.selected {
color: black;
}
img.decor { /*todo bug při zmenšování okna */
top: -5px;
}
div.menu.mobile {
top: 3px;
display: block; display: block;
position: relative;
background: #e84e10;
padding: 10px;
font-variant: small-caps;
}
div.menu.mobile > div.dropdown > button {
background-color: #fdedd5;
color: #e84e10;
width: 100%;
margin: 0px;
border-color: #f7cb87;
font-size: 160%;
}
div.menu.mobile > div.dropdown > ul {
margin: 0px;
padding: 0px;
border-radius: 0px;
width: 100%;
background-color: #fdedd5;
}
div.menu.mobile > div.dropdown > ul > li {
margin: 0px;
padding: 0px;
display: block;
font-size: 160%;
background: none;
font-variant: small-caps;
color: #e84e10;
height: auto;
}
div.menu.mobile > div.dropdown > ul > li > a {
margin: 0px;
padding: 5px 30px;
height: auto;
}
div.menu.mobile > div.dropdown > ul > li > a:hover {
color: black;
} }
div.menu.desktop { ul.menu_mobile br {
display: none; display: none;
} }
#footer {
display: none; nav.nav-button {
display: block;
} }
p.license-mobile { p.license-mobile {

386
mamweb/static/images/logo-mobile.svg

@ -12,14 +12,14 @@
version="1.1" version="1.1"
id="svg2" id="svg2"
xml:space="preserve" xml:space="preserve"
width="1103.777" width="1116.5013"
height="393.65524" height="404.98737"
viewBox="0 0 1103.777 393.65525" viewBox="0 0 1116.5013 404.98736"
sodipodi:docname="logo-mobile.svg" sodipodi:docname="logo-mobile.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
id="metadata8"><rdf:RDF><cc:Work id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs6" /><sodipodi:namedview id="defs6" /><sodipodi:namedview
pagecolor="#ffffff" pagecolor="#ffffff"
bordercolor="#666666" bordercolor="#666666"
@ -33,9 +33,9 @@
inkscape:window-height="1025" inkscape:window-height="1025"
id="namedview4" id="namedview4"
showgrid="true" showgrid="true"
inkscape:zoom="1.6820038" inkscape:zoom="0.84100187"
inkscape:cx="359.48824" inkscape:cx="517.26357"
inkscape:cy="169.36681" inkscape:cy="30.848545"
inkscape:window-x="67" inkscape:window-x="67"
inkscape:window-y="27" inkscape:window-y="27"
inkscape:window-maximized="1" inkscape:window-maximized="1"
@ -43,190 +43,198 @@
inkscape:snap-page="true"><inkscape:grid inkscape:snap-page="true"><inkscape:grid
type="xygrid" type="xygrid"
id="grid903" id="grid903"
originx="-10" originx="-3.4986323"
originy="-400.00001" /></sodipodi:namedview><g originy="-416.4963" /></sodipodi:namedview><g
id="g10" id="g10"
inkscape:groupmode="layer" inkscape:groupmode="layer"
inkscape:label="ink_ext_XXXXXX" inkscape:label="ink_ext_XXXXXX"
transform="matrix(1.3333333,0,0,-1.3333333,-10,793.65525)"><g transform="matrix(1.3333333,0,0,-1.3333333,-3.4986322,821.48366)"><g
id="g12" id="g12"
transform="scale(0.1)"><path transform="scale(0.1)"><path
d="m 8353.327,4644.9587 -594.3482,-613.5483 h -584.5275 l 594.4583,613.5483 h 584.4174" d="m 8335.3454,4798.1624 -595.1505,-620.7555 h -585.3165 l 595.2607,620.7555 h 585.2063"
style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.17428458" style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.18195856"
id="path14" id="path14"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 7104.7143,3995.0181 h -0.5065 l 0.2551,0.2632 z" d="m 7078.5791,4120.5393 h -0.5073 l 0.2556,0.2663 z"
style="fill:#e84e10;fill-opacity:0.94117647;fill-rule:nonzero;stroke:none;stroke-width:0.92970651" style="fill:#e84e10;fill-opacity:0.94117647;fill-rule:nonzero;stroke:none;stroke-width:0.93578213"
id="path38" id="path38"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /><path sodipodi:nodetypes="cccc" /><path
d="m 7122.1432,4031.5026 -0.089,-0.092 h -707.236 V 4761.58 l 707.3254,-730.0775" d="m 7102.4996,4177.5001 -0.089,-0.093 h -708.1905 v 738.7467 l 708.2801,-738.6537"
style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99139327" style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99787205"
id="path40" id="path40"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 6963.8256,3976.2429 v -458.6556 h -444.3051 v 458.6556 h 444.3051" d="m 6937.5002,4101.5435 v -464.0434 h -444.9049 v 464.0434 h 444.9049"
style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.8773616" style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88309515"
id="path42" id="path42"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 6375.4357,5505.1059 v -648.8741 l -314.3669,324.437 z" d="M 6337.5002,5718.9966 V 5062.5001 L 6022.709,5390.7482 Z"
style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88894331" style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89475256"
id="path44" id="path44"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /><path sodipodi:nodetypes="cccc" /><path
d="m 6375.438,4802.144 -340.5664,-351.5621 -340.5617,351.5621 340.5617,351.5661 340.5664,-351.5661" d="m 5962.5001,4650.0001 -337.5,337.5 337.5,337.5 337.5001,-337.5 z"
style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95103633" style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95725137"
id="path46" id="path46"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 6467.1259,3517.5018 v 459.8221 h -419.1557 l -419.1559,-459.7366 c 165.9159,-0.082 672.3958,-0.085 838.3116,-0.085 z" d="m 6420.0002,3637.5001 v 465 l -457.5001,1.0607 -330,-466.0607 c 166.1399,-0.083 621.3604,0 787.5001,0 z"
style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.62432671" style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.6284067"
id="path40-9" id="path40-9"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 5694.3073,5505.2715 v -649.0397 l 314.447,324.5198 z" d="m 5587.5001,5719.164 v -656.6639 l 314.8715,328.332 z"
style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88917029" style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89498103"
id="path44-3" id="path44-3"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /><path sodipodi:nodetypes="cccc" /><path
d="m 6061.0688,4355.8472 0.057,-324.4368 h 314.309 z" d="m 6000.0001,4575.0001 v -394.33 l 314.7902,-1.1147 c -6.0705,262.4914 -52.96,471.0265 -314.7902,395.4447 z"
style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88894248" style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89475173"
id="path44-3-2" id="path44-3-2"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /><path sodipodi:nodetypes="cccc" /><path
d="m 6377.0465,4749.6279 v -652.1991 l -315.9777,326.0996 z" d="m 6320.8633,4912.5001 -6.073,-732.9447 -314.7902,395.4447 z"
style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89349842" style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89933741"
id="path44-6" id="path44-6"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /><path sodipodi:nodetypes="cccc" /><path
d="M 1411.0592,3000.0006 H 75.000002 v 301.2402 L 1411.0592,3679.8472 Z" d="M 1387.5,3106.9263 26.145617,3112.5 26.239743,3429.3745 1387.5,3732.5654 Z"
style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584" style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
id="path42-2" id="path42-2"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="M 2799.5127,3000.0001 H 1463.4536 v 679.8471 l 1337.1856,-176.7407 z" d="M 2775.0001,3109.1558 H 1462.5 v 640.8443 l 525,-112.5001 787.5001,206.4179 z"
style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584" style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
id="path42-2-8" id="path42-2-8"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="cccccc" /><path
d="M 4161.7691,3000.0001 H 2851.9072 l -1.9071,487.5 1010.5008,-145.6944 301.2682,121.6951 z" d="m 4237.5001,3110.2705 h -1387.5 l 0,752.2296 675,150 712.5,-246.8936 z"
style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584" style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
id="path42-2-7" id="path42-2-7"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" /><path sodipodi:nodetypes="cccccc" /><path
d="M 5576.4198,3000.0001 H 4214.1635 v 490.5439 l 995.495,392.1282 366.7613,-365.0849 z" d="m 5550.0001,3112.5 h -1237.5 l 0,626.1475 618.75,-176.1474 h 618.75 z"
style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584" style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
id="path42-2-9" id="path42-2-9"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" /><path sodipodi:nodetypes="cccccc" /><path
d="M 6964.8735,3462.4197 V 3006.851 H 5628.8143 v 455.5687 h 1336.0592" d="m 6937.5002,3105.8115 -1312.5001,-1.1287 0,457.8173 h 1312.5001 z"
style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584" style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
id="path42-2-6" id="path42-2-6"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="M 8353.327,3006.851 H 7017.2679 v 455.5687 L 8353.327,3693.369 Z" d="m 8417.4395,3112.5 -1404.9393,-3.3582 v 453.3585 l 1405.2097,262.4998 z"
style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584" style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5496583"
id="path42-2-0" id="path42-2-0"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="M 8353.327,3747.4556 7017.2679,3518.6683 v 458.6556 z" d="m 8328.8772,3870.0686 -1316.377,-232.5685 v 465 z"
style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584" style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
id="path42-2-0-4" id="path42-2-0-4"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /><path sodipodi:nodetypes="cccc" /><path
d="M 7318.5361,3977.3239 8353.327,3801.5423 v 175.7816 z" d="m 7290.0002,4106.2559 1127.4393,-188.0235 1.5764,187.55 z"
style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.42913055" style="fill:#fce7c6;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.49430776"
id="path42-2-0-4-1" id="path42-2-0-4-1"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /><path sodipodi:nodetypes="cccc" /><path
d="m 7921.0725,4031.4667 0.055,-0.057 h 432.1999 v 554.3881 l -537.0433,-554.3881" d="m 7928.737,4175.1068 0.056,-0.059 490.363,0.083 -1.6663,624.8689 -595.4746,-624.9521"
style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.60585165" style="fill:#fce7c6;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.61935329"
id="path40-8" id="path40-8"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 7488.8206,4423.5376 -340.5665,-351.5621 -340.5617,351.5621 h 681.1282" d="m 7447.5002,4575.0001 -322.5,-337.5 -300,337.5 h 622.5"
style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95103633" style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95725137"
id="path46-6" id="path46-6"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /><path sodipodi:nodetypes="cccc" /><path
d="m 5692.3231,4750.105 324.591,-335.0722 v -329.5356 l -322.7108,316.7226 -1.8802,347.8852" d="m 5925.0001,4575.0001 0,-392.8359 -337.5,280.3359 0,450 z"
style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.64130735" style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.64549828"
id="path14-7" id="path14-7"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 6021.7728,4017.8888 -419.1558,-459.7364 -353.6626,351.5631 432.2543,432.6932 z" d="m 5887.5001,4125.0001 -337.5,-487.5 h -600 l 600,766.3199 z"
style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53091598" style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5409205"
id="path42-2-6-9" id="path42-2-6-9"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><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" style="opacity:1;fill:#fef6eb;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.25494003;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
d="m 5730.6602,5528.4582 -390.0154,395.9847 h 1388.4536 l -390.5096,-395.9847 c -176.9599,-179.4408 -303.9119,-313.7814 -303.9645,-313.7814 -0.056,0 -135.429,142.6666 -303.9641,313.7814 z" d="m 5234.2851,6184.7748 1476.9917,14.5116 -447.5529,-438.1391 c -176.9133,-173.1921 -301.1716,-305.5968 -301.2238,-305.5968 -242.6593,249.8656 -457.1495,460.2945 -728.215,729.2243 z"
id="path1203" id="path1203"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="sccsss" /><path sodipodi:nodetypes="ccscc" /><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" style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.84425163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
d="m 6414.7315,5545.8365 366.7613,378.6065 V 4450.5819 c -275.071,283.9549 -209.5779,216.3467 -366.7613,378.6065 z" d="m 6396.6887,5762.3467 353.3115,363.8943 V 4650.0001 l -351.0821,375 z"
id="path1201-3" id="path1201-3"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><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" style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:17.39934158;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
d="m 6833.8873,4869.7535 c 0,210.3622 -3.2442,396.0299 -1.7601,396.0299 2.375,0 659.3741,-735.7724 705.373,-788.7191 l -349.8633,0.561 h -353.7496 z" d="m 6825.0002,5400.0001 c 0,0 591.4391,-696.4314 637.5,-750 l -320.7729,0 h -316.7271 z"
id="path1199-9" id="path1199-9"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="sscccs" /><path sodipodi:nodetypes="ccccc" /><path
d="m 7537.5002,5175.0001 0,-637.5 -705,787.5 v 600 z" d="m 7462.5002,5400.0001 0,-637.5 -637.5,750 0,600 z"
style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.17428458" style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.16200352"
id="path14-8" id="path14-8"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 7777.5002,4687.5001 v 1237.5 h 570 v -1237.5 z" d="m 7800.0002,4875.0001 0,1295.0654 600,3.3442 0,-1298.4097 z"
style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.50778055" style="fill:#fef6eb;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52054787"
id="path42-2-6-3" id="path42-2-6-3"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 6867.6753,5924.8867 0.1097,0.1134 h 871.7325 v -900 l -871.8427,899.8867" d="m 6839.0906,6172.2949 v 0 l 885.9096,-2.2294 0,-920.0654 -885.9096,922.2948"
style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.22198212" style="fill:#fef6eb;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.21138752"
id="path40-0" id="path40-0"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:9.15246391;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0" style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:9.21227551;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
d="m 7725.0002,4983.3716 -147.062,154.1285 v -600 c 110.2965,115.5963 84.0355,88.0733 147.062,154.1285 z" d="m 7725.0002,5137.5001 -187.5,199.7622 v -649.7622 l 187.5,206.4178 z"
id="path1201-3-1" id="path1201-3-1"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 1410,3712.5001 -847.49999,-225 0,472.5 z" d="M 1387.5,3787.5001 562.50001,3617.6989 v 448.4953 z"
style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.15037227" style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.09587288"
id="path42-2-0-4-1-7" id="path42-2-0-4-1-7"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /><path sodipodi:nodetypes="cccc" /><path
style="opacity:1;fill:#fbe1b8;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.37429619;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0" style="opacity:1;fill:#f9d59e;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.52051163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
d="m 525.00001,3975.0001 -450.000008,150 v -787.5 l 450.000008,124.3881 z" d="m 487.50001,4087.5001 -465.000009,165 V 3480 l 465.000009,120.0001 z"
id="path1201-3-8" id="path1201-3-8"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /><path sodipodi:nodetypes="ccccc" /><path
d="m 5062.5001,4575.0001 -1215,-1185 -2385.0001,360 -1387.499959,450 v 1725 H 5250.0001" d="m 5137.5001,4012.5001 -262.5,-337.5001 -1350,412.5001 L 1987.5,3712.5 -7.4999957e-7,4312.5001 l -8.5e-13,1875 4650.00010075000045,0 487.5,-525"
style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99139333" style="fill:#e84e10;fill-opacity:0.94117647;fill-rule:nonzero;stroke:none;stroke-width:0.99139333"
id="path40-5" id="path40-5"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccc" /><text sodipodi:nodetypes="cccccccc" /><path
xml:space="preserve" d="m 5512.5001,5775.0001 v -1312.5 l -300,-375 0,1612.5 -450,487.5 354.5057,0 z"
style="font-style:normal;font-weight:normal;font-size:93.75px;line-height:40.99999964%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#fdedd5;fill-opacity:0.94117647;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.64549828"
x="712.34778" id="path14-7-9"
y="-4449.6621" inkscape:connector-curvature="0"
id="text862" sodipodi:nodetypes="ccccccc" /><path
transform="scale(1,-1)"><tspan d="m 3713.6828,5316.7522 -83.8442,-754.3526 h -246.7035 l 154.6653,1130.8901 h 244.3623 l 250.2641,-653.9642 246.7034,653.9642 h 251.4839 l 148.7142,-1130.8901 h -247.874 l -81.4542,762.6005 -220.804,-580.8213 H 3926.195 l -212.5122,572.5734"
sodipodi:role="line" style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.87749052"
id="tspan860" id="path28"
x="712.34778" inkscape:connector-curvature="0" /><path
y="-4449.6621" d="m 2642.9272,4728.8244 c 48.4335,0 90.9163,14.1934 131.0581,40.1417 l -266.7988,275.0857 c -41.3123,-34.24 -62.5782,-80.2689 -62.5782,-139.2963 0,-106.2757 85.0147,-175.9311 198.3189,-175.9311 z m -432.0483,151.1047 c 0,122.7567 64.9195,234.9585 173.5417,298.6927 -63.7494,80.2883 -95.6482,155.8504 -95.6482,230.2322 0,96.7694 33.0694,173.4923 99.16,233.7197 67.3094,61.3685 154.6647,92.082 263.2865,92.082 253.8246,0 380.1028,-101.5346 399.0275,-317.5734 H 2788.13 c -7.0724,82.6344 -54.2865,126.3416 -136.9111,126.3416 -66.1388,0 -116.8648,-41.366 -116.8648,-113.3675 0,-57.8422 22.4366,-96.8036 97.9889,-174.7117 l 275.0416,-283.3335 c 18.876,66.1533 28.3383,135.7894 28.3383,213.6975 h 247.9229 c 0,-139.3157 -36.63,-267.9791 -111.0117,-386.068 l 230.2181,-237.2411 h -326.9876 l -63.7483,63.7488 c -83.844,-59.0616 -175.9316,-88.5753 -279.7733,-88.5753 -118.0841,0 -219.5847,29.5137 -301.0383,89.7556 -81.4546,61.3491 -120.4258,145.2029 -120.4258,252.6004"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1440px;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:#fdedd5;fill-opacity:0.94117647;stroke-width:7.5px">M&amp;M</tspan></text> style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.87749052"
id="path30"
inkscape:connector-curvature="0" /><path
<path d="m 1737.4696,5325.0001 -220.7552,-580.8213 h -203.05 l -212.4634,572.5734 -85.0147,-754.3526 H 770.6534 l 154.61644,1130.8901 h 244.36236 l 249.0939,-653.9642 247.9224,653.9642 h 251.4347 l 148.7634,-1130.8901 h -247.9228 l -81.4542,762.6005"
style="opacity:1;fill:#fbe1b8;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0" style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.87749052"
d="m 5301.9917,5925.0001 172.7542,-187.5 172.7542,-187.5 v -588.75 -588.75 l -217.5,-217.5 -217.5,-217.5 c -410.0572,-168.6865 -824.1217,-327.2105 -1237.5,-487.5 l 1125,1087.5 z" id="path34"
id="path1203-2" inkscape:connector-curvature="0" /><flowRoot
inkscape:connector-curvature="0" xml:space="preserve"
sodipodi:nodetypes="cccccccccc" /></g></g></svg> id="flowRoot1023"
style="fill:black;stroke:none;stroke-opacity:1;stroke-width:1px;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:29.33333333px;line-height:40.99999964%;letter-spacing:0px;word-spacing:0px;-inkscape-font-specification:'sans-serif, Normal';font-stretch:normal;font-variant:normal;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal"><flowRegion
id="flowRegion1025"><rect
id="rect1027"
width="210"
height="140"
x="246.50137"
y="481.48367" /></flowRegion><flowPara
id="flowPara1029"></flowPara></flowRoot></g></g></svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 15 KiB

26
mamweb/templates/base.html

@ -71,6 +71,32 @@
{% sitetree_menu from "main_menu" include "trunk" template "menu.html" %} {% sitetree_menu from "main_menu" include "trunk" template "menu.html" %}
{# ========= MENU MOBILE ========== #}
<!--Navbar-->
<nav class="nav-button">
<!-- Collapse button -->
<button class="navbar-toggler toggler-example" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1"
aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"><span class="dark-blue-text"><i
class="fas fa-bars fa-1x"></i></span></button>
<!-- Collapsible content -->
<div class="collapse navbar-collapse" id="navbarSupportedContent1">
<!-- Links -->
{% sitetree_menu from "main_menu" include "trunk" template "menu_mobile.html" %}
<!-- Links -->
</div>
<!-- Collapsible content -->
</nav>
<!--/.Navbar-->
{# ========= MENU END ========== #}
<div class='row content'> <div class='row content'>
<div class='col-md-12'> <div class='col-md-12'>
{% block content %} {% block content %}

18
mamweb/templates/menu_mobile.html

@ -0,0 +1,18 @@
{% load sitetree %}
{% spaceless %}
{% autoescape off %}
<ul class="menu_mobile">
{% for item in sitetree_items %}
<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 }}
{% if item.has_children %}<b class="caret"></b>{% endif %}
</a>
{% if item.has_children %}
{% sitetree_children of item for menu template "sitetree/menu_bootstrap_dropdown.html" %}
{% endif %}
</li>
{% endfor %}
</ul>
{% endautoescape %}
{% endspaceless %}

8
mamweb/templates/menu_mobile_dropdown.html

@ -0,0 +1,8 @@
{% load sitetree %}
<ul class="submenu_mobile">
{% 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>
Loading…
Cancel
Save