diff --git a/assets/css/main.css b/assets/css/main.css index 9277c28..72299af 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -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;