You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
237 lines
7.6 KiB
237 lines
7.6 KiB
.tiki-webmail, .tiki-cypht, .mobile.tiki-cypht, .inline-cypht {
|
|
background: $body-bg !important;
|
|
font-family: $font-family-base;
|
|
color: $body-color !important;
|
|
|
|
|
|
// override colors when not using cypht default theme
|
|
img { opacity: 1 !important; }
|
|
ul, li:not(.select2-results__option) { background-color: transparent !important; }
|
|
main, div { border-radius: 0; }
|
|
.ui-widget-content { background-color: $tiki-ui-default-bg !important; }
|
|
.ui-menu-item-wrapper { color: $body-color !important; }
|
|
.ui-state-active { color: $tiki-ui-default-link-active-color !important; }
|
|
.popover-header { color: $popover-header-color !important; }
|
|
.popover-body { color: $popover-body-color !important; }
|
|
.btn-primary {
|
|
color: color-yiq($primary) !important;
|
|
background-color: $primary !important;
|
|
border-color: darken($primary, 7.5%) !important;
|
|
&:hover, &:focus { background-color: darken($primary, 7.5%) !important; }
|
|
}
|
|
.btn-info {
|
|
color: color-yiq($info) !important;
|
|
background-color: $info !important;
|
|
border-color: darken($info, 7.5%) !important;
|
|
&:hover, &:focus { background-color: darken($info, 7.5%) !important; }
|
|
}
|
|
.card { border-color: $card-border-color !important; }
|
|
.card-header { border-color: $card-border-color !important; }
|
|
.card-body {
|
|
.nav-link {
|
|
&, small { color: $link-color !important; }
|
|
}
|
|
}
|
|
.dropdown-menu {
|
|
background-color: $dropdown-bg !important;
|
|
border-color: $dropdown-border-color !important;
|
|
}
|
|
.dropdown-divider { border-color: $dropdown-divider-bg !important; }
|
|
.dropdown-header { color: $dropdown-header-color !important; }
|
|
.moduletitle { color: $body-color !important; }
|
|
a:not(.dropdown-item) .icon, .btn-link {
|
|
border-color: transparent !important;
|
|
color: $link-color !important;
|
|
&:hover { color: $link-hover-color !important; }
|
|
}
|
|
.form-control {
|
|
background-color: $input-bg !important;
|
|
border-color: $input-border-color !important;
|
|
color: $input-color !important;
|
|
}
|
|
.nav-tabs {
|
|
border: none !important;
|
|
border-bottom: 1px solid $nav-tabs-border-color !important;
|
|
.nav-link { color: $link-color !important; }
|
|
.nav-link.active, .nav-item.show .nav-link { color: $link-hover-color !important; }
|
|
.nav-link:not(.active) { border: none !important; }
|
|
}
|
|
// override colors when not using cypht default theme
|
|
|
|
|
|
a:not(.btn), a.btn-link {
|
|
color: $link-color !important;
|
|
&:hover {
|
|
color: $link-hover-color !important;
|
|
text-decoration: inherit;
|
|
}
|
|
}
|
|
|
|
.flipmodtitle.close, .close {
|
|
height: $btn-close-height; // Bootstrap 5 changed from font to svg button bg.
|
|
width: $btn-close-width;
|
|
&, &:hover, &:focus { color: $btn-close-color !important; }
|
|
}
|
|
|
|
.navbar-light .navbar-nav .nav-link {
|
|
color: $navbar-light-color !important;
|
|
&:hover, &:focus { color: $navbar-light-hover-color !important; }
|
|
}
|
|
.navbar-dark .navbar-nav .nav-link {
|
|
color: $navbar-dark-color !important;
|
|
&:hover, &:focus { color: $navbar-dark-hover-color !important; }
|
|
}
|
|
.dropdown-menu .dropdown-item {
|
|
border-radius: 0;
|
|
&, .icon { color: $dropdown-link-color !important; }
|
|
&:hover, &:focus {
|
|
&, .icon { color: $dropdown-link-hover-color !important; }
|
|
}
|
|
}
|
|
}
|
|
|
|
.inline-cypht {
|
|
background: transparent;
|
|
a:not(.btn):hover {
|
|
text-decoration: $link-hover-decoration !important;
|
|
}
|
|
|
|
.folders a, .subject a, .selected_menu a,
|
|
.unread_link, .selected_menu, .manage_folder_link {
|
|
&:not(.btn) {
|
|
color: $link-color !important;
|
|
&:hover {
|
|
color: $link-hover-color !important;
|
|
text-decoration: $link-hover-decoration;
|
|
}
|
|
}
|
|
}
|
|
|
|
.folder_list, .content_cell, .compose_page, .message_list, .msg_text, .selected_part,
|
|
.server_content, .profile_content, .user_settings,
|
|
.nux_add_account, .imap_server_setup, .pop3_server_setup,
|
|
.configured_server, .add_server {
|
|
background-color: $popover-bg;
|
|
color: $popover-body-color;
|
|
}
|
|
|
|
.folder_list, .content_cell { border: 1px solid $input-border-color; }
|
|
.content_title {
|
|
overflow: visible;
|
|
min-height: 50px;
|
|
max-height: 400px;
|
|
padding: 25px;
|
|
padding-bottom: 5px;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: left;
|
|
align-items: center;
|
|
.list_meta { color: $popover-header-color !important; }
|
|
.list_controls {
|
|
border-top: none;
|
|
border-right:none;
|
|
position: unset;
|
|
right: unset;
|
|
padding-right: 10px;
|
|
top: 0px;
|
|
padding-top: 10px;
|
|
flex-grow: 1;
|
|
margin-bottom: 20px;
|
|
}
|
|
.mailbox_list_title {
|
|
display: inherit;
|
|
flex-grow: 1;
|
|
}
|
|
.combined_sort {
|
|
font-size: 80%;
|
|
margin-top: -2px;
|
|
float: none;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
.src_name, .content_title, .list_controls {
|
|
background: $popover-header-bg;
|
|
color: $popover-header-color;
|
|
}
|
|
.src_name { border-left-color: transparent; }
|
|
|
|
.message_table > tbody > tr > td, .msg_headers, .reply_quote,
|
|
.user_settings table td, .nux_empty_combined_view,
|
|
.empty_list, .profiles_empty, .subtitle {
|
|
color: $popover-body-color;
|
|
}
|
|
.msg_text_inner > table { background-color: #fff; }
|
|
|
|
.msg_headers th:hover, .settings_subtitle,
|
|
.server_section { color: inherit !important; }
|
|
|
|
.total_unread_count, .unread_count { color: #000; }
|
|
.btn-outline-secondary:hover { color: #fff !important; }
|
|
|
|
.profile_details th, .msg_date,
|
|
.news_cell .source, .news_cell .from { color: $popover-body-color; }
|
|
|
|
input[type=button], input[type=submit] {
|
|
display: inline-block;
|
|
font-weight: $btn-font-weight;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
user-select: none;
|
|
border: $btn-border-width solid transparent;
|
|
@include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height/*, $btn-border-radius*/);
|
|
@include transition($btn-transition);
|
|
//@include hover-focus { text-decoration: none; }
|
|
padding: $btn-padding-y $btn-padding-x !important;
|
|
cursor: pointer;
|
|
|
|
&:focus, &.focus {
|
|
outline: 0;
|
|
box-shadow: $btn-focus-box-shadow;
|
|
}
|
|
|
|
&.disabled, &:disabled {
|
|
opacity: $btn-disabled-opacity;
|
|
cursor: default;
|
|
@include box-shadow(none);
|
|
}
|
|
}
|
|
|
|
input[type=submit] {
|
|
@include button-variant($primary, $primary);
|
|
}
|
|
|
|
input[type=button] {
|
|
@include button-variant($secondary, $secondary);
|
|
}
|
|
}
|
|
|
|
.mobile.tiki-cypht, .mobile.tiki-webmail {
|
|
.content_cell .content_title {
|
|
&, .list_controls {
|
|
background: $popover-header-bg;
|
|
color: $popover-header-color;
|
|
}
|
|
}
|
|
|
|
.msg_controls {
|
|
background: $popover-header-bg !important;
|
|
}
|
|
|
|
.folder_list {
|
|
background-color: $popover-bg;
|
|
color: $popover-body-color;
|
|
border: 1px solid $input-border-color;
|
|
|
|
.src_name {
|
|
background: $popover-header-bg;
|
|
color: $popover-header-color;
|
|
border-left-color: transparent;
|
|
}
|
|
}
|
|
|
|
.nux_dev_news table td:last-child {
|
|
border-bottom: 1px solid $input-border-color;
|
|
}
|
|
}
|