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.
318 lines
6.6 KiB
318 lines
6.6 KiB
// Darkroom theme selectors for additional styling.
|
|
|
|
$imagePath: "../images/";
|
|
//body {
|
|
// background-image: url('#{$imagePath}bg.jpg');
|
|
//}
|
|
$topmodules-row-margin-bottom: 15px;
|
|
|
|
body,
|
|
body.fullscreen {
|
|
background-image: url('#{$imagePath}474747_5e5e5e_40.png');
|
|
}
|
|
|
|
#middle { padding-top: 10px; }
|
|
|
|
.btn-primary { color: $white; }
|
|
.btn-secondary { color: $secondary; }
|
|
.btn-info { color: $info; }
|
|
.btn-success { color: $success; }
|
|
.btn-warning { color: $warning; }
|
|
.btn-danger { color: $danger; }
|
|
|
|
.btn-success.disabled, .btn-success:disabled,
|
|
.btn-danger.disabled, .btn-danger:disabled {
|
|
color: #f8f9fa;
|
|
}
|
|
|
|
.container:not(.in-navbar) {
|
|
background: #0c0c0c;
|
|
}
|
|
|
|
body.layout_social > .container {
|
|
padding-top: 1.2rem;
|
|
}
|
|
|
|
#col1 {
|
|
background: #3F3F3F;
|
|
border-left: 10px solid #0c0c0c;
|
|
border-right: 10px solid #0c0c0c;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
// /* Background for CkEditor */
|
|
.cke_contents > .cke_wysiwyg_frame, .cke_contents > .cke_wysiwyg_div {
|
|
background: #3F3F3F !important;
|
|
color: $body-color !important;
|
|
}
|
|
|
|
// Typography
|
|
.text-danger { color: #E89492 !important; }
|
|
.text-success { color: #6ABE6A !important; }
|
|
|
|
.blockquote,
|
|
blockquote {
|
|
color: #BABABA;
|
|
}
|
|
|
|
|
|
h3.card-title {
|
|
color: #9d9d9d;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.card-body {
|
|
border: solid #292929;
|
|
border-width: 0 8px .5rem 8px;
|
|
}
|
|
|
|
|
|
.module.card { border: none; }
|
|
|
|
.card-header,
|
|
.card.postbody .card-header{ background: #292929; } // Was .card-primary - still ok?
|
|
|
|
.card-link,
|
|
.linkmodule { color: #BDBDBD; }
|
|
|
|
.navbar-fixed-top .container,
|
|
//.bg-light,
|
|
.topbar,
|
|
.btn,
|
|
.accordion-button,
|
|
.nav-tabs > li > a,
|
|
.input-group-addon,
|
|
|
|
// jQuery-UI overrides
|
|
.tiki .ui-state-default,
|
|
.tiki .ui-widget-content .ui-state-default,
|
|
.tiki .ui-widget-header .ui-state-default,
|
|
.tiki .ui-button,
|
|
.tiki html .ui-button.ui-state-disabled:hover,
|
|
.tiki html .ui-button.ui-state-disabled:active,
|
|
|
|
.tiki .ui-state-active,
|
|
.tiki .ui-widget-content .ui-state-active,
|
|
.tiki .ui-widget-header .ui-state-active,
|
|
.tiki a.ui-button:active,
|
|
.tiki .ui-button:active,
|
|
.tiki .ui-button.ui-state-active:hover {
|
|
background: #818181; /* Old browsers */
|
|
background: linear-gradient(to bottom, #818181 0%, #393939 100%);
|
|
|
|
}
|
|
|
|
.btn:hover {
|
|
background: linear-gradient(to top, #818181 0%, #393939 100%);
|
|
}
|
|
|
|
.bg-dark,
|
|
.bg-light {
|
|
// background: #818181 !important;
|
|
background: linear-gradient(to bottom, #818181 0%, #393939 100%);
|
|
}
|
|
|
|
.tiki .nav-link.active { border-color: #dee2e6; }
|
|
|
|
.nav-tabs > li.active.show > a,
|
|
.nav-tabs > li.active > a:hover,
|
|
.nav-tabs > li.active > a:focus,
|
|
|
|
//jQuery-UI overrides
|
|
.tiki .ui-state-active,
|
|
.tiki .ui-widget-content .ui-state-active,
|
|
.tiki .ui-widget-header .ui-state-active,
|
|
.tiki a.ui-button:active,
|
|
.tiki .ui-button:active,
|
|
.tiki .ui-button.ui-state-active:hover{
|
|
color: #ffffff;
|
|
border-color: #dee2e6 !important;
|
|
}
|
|
|
|
.tiki .ui-state-default:not(.ui-state-active) a:hover,
|
|
//.tiki .ui-state-default a:link:hover,
|
|
//.tiki .ui-state-default a:visited:hover,
|
|
.tiki a.ui-button:hover,
|
|
.tiki a:link.ui-button:hover,
|
|
.tiki a:visited.ui-button:hover,
|
|
.tiki .ui-button:hover { color: #858585; }
|
|
|
|
.tiki .ui-widget.ui-widget-content { border: none; }
|
|
|
|
.tiki .elfinder-touch .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button { background: #f2f2f2; }
|
|
.tiki .elfinder-cwd-file.directory.ui-selected {background: #f2f2f2; }
|
|
|
|
.tiki .ui-state-hover,
|
|
.tiki .ui-widget-content .ui-state-hover,
|
|
.tiki .ui-widget-header .ui-state-hover,
|
|
.tiki .ui-state-focus,
|
|
.tiki .ui-widget-content .ui-state-focus,
|
|
.tiki .ui-widget-header .ui-state-focus,
|
|
.tiki .ui-button:hover,
|
|
.tiki .ui-button:focus {
|
|
border: 1px solid #cccccc;
|
|
background: #818181; /* Old browsers */
|
|
background: linear-gradient(to bottom, #818181 0%, #393939 100%) !important; /* W3C */
|
|
font-weight: normal;
|
|
color: #f2f2f2;
|
|
}
|
|
|
|
.top_modules {
|
|
.navbar-dark,
|
|
.navbar-light {
|
|
background: transparent !important;
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
.btn-link,
|
|
.btn-outline-primary,
|
|
.btn-outline-secondary,
|
|
.btn-outline-info,
|
|
.btn-outline-success,
|
|
.btn-outline-warning,
|
|
.btn-outline-danger,
|
|
.btn-outline-light,
|
|
.btn-outline-dark {background: none !important;}
|
|
|
|
.topbar {
|
|
margin-bottom: 1.3rem;
|
|
}
|
|
|
|
#topbar_modules,
|
|
#top_modules {
|
|
.bg-dark,
|
|
.bg-light {
|
|
background: transparent !important;
|
|
border: none;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
#topbar_modules .mb-3 {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.textarea-toolbar a.toolbar {
|
|
background: none !important;
|
|
}
|
|
|
|
.nav > li > a {
|
|
padding: .4rem 10px;
|
|
}
|
|
|
|
select {
|
|
background: #292929
|
|
}
|
|
|
|
.cke_wysiwyg_frame, .cke_wysiwyg_div {
|
|
background: #292929 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.even {
|
|
background: $table-bg-accent;
|
|
}
|
|
|
|
.odd,
|
|
#trig_dptxt {
|
|
background: $table-bg;
|
|
color: $primary;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
color: #ffffff !important;
|
|
background: $table-bg;
|
|
}
|
|
|
|
input.reportBuilderInput,
|
|
.ui-datepicker {
|
|
background: #292929;
|
|
}
|
|
|
|
//textarea, OLD?
|
|
//input {
|
|
// background: $input-bg;
|
|
// color: $input-color;
|
|
//}
|
|
|
|
// Forums
|
|
.form-control {
|
|
background: rgb(71,71,71);
|
|
background: linear-gradient(180deg, rgba(71,71,71,1) 1%, rgba(99,99,99,1) 18%);
|
|
}
|
|
|
|
.jtrack-form {
|
|
background: #292929 !important;
|
|
}
|
|
|
|
.box-quickadmin .cssmenu_horiz ul li {
|
|
background-color: $body-bg;
|
|
}
|
|
|
|
a.toolbar,
|
|
.cssmenu_horiz a,
|
|
.cssmenu_vert a {
|
|
color: $link-color;
|
|
}
|
|
|
|
.cssmenu_horiz li ul,
|
|
.cssmenu_vert li ul {
|
|
padding: 0;
|
|
margin: 2px 0 0; // override default ul
|
|
// font-size: $font-size-base;
|
|
background-color: $dropdown-bg;
|
|
border: 1px solid $dropdown-border-color;
|
|
border-radius: $border-radius;
|
|
@include box-shadow(0 6px 12px rgba(0, 0, 0, .175));
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
|
|
// Links within the dropdown menu
|
|
> li > a {
|
|
padding: 3px 20px;
|
|
font-weight: normal;
|
|
line-height: $line-height-base;
|
|
color: $dropdown-link-color;
|
|
background: $dropdown-bg;
|
|
}
|
|
}
|
|
|
|
// Hover/Focus state
|
|
.cssmenu_horiz li a,
|
|
.cssmenu_vert li a,
|
|
.cssmenu_horiz ul li a,
|
|
.cssmenu_vert ul li a {
|
|
&:hover,
|
|
&:focus {
|
|
text-decoration: none;
|
|
color: $dropdown-link-hover-color;
|
|
background-color: $dropdown-link-hover-bg;
|
|
}
|
|
}
|
|
|
|
// override for some cypht background colors
|
|
body.tiki.tiki-webmail {
|
|
background-image: url('#{$imagePath}474747_5e5e5e_40.png');
|
|
}
|
|
|
|
.tiki_trackers {
|
|
.icon-status-open, .icon-status-pending, .icon-status-closed {
|
|
filter: drop-shadow(0 0 1px black);
|
|
}
|
|
}
|
|
|
|
// Badges
|
|
.badge {
|
|
&.bg-primary,
|
|
&.bg-danger,
|
|
&.bg-secondary,
|
|
&.bg-success,
|
|
&.bg-info,
|
|
&.bg-warning { color: #000 !important; }
|
|
}
|
|
|
|
// Breadcrumbs
|
|
.breadcrumb {
|
|
display: inline-block;
|
|
}
|