Add menu css
parent
48397d9c28
commit
f3279c071f
|
@ -17,21 +17,28 @@ a {
|
||||||
.main1 {
|
.main1 {
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
color: #000;
|
color: #000;
|
||||||
overflow: hidden;;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.main1 a {
|
.main1 a {
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.main2 {
|
|
||||||
margin: -1em;
|
|
||||||
}
|
|
||||||
.main3 {
|
.main3 {
|
||||||
margin: 0 1em;
|
|
||||||
padding: 1em 0;
|
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
box-shadow: 0 0 1em #000;
|
box-shadow: 0 0 1em #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* header */
|
||||||
|
header nav li a {
|
||||||
|
font-style: none;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
header nav > ul > li {
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
header nav > ul > li > div > a {
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
|
|
||||||
/* Page */
|
/* Page */
|
||||||
.updated, .translations, .translation a {
|
.updated, .translations, .translation a {
|
||||||
color: #888;
|
color: #888;
|
||||||
|
|
|
@ -15,19 +15,58 @@ body > * {
|
||||||
padding: 0 10%;
|
padding: 0 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main1 {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
.main2 {
|
.main2 {
|
||||||
height: calc(100%);
|
height: calc(100%);
|
||||||
|
margin: -1em;
|
||||||
}
|
}
|
||||||
.main3 {
|
.main3 {
|
||||||
margin-left: 1em;
|
padding: 1em 0;
|
||||||
margin-right: 1em;
|
margin: 0 1em;
|
||||||
height: calc(100%);
|
height: calc(100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* header */
|
||||||
|
header nav ul {
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
header nav li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
header nav > ul {
|
||||||
|
padding-top: 0.25em;
|
||||||
|
}
|
||||||
|
header nav > ul > li {
|
||||||
|
float: left;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
}
|
||||||
|
header nav > ul > li:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
header nav > ul > li > div {
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
|
header nav > ul > li > div > a {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 0.25em;
|
||||||
|
transition: top 0.5s;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
header nav > ul > li:hover > div > a, header nav > ul > li.active > div > a {
|
||||||
|
top: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
/* page */
|
/* page */
|
||||||
.page_title {
|
|
||||||
|
|
||||||
}
|
|
||||||
.translations {
|
.translations {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
|
@ -45,10 +45,14 @@
|
||||||
{% if DISPLAY_PAGES_ON_MENU %}
|
{% if DISPLAY_PAGES_ON_MENU %}
|
||||||
{% for p in pages %}
|
{% for p in pages %}
|
||||||
<li{% if p == page %} class="active"{% endif %}>
|
<li{% if p == page %} class="active"{% endif %}>
|
||||||
<a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
|
<div>
|
||||||
|
<a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
|
||||||
|
</div>
|
||||||
</li>{% endfor %}{% endif %}{% if DISPLAY_CATEGORIES_ON_MENU %}{% for cat, null in categories %}
|
</li>{% endfor %}{% endif %}{% if DISPLAY_CATEGORIES_ON_MENU %}{% for cat, null in categories %}
|
||||||
<li{% if cat == category %} class="active"{% endif %}>
|
<li{% if cat == category %} class="active"{% endif %}>
|
||||||
<a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a>
|
<div>
|
||||||
|
<a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a>
|
||||||
|
</div>
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
Loading…
Reference in New Issue