| Original line number | Diff line number | Diff line |
|---|---|---|
{% load demo_tags static wagtailcore_tags %}
|
||
{% get_site_root as site_root %}
|
||
<div id="top-menu" class="dn db-m">
|
||
<ul class="dropdown menu flex-column flex-row-m cell" id="mymenu" data-dropdown-menu style="flex-shrink: 1">
|
||
{% for menuitem in menuitems %}
|
||
<li>
|
||
| @@ -16,4 +15,3 @@ | ||
<li style="padding-left: 0.6rem"><a href="https://www.facebook.com/AraratAsylum?mibextid=ZbWKwL" style="display: inline-block; padding: 0.4rem 0.2rem"><img src="{% static 'img/icons/cib-facebook.svg' %}" alt="Facebook" /></a>
|
||
<a href="https://instagram.com/jwardaradaledaytours?igshid=MzNlNGNkZWQ4Mg==" style="display: inline-block; padding: 0.4rem 0.2rem"><img src="{% static 'img/icons/cib-instagram.svg' %}" style="filter: invert(42%) sepbrightness(50%) contrast(50%);" alt="Instagram" /></a></li>
|
||
</ul> |
||
</div> |
||
| Original line number | Diff line number | Diff line |
|---|---|---|
| @@ -1974,139 +1974,3 @@ ul.no-bullet, ol.no-bullet { | ||
page-break-after: avoid; }
|
||
.print-break-inside {
|
||
page-break-inside: auto; } } |
||
.menu {
|
||
padding: 0;
|
||
margin: 0;
|
||
list-style: none;
|
||
position: relative;
|
||
display: flex;
|
||
flex-wrap: wrap; }
|
||
[data-whatinput='mouse'] .menu li {
|
||
outline: 0; }
|
||
.menu a,
|
||
.menu .button {
|
||
line-height: 1;
|
||
text-decoration: none;
|
||
display: block;
|
||
padding: 0.7rem 1rem; }
|
||
.menu input,
|
||
.menu select,
|
||
.menu a,
|
||
.menu button {
|
||
margin-bottom: 0; }
|
||
.menu input {
|
||
display: inline-block; }
|
||
.menu, .menu.horizontal {
|
||
flex-wrap: wrap;
|
||
flex-direction: row; }
|
||
.menu.vertical {
|
||
flex-wrap: nowrap;
|
||
flex-direction: column; }
|
||
.menu.expanded li {
|
||
flex: 1 1 0px; }
|
||
.menu.simple {
|
||
align-items: center; }
|
||
.menu.simple li + li {
|
||
margin-left: 1rem; }
|
||
.menu.simple a {
|
||
padding: 0; }
|
||
@media print, screen and (min-width: 40em) {
|
||
.menu.medium-horizontal {
|
||
flex-wrap: wrap;
|
||
flex-direction: row; }
|
||
.menu.medium-vertical {
|
||
flex-wrap: nowrap;
|
||
flex-direction: column; }
|
||
.menu.medium-expanded li {
|
||
flex: 1 1 0px; }
|
||
.menu.medium-simple li {
|
||
flex: 1 1 0px; } }
|
||
@media print, screen and (min-width: 64em) {
|
||
.menu.large-horizontal {
|
||
flex-wrap: wrap;
|
||
flex-direction: row; }
|
||
.menu.large-vertical {
|
||
flex-wrap: nowrap;
|
||
flex-direction: column; }
|
||
.menu.large-expanded li {
|
||
flex: 1 1 0px; }
|
||
.menu.large-simple li {
|
||
flex: 1 1 0px; } }
|
||
.menu.nested {
|
||
margin-right: 0;
|
||
margin-left: 1rem; }
|
||
.menu.icons a {
|
||
display: flex; }
|
||
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
|
||
display: flex; }
|
||
.menu.icon-left li a {
|
||
flex-flow: row nowrap; }
|
||
.menu.icon-left li a img,
|
||
.menu.icon-left li a i,
|
||
.menu.icon-left li a svg {
|
||
margin-right: 0.25rem; }
|
||
.menu.icon-right li a {
|
||
flex-flow: row nowrap; }
|
||
.menu.icon-right li a img,
|
||
.menu.icon-right li a i,
|
||
.menu.icon-right li a svg {
|
||
margin-left: 0.25rem; }
|
||
.menu.icon-top li a {
|
||
flex-flow: column nowrap; }
|
||
.menu.icon-top li a img,
|
||
.menu.icon-top li a i,
|
||
.menu.icon-top li a svg {
|
||
align-self: stretch;
|
||
margin-bottom: 0.25rem;
|
||
text-align: center; }
|
||
.menu.icon-bottom li a {
|
||
flex-flow: column nowrap; }
|
||
.menu.icon-bottom li a img,
|
||
.menu.icon-bottom li a i,
|
||
.menu.icon-bottom li a svg {
|
||
align-self: stretch;
|
||
margin-bottom: 0.25rem;
|
||
text-align: center; }
|
||
.menu .is-active > a {
|
||
background: #1779ba;
|
||
color: #fefefe; }
|
||
.menu .active > a {
|
||
background: #1779ba;
|
||
color: #fefefe; }
|
||
.menu.align-left {
|
||
justify-content: flex-start; }
|
||
.menu.align-right li {
|
||
display: flex;
|
||
justify-content: flex-end; }
|
||
.menu.align-right li .submenu li {
|
||
justify-content: flex-start; }
|
||
.menu.align-right.vertical li {
|
||
display: block;
|
||
text-align: right; }
|
||
.menu.align-right.vertical li .submenu li {
|
||
text-align: right; }
|
||
.menu.align-right .nested {
|
||
margin-right: 1rem;
|
||
margin-left: 0; }
|
||
.menu.align-center li {
|
||
display: flex;
|
||
justify-content: center; }
|
||
.menu.align-center li .submenu li {
|
||
justify-content: flex-start; }
|
||
.menu .menu-text {
|
||
padding: 0.7rem 1rem;
|
||
font-weight: bold;
|
||
line-height: 1;
|
||
color: inherit; }
|
||
.menu-centered > .menu {
|
||
justify-content: center; }
|
||
.menu-centered > .menu li {
|
||
display: flex;
|
||
justify-content: center; }
|
||
.menu-centered > .menu li .submenu li {
|
||
justify-content: flex-start; }
|
||
.no-js [data-responsive-menu] ul {
|
||
display: none; } |
||
| Original line number | Diff line number | Diff line |
|---|---|---|
| @@ -21,17 +21,56 @@ body { | ||
font-weight: 400;
|
||
border-top: var(--faun) solid 40px; }
|
||
.menu {
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0; }
|
||
.menu a {
|
||
margin-bottom: 0; }
|
||
.menu a {
|
||
text-decoration: none;
|
||
display: block;
|
||
padding: 0.7rem 1rem; }
|
||
#top-bar {
|
||
flex-wrap: wrap; }
|
||
#top-menu {
|
||
width: 100%; }
|
||
#top-menu #mymenu {
|
||
margin-top: 10px;
|
||
margin-bottom: 10px; }
|
||
@media print, screen and (min-width: 40em) {
|
||
#top-menu #mymenu {
|
||
margin: 0; } }
|
||
#top-menu .menu li {
|
||
font-size: 1.15rem; }
|
||
#top-menu .menu li a {
|
||
color: black;
|
||
line-height: 1.3; }
|
||
@media print, screen and (min-width: 40em) {
|
||
#top-menu .menu li a {
|
||
border-right: 1px solid #ccc;
|
||
border-left: 1px solid #ccc; } }
|
||
#top-menu .menu li a:hover {
|
||
background: #f2f0ed; }
|
||
#top-menu .menu li:first-child a {
|
||
border-left: none; }
|
||
#top-menu .menu li:last-child a {
|
||
border-right: none; }
|
||
#top-menu .menu li + li a {
|
||
border-left: none; }
|
||
#bottom-menu .menu li a {
|
||
color: white; }
|
||
@media (min-width: 640px) {
|
||
#top-bar {
|
||
flex-wrap: nowrap;
|
||
width: auto; }
|
||
#mymenu {
|
||
#top-bar #mymenu {
|
||
display: flex; } }
|
||
.logo {
|
||
| @@ -49,34 +88,6 @@ body { | ||
display: block;
|
||
padding: 0; }
|
||
#mymenu {
|
||
margin-top: 10px;
|
||
margin-bottom: 10px; }
|
||
@media print, screen and (min-width: 40em) {
|
||
#mymenu {
|
||
margin: 0; } }
|
||
.menu li {
|
||
font-size: 1.15rem; }
|
||
.menu li a {
|
||
color: black;
|
||
line-height: 1.3; }
|
||
@media print, screen and (min-width: 40em) {
|
||
.menu li a {
|
||
border-right: 1px solid #ccc;
|
||
border-left: 1px solid #ccc; } }
|
||
.menu li a:hover {
|
||
background: #f2f0ed; }
|
||
.menu li:first-child a {
|
||
border-left: none; }
|
||
.menu li:last-child a {
|
||
border-right: none; }
|
||
.menu li + li a {
|
||
border-left: none; }
|
||
.banner {
|
||
background-color: #999;
|
||
background-position: center center;
|
||
| @@ -250,7 +261,7 @@ body { | ||
.page-footer .menu a {
|
||
font-size: 1.3rem;
|
||
font-weight: 300;
|
||
padding: 0.7rem 2rem 0.7rem 0; }
|
||
padding: 0.5rem 2rem 0.5rem 0; }
|
||
.page-footer small {
|
||
color: white;
|
||
font-weight: normal;
|
||
| Original line number | Diff line number | Diff line |
|---|---|---|
| @@ -6,4 +6,3 @@ | ||
@include foundation-global-styles;
|
||
@include foundation-xy-grid-classes;
|
||
@include foundation-typography; |
||
@include foundation-menu; |
||
| Original line number | Diff line number | Diff line |
|---|---|---|
| @@ -30,41 +30,24 @@ body { | ||
border-top: var(--faun) solid 40px;
|
||
}
|
||
#top-bar {
|
||
flex-wrap: wrap;
|
||
.menu {
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
#top-menu {
|
||
width: 100%;
|
||
.menu a { margin-bottom: 0 }
|
||
.menu a {
|
||
text-decoration: none;
|
||
display: block;
|
||
padding: 0.7rem 1rem;
|
||
}
|
||
@media (min-width: 640px) {
|
||
#top-bar {
|
||
flex-wrap: nowrap;
|
||
width: auto;
|
||
}
|
||
#mymenu {
|
||
display: flex;
|
||
}
|
||
flex-wrap: wrap;
|
||
}
|
||
.logo {
|
||
flex-shrink: 0;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
margin-right: 15px;
|
||
a {
|
||
color: black;
|
||
font-weight: bold;
|
||
font-size: 4.3rem;
|
||
letter-spacing: -0.03em;
|
||
line-height: 0.7;
|
||
white-space: nowrap;
|
||
display: block;
|
||
padding: 0;
|
||
}
|
||
}
|
||
#top-menu {
|
||
width: 100%;
|
||
#mymenu {
|
||
margin-top: 10px;
|
||
| @@ -107,6 +90,45 @@ body { | ||
}
|
||
}
|
||
}
|
||
#bottom-menu {
|
||
.menu li a {
|
||
color: white;
|
||
}
|
||
}
|
||
@media (min-width: 640px) {
|
||
#top-bar {
|
||
flex-wrap: nowrap;
|
||
width: auto;
|
||
#mymenu {
|
||
display: flex;
|
||
}
|
||
}
|
||
}
|
||
.logo {
|
||
flex-shrink: 0;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
margin-right: 15px;
|
||
a {
|
||
color: black;
|
||
font-weight: bold;
|
||
font-size: 4.3rem;
|
||
letter-spacing: -0.03em;
|
||
line-height: 0.7;
|
||
white-space: nowrap;
|
||
display: block;
|
||
padding: 0;
|
||
}
|
||
}
|
||
.banner {
|
||
background-color: #999;
|
||
background-position: center center;
|
||
| @@ -365,7 +387,7 @@ body { | ||
a {
|
||
font-size: 1.3rem;
|
||
font-weight: 300;
|
||
padding: 0.7rem 2rem 0.7rem 0;
|
||
padding: 0.5rem 2rem 0.5rem 0;
|
||
}
|
||
}
|
||