2021-08-18 07:39:36 +02:00

213 lines
4.8 KiB
CSS

.gray-icon-color .fa {
color: #505050;
}
.notification-bell-color {
color: #A88F1E;
}
.navbar-brand {
height: 58px;
padding: 19px 19px;
}
.auth-navbar-top {
margin-bottom: 0;
}
.auth-side-navbar-collapse {
padding-left: 0;
}
#wrapper {
width: 100%;
padding: 0;
}
#site-body-wrapper {
margin-right:0;
}
/* Horizontal list group */
ul.list-group.list-group-horizontal {
display: table;
width: 100%;
}
ul.list-group.list-group-horizontal > li.list-group-item {
display: table-cell;
max-width: 0;
}
.flex-center-horizontal {
justify-content: center;
}
@media all {
/* style nav tabs in dark mode*/
.template-dark-mode .nav-tabs > li.active > a {
background-color: rgb(70, 69, 69)!important;
color: rgb(255, 255, 255) !important;
}
.panel-tabs-aa {
border-top: none;
border-top-left-radius: 0%;
border-top-right-radius: 0%;
}
/* style group headers within a table */
.template-light-mode .tr-group {
font-weight: bold;
background-color: #e6e6e6 !important;
}
.template-dark-mode .tr-group {
font-weight: bold;
background-color: rgb(105, 105, 105) !important;
}
/* default style for tables */
.template-light-mode .table-aa > thead > tr > th{
border-bottom: 1px solid #f2f2f2;
}
.template-dark-mode .table-aa > thead > tr > th{
border-bottom: 1px solid rgb(70, 69, 69);
}
.table-aa > thead > tr > th{
vertical-align: middle;
}
.template-light-mode .table-aa > tbody > tr > td{
border-bottom: 1px solid #f2f2f2;
}
.template-dark-mode .table-aa > tbody > tr > td{
border-bottom: 1px solid rgb(70, 69, 69);
}
.table-aa > tbody > tr > td {
vertical-align: middle;
}
.table-aa > tbody > tr:last-child {
border-bottom: none;
}
}
/* highlight active menu items
------------------------------------------------------------------------------------- */
@media all {
.template-light-mode .nav-pills > li > a.active {
background-color: rgb(236, 240, 241);
}
.template-dark-mode .nav-pills > li > a.active {
background-color: rgb(48, 48, 48);
}
}
/* user menu
------------------------------------------------------------------------------------- */
@media all {
img {
height: auto;
max-width: 100%;
}
.navbar-nav > li.top-user-menu.with-main-character > .dropdown-menu {
padding-top: 0.5rem;
}
.navbar-nav > li.top-user-menu.with-main-character a {
padding: 14px;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: rgb(123, 138, 139);
white-space: nowrap;
}
.top-user-menu {
color: rgb(255, 255, 255);
}
.top-menu-bar-language-select form {
padding: 10px 15px;
margin-left: 5px;
margin-right: 5px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgb(255 255 255), 0 1px 0 rgb(255 255 255);
box-shadow: inset 0 1px 0 rgb(255 255 255), 0 1px 0 rgb(255 255 255);
margin-top: 7.5px;
margin-bottom: 7.5px;
}
}
@media all and (max-width: 768px) {
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
padding: 5px 15px 5px 25px;
}
}
@media all and (min-width: 768px) {
.top-user-menu {
color: rgb(123, 138, 139);
}
.top-menu-bar-language-select form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
/* eve time in navbar
------------------------------------------------------------------------------------- */
@media all {
.nav-item-eve-time .eve-time-wrapper {
color: rgb(255, 255, 255);
display: block;
line-height: 21px;
padding: 10px 15px;
position: relative;
}
}
@media all and (min-width: 768px) {
.nav-item-eve-time .eve-time-wrapper {
padding-bottom: 19.5px;
padding-top: 19.5px;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
/* class for vertically aligning columns in a bootstrap row */
.row.vertical-flexbox-row2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.row.vertical-flexbox-row2 > [class*='col-'] {
display: flex;
flex-direction: column;
}
}
/* Extra Small devices (Phones, <768px) */
@media (max-width: 767px) {
.button-wrapper .btn {
margin-bottom:5px;
}
}