frio: nav css and improve color contrast

This commit is contained in:
Extarys 2021-01-16 16:53:47 -05:00
parent d969e7b549
commit 545de9f9aa
1 changed files with 47 additions and 3 deletions

View File

@ -417,6 +417,10 @@ nav.navbar {
z-index: 1030;
color: $nav_icon_color;
}
#topbar-first .navbar-toggle {
margin-top: 5px;
margin-bottom: 0; /* adding a bottom margin is useless */
}
#topbar-first .nav > li > a,
#topbar-first .nav > li > button,
nav.navbar .nav > li > a,
@ -657,6 +661,22 @@ nav.navbar .nav > li > button:focus
margin: 0px;
padding: 12px 12px;
}
#search-mobile {
position: fixed;
top: 90px;
left: 0;
right: 0;
z-index: 2;
background-color: $background_color;
/* fix bootstrap well not playing well with data-target slide animation */
margin: 0;
padding: 0;
min-height: 0;
border-radius: 0;
}
#search-mobile .navbar-form {
margin: 0;
}
@ -1398,9 +1418,9 @@ textarea.comment-edit-text:focus + .comment-edit-form .preview {
.panel {
border: none;
background-color: rgba(255,255,255,$contentbg_transp);
box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada;
-moz-box-shadow: 0 0 3px #dadada;
box-shadow: 0 0 2px #dadada;
-webkit-box-shadow: 0 0 2px #dadada;
-moz-box-shadow: 0 0 2px #dadada;
border-radius: 4px;
position: relative;
}
@ -1422,6 +1442,20 @@ aside .panel-body {
}
/* Thread hover effects */
/* .desktop-view .panel.tread-wrapper {
-webkit-transition: box-shadow 0.25s ease-in-out;
-moz-transition: box-shadow 0.25s ease-in-out;
-o-transition: box-shadow 0.25s ease-in-out;
-ms-transition: box-shadow 0.25s ease-in-out;
transition: box-shadow 0.25s ease-in-out;
} */
/* .desktop-view .panel.tread-wrapper:hover {
box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada;
-moz-box-shadow: 0 0 3px #dadada;
} */
.desktop-view .wall-item-container .wall-item-content a,
.desktop-view .wall-item-name,
.desktop-view .wall-item-container .fakelink,
@ -1460,6 +1494,14 @@ aside .panel-body {
border-top: none;
}
.comment-edit-preview .wall-item-container.panel-body.preview {
margin-top: 4px;
}
.comment-edit-preview .panel {
margin-bottom: 0;
}
.wall-item-container .media {
margin-top: 0;
padding: 10px;
@ -1847,6 +1889,7 @@ wall-item-comment-wrapper.well {
background-color: rgba(237, 237, 237, $contentbg_transp);
background-image: none;
margin-bottom: 1px;
background-color: red;
}
wall-item-comment-wrapper.well-small {
padding: 10px;
@ -1908,6 +1951,7 @@ wall-item-comment-wrapper.well hr {
.comment-edit-submit-wrapper {
text-align: right;
/* margin-bottom: 0; */
}
.comment-icon-list {