forked from friendica/friendica-wp-theme
Fix nav menu
This commit is contained in:
parent
948ae4cf2c
commit
f68cafa552
|
@ -2842,10 +2842,10 @@
|
|||
}
|
||||
|
||||
/* Nav */
|
||||
#nav > ul { display: inline-block; padding:0; margin: 0; }
|
||||
#nav > ul > li { display: inline-block; }
|
||||
#nav > ul > li .sub-menu { display: none; }
|
||||
#nav > ul > li:hover .sub-menu {
|
||||
#nav > .menu > ul { display: inline-block; padding:0; margin: 0; }
|
||||
#nav > .menu > ul > li { display: inline-block; }
|
||||
#nav > .menu > ul > li .children { display: none; }
|
||||
#nav > .menu > ul > li:hover .children {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
@ -2857,9 +2857,9 @@
|
|||
top: 2.5em;
|
||||
min-width: 100px;
|
||||
}
|
||||
#nav .sub-menu li { padding: 0; line-height: 2em; }
|
||||
#nav .sub-menu a { color: #333; padding: 0.4em; width: 100%; text-align: left; }
|
||||
#nav .sub-menu a:hover { color: #fff; background-color: #5385c1; }
|
||||
#nav .children li { padding: 0; line-height: 2em; }
|
||||
#nav .children a { color: #333; padding: 0.4em; width: 100%; text-align: left; }
|
||||
#nav .children a:hover { color: #fff; background-color: #5385c1; }
|
||||
|
||||
@media screen and (max-width: 980px) {
|
||||
|
||||
|
@ -2981,34 +2981,35 @@
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
#banner h1 .fk-friendica-logo-char {
|
||||
color: #FEBF19;
|
||||
}
|
||||
|
||||
|
||||
#banner h1 span { position: relative; }
|
||||
#banner .ribbon {
|
||||
position: absolute;
|
||||
right: -100px; top: 0;
|
||||
background-color: #d16103;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1.2em;
|
||||
transform: rotate(20deg);
|
||||
font-size: 12pt;
|
||||
border-radius: 100%;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
#banner .ribbon:hover { transform: scale(1.3, 1.3); }
|
||||
#banner h1 .fk-friendica-logo-char {
|
||||
color: #FEBF19;
|
||||
}
|
||||
|
||||
#banner h1 span { position: relative; }
|
||||
#banner .ribbon {
|
||||
position: absolute;
|
||||
right: -100px; top: 0;
|
||||
background-color: #d16103;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 1.2em;
|
||||
transform: rotate(20deg);
|
||||
font-size: 12pt;
|
||||
border-radius: 100%;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
#banner .ribbon:hover { transform: scale(1.3, 1.3); }
|
||||
|
||||
#banner p {
|
||||
font-size: 1em;
|
||||
|
|
Loading…
Reference in a new issue