670 lines
12 KiB
CSS
670 lines
12 KiB
CSS
:root
|
|
{
|
|
--mxs-gray: #eeeeee;
|
|
--mxs-orange: #ff6f0f;
|
|
--mxs-tablealt: #f4f4f4;
|
|
--mxs-darkblue: #024cA8;
|
|
--mxs-blue: #0776a0;
|
|
--mxs-yellow: #ffa800;
|
|
--mxs-lightgray: #bbbbbb;
|
|
--mxs-cyan: #97c9dc;
|
|
--mxs-green: #007633;
|
|
--mxs-darkgray: #4d4d4d;
|
|
--mxs-yellowgreen: #37DA7E;
|
|
--mxs-red: #FF3500;
|
|
--mxs-inputalertbg: rgba(255,35,0,0.1);
|
|
|
|
--mxs-title: #024cA8;
|
|
--mxs-title-alt: #ff6f0f;
|
|
|
|
--mxs-selected: #0776a0;
|
|
--mxs-selected-bg: #0776a010;
|
|
|
|
--mxs-unselected: #bbbbbb;
|
|
|
|
--mxs-switch-on: var(--mxs-blue);
|
|
--mxs-switch-off: rgba(64,128,255,0.1);
|
|
--mxs-switch-disabled: rgba(50,50,50,1);
|
|
--mxs-switch-blocked: rgba(255,111,0,0.8);
|
|
--mxs-switch-alert: rgba(255,35,0,0.8);
|
|
|
|
--mxs-bg-rgba-prefix: 238, 242, 244;
|
|
--mxs-bgalert-rgba: rgba(26, 11, 4, 0.685);
|
|
|
|
|
|
}
|
|
|
|
input:-internal-autofill-selected
|
|
{
|
|
background-color: red;
|
|
}
|
|
|
|
|
|
body
|
|
{
|
|
background-image: url('/static/theme/polarfox/img/fennec_logo.svg');
|
|
background-color: rgba(var(--mxs-bg-rgba-prefix),1);
|
|
color: black;
|
|
|
|
}
|
|
|
|
#newMsgAlert {
|
|
color: inherit;
|
|
display: none;
|
|
|
|
}
|
|
|
|
body.login
|
|
{
|
|
background-color: rgba(var(--mxs-bg-rgba-prefix),1);
|
|
}
|
|
|
|
|
|
.pager
|
|
{
|
|
color: var(--mxs-blue);
|
|
}
|
|
|
|
.ui-widget-overlay
|
|
{
|
|
background-color: #555;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
#blanker_text
|
|
{
|
|
color: rgba(0,0,0,0.7);
|
|
}
|
|
|
|
.bl_infobox
|
|
{
|
|
background-color: rgba(var(--mxs-bg-rgba-prefix),0.9);
|
|
border: 1px solid rgba(0,0,0,1);
|
|
}
|
|
|
|
.switcher__input:checked + .switcher__label {
|
|
color: #000;
|
|
}
|
|
|
|
.switcher__input:checked + .switcher__label:before {
|
|
background-color: var(--mxs-blue);
|
|
}
|
|
|
|
.switcher__input:checked + .switcher__label:after {
|
|
background-color: var(--mxs-yellowgreen);
|
|
}
|
|
|
|
.switcher__input:checked + .switcher__label:active:after {
|
|
transform: translateX(12px);
|
|
}
|
|
|
|
|
|
.switcher__label {
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
.switcher__label:before {
|
|
|
|
background-color: #e5e5e5;
|
|
|
|
}
|
|
|
|
.switcher__label:after {
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
i.panel.inactive {
|
|
color: var(--mxs-lightgray)
|
|
}
|
|
|
|
i.panel.active {
|
|
color: inherit
|
|
}
|
|
|
|
i.panel.highlighted {
|
|
color: yellow;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Main */
|
|
|
|
div.t_navy_main
|
|
{
|
|
|
|
background-color: rgba(var(--mxs-bg-rgba-prefix),0.95);
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.t_main
|
|
{
|
|
border-color: rgba(100,100,100,0.3);
|
|
background-color: rgba(var(--mxs-bg-rgba-prefix),0.72);
|
|
}
|
|
|
|
|
|
|
|
|
|
div.t_navy_main p.item,
|
|
div.t_navy_main p.subitem,
|
|
div.t_navy_main p.title,
|
|
div.t_navy_main p.item a,
|
|
div.t_navy_main p.subitem a,
|
|
div.t_navy_main p.title a,
|
|
|
|
div.hidden_menu p.item,
|
|
div.hidden_menu p.subitem,
|
|
div.hidden_menu p.title,
|
|
div.hidden_menu p.item a,
|
|
div.hidden_menu p.subitem a,
|
|
div.hidden_menu p.title a
|
|
{
|
|
color: inherit;
|
|
}
|
|
|
|
div.t_navy_main p.item,
|
|
div.t_navy_main p.subitem,
|
|
div.t_navy_main p.title,
|
|
|
|
div.hidden_menu p.item,
|
|
div.hidden_menu p.subitem
|
|
{
|
|
background-color: rgba(var(--mxs-bg-rgba-prefix).5);
|
|
border-bottom: 1px solid rgba(100,100,100,0.4);
|
|
}
|
|
div.breadcrumbs a, div.breadcrumbs,
|
|
div.t_navy_main p.title
|
|
{
|
|
color: white;
|
|
font-weight: 400;
|
|
|
|
|
|
}
|
|
|
|
div.breadcrumbs,
|
|
div.t_navy_main p.title
|
|
{
|
|
/* background-color: rgba(var(--mxs-bg-rgba-prefix),0.5); */
|
|
border-bottom: 1px solid rgba(100,100,100,0.1);
|
|
|
|
|
|
}
|
|
|
|
div.t_navy_main p.title
|
|
{
|
|
|
|
|
|
}
|
|
div.header,
|
|
div.breadcrumbs,
|
|
div.t_navy_main p.title,
|
|
table.datatable th,
|
|
.ui-widget-header
|
|
{
|
|
color: white;
|
|
background-color: rgba(02,76,168,0.6);
|
|
}
|
|
|
|
|
|
div.t_navy_main p.title
|
|
{
|
|
|
|
height: 24px;
|
|
padding-bottom: 2;
|
|
padding-top: 3;
|
|
|
|
}
|
|
|
|
div.t_navy_main p.item.selected,
|
|
div.t_navy_main p.subitem.selected,
|
|
div.t_navy_main p.item.selected a,
|
|
div.t_navy_main p.subitem.selected a,
|
|
|
|
div.hidden_menu p.item.selected,
|
|
div.hidden_menu p.subitem.selected,
|
|
div.hidden_menu p.item.selected a,
|
|
div.hidden_menu p.subitem.selected a
|
|
{
|
|
color: var(--mxs-darkblue);
|
|
}
|
|
|
|
div.t_navy_main p:hover, div.t_navy_main p a:hover,
|
|
div.hidden_menu p:hover, div.hidden_menu p a:hover
|
|
{
|
|
color: var(--mxs-blue);
|
|
}
|
|
|
|
/* general style sheet */
|
|
|
|
|
|
.widget,
|
|
.widget table
|
|
{
|
|
color: black;
|
|
}
|
|
|
|
table.eventlist div.widget,
|
|
div.widget, table.widget,
|
|
div.widget
|
|
{
|
|
background-color: rgba(252,252,252,0.9);
|
|
}
|
|
|
|
table.datatable tr.alt td
|
|
{
|
|
background-color: var(--mxs-tablealt);
|
|
}
|
|
|
|
div.crm_entity_field_title,
|
|
div.crm_entity_field_value, p, table.datatable td, input, select, textarea, div.widget p, div.widget pre,
|
|
div.crm_entity_field_value a,
|
|
div.crm_entity_field_input,
|
|
div.text
|
|
|
|
{
|
|
color: rgba(0,0,0,1);
|
|
font-weight: 300;
|
|
}
|
|
|
|
|
|
h1, table.h1,
|
|
h2, table.h2
|
|
{
|
|
color: var(--mxs-darkblue);
|
|
font-weight: 300;
|
|
}
|
|
|
|
|
|
table.datatable
|
|
{
|
|
border-bottom: 1px double rgba(0,0,0,1);
|
|
}
|
|
|
|
table.datatable th
|
|
{
|
|
border-bottom: 1px double rgba(0,0,0,0.5);
|
|
}
|
|
|
|
|
|
.datatable th.colspan
|
|
{
|
|
border-left: 2px solid #eef2f4;
|
|
border-right: 2px solid #eef2f4;
|
|
}
|
|
|
|
table.datatable td
|
|
{
|
|
border-bottom: 1px solid rgba(0,0,0,0.3);
|
|
}
|
|
|
|
table.datatable.sel tr:hover td,
|
|
table.datatable.sel tr:hover td a,
|
|
table.datatable.selm tr.ss:hover td,
|
|
table.datatable.selm tr.ss:hover td a,
|
|
table.datatable.selm tbody:hover tr td,
|
|
table.datatable.selm tbody:hover tr td a
|
|
{
|
|
background-color: rgba(0,0,254,0.1);
|
|
}
|
|
|
|
table.datatable .selected {
|
|
background-color: rgba(255,111,16,0.2);
|
|
|
|
}
|
|
|
|
div.crm_entity_field_block input, div.crm_entity_field_block select, div.crm_entity_field_block textarea
|
|
{
|
|
|
|
border-bottom: 1px solid rgba(100,100,100,1);
|
|
}
|
|
|
|
/* panel_full_normal */
|
|
|
|
.full-width-input
|
|
{
|
|
background-color: red;
|
|
}
|
|
|
|
div.crm_entity_field_block input:focus,
|
|
div.crm_entity_field_block select:focus,
|
|
div.crm_entity_field_block textarea:focus,
|
|
div.crm_entity_field_block input:focus.changed,
|
|
div.crm_entity_field_block select:focus.changed,
|
|
div.crm_entity_field_block textarea:focus.changed
|
|
{
|
|
border-bottom: 1px solid var(--mxs-green);
|
|
}
|
|
|
|
div.crm_entity_field_block input:disabled,div.crm_entity_field_block select:disabled,div.crm_entity_field_block textarea:disabled
|
|
{
|
|
border-bottom: 1px double var(--mxs-gray);
|
|
}
|
|
|
|
|
|
div.alert, p.alert
|
|
{
|
|
background-color: var(--mxs-red);
|
|
color: white;
|
|
}
|
|
|
|
div.hidden_menu
|
|
{
|
|
background-color: rgba(var(--mxs-bg-rgba-prefix),1);
|
|
color: black;
|
|
}
|
|
|
|
div.contextMenu {
|
|
background-color: rgba(var(--mxs-bg-rgba-prefix),1);
|
|
border-color: var(--mxs-blue);
|
|
}
|
|
|
|
div.header_user
|
|
{
|
|
color: var(--mxs-orange);
|
|
}
|
|
|
|
|
|
|
|
div.chevron span.chevron
|
|
{
|
|
color: var(--mxs-blue);
|
|
}
|
|
|
|
div.chevron span.chevron:hover
|
|
{
|
|
color: FFA800;
|
|
}
|
|
|
|
|
|
div.login
|
|
{
|
|
color: var(--mxs-darkblue);
|
|
padding: 0px;
|
|
background-color: rgba(var(--mxs-bg-rgba-prefix),0.65);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
div.login h2
|
|
{
|
|
color: var(--mxs-darkblue);
|
|
}
|
|
|
|
|
|
div.crm_entity_field_block input.changed,
|
|
div.crm_entity_field_block select.changed,
|
|
div.crm_entity_field_block textarea.changed
|
|
{
|
|
border-bottom-color: rgba(255,111,16,0.6);
|
|
}
|
|
|
|
div.crm_entity_field_block input.saved,
|
|
div.crm_entity_field_block select.saved,
|
|
div.crm_entity_field_block textarea.saved
|
|
{
|
|
border-bottom-color: var(--mxs-green);
|
|
}
|
|
|
|
div.crm_entity_field_block input.alert,
|
|
div.crm_entity_field_block select.alert,
|
|
div.crm_entity_field_block textarea.alert
|
|
{
|
|
border-bottom-color: var(--mxs-red);
|
|
background-color: var(--mxs-inputalertbg);
|
|
}
|
|
|
|
|
|
|
|
div.dialog
|
|
{
|
|
border: 4px var(--mxs-orange) solid;
|
|
background-color: #24293C;
|
|
color: white;
|
|
|
|
}
|
|
|
|
div.dialog input,
|
|
div.dialog textarea
|
|
{
|
|
color: black;
|
|
}
|
|
|
|
table.datatable td.code
|
|
{
|
|
color: rgba(0,0,0,1);
|
|
}
|
|
|
|
div#priceselector.widget
|
|
{
|
|
background-color: #24293C;
|
|
border: 4px solid var(--mxs-orange);
|
|
}
|
|
|
|
/* Jquery Theme */
|
|
|
|
option
|
|
{
|
|
background-color: #FDFDFF;;
|
|
}
|
|
|
|
/* Component containers
|
|
----------------------------------*/
|
|
.ui-widget.ui-widget-content {
|
|
border: 1px solid #c5c5c5;
|
|
}
|
|
|
|
.ui-widget-content {
|
|
border: 1px solid #dddddd;
|
|
background: #ffffff;
|
|
color: #333333;
|
|
}
|
|
.ui-widget-content a {
|
|
color: #333333;
|
|
}
|
|
.ui-widget-header {
|
|
border: 1px solid #dddddd;
|
|
font-weight: bold;
|
|
}
|
|
.ui-widget-header a {
|
|
color: #333333;
|
|
}
|
|
|
|
/* Interaction states
|
|
----------------------------------*/
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default,
|
|
.ui-button,
|
|
|
|
/* We use html here because we need a greater specificity to make sure disabled
|
|
works properly when clicked or hovered */
|
|
html .ui-button.ui-state-disabled:hover,
|
|
html .ui-button.ui-state-disabled:active {
|
|
border: 1px solid #c5c5c5;
|
|
background: #f6f6f6;
|
|
font-weight: normal;
|
|
color: #454545;
|
|
}
|
|
.ui-state-default a,
|
|
.ui-state-default a:link,
|
|
.ui-state-default a:visited,
|
|
a.ui-button,
|
|
a:link.ui-button,
|
|
a:visited.ui-button,
|
|
.ui-button {
|
|
color: #454545;
|
|
text-decoration: none;
|
|
}
|
|
.ui-state-hover,
|
|
.ui-widget-content .ui-state-hover,
|
|
.ui-widget-header .ui-state-hover,
|
|
.ui-state-focus,
|
|
.ui-widget-content .ui-state-focus,
|
|
.ui-widget-header .ui-state-focus,
|
|
.ui-button:hover,
|
|
.ui-button:focus {
|
|
border: 1px solid #cccccc;
|
|
background: #ededed;
|
|
font-weight: normal;
|
|
color: #2b2b2b;
|
|
}
|
|
.ui-state-hover a,
|
|
.ui-state-hover a:hover,
|
|
.ui-state-hover a:link,
|
|
.ui-state-hover a:visited,
|
|
.ui-state-focus a,
|
|
.ui-state-focus a:hover,
|
|
.ui-state-focus a:link,
|
|
.ui-state-focus a:visited,
|
|
a.ui-button:hover,
|
|
a.ui-button:focus {
|
|
color: #2b2b2b;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ui-visual-focus {
|
|
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
|
|
}
|
|
.ui-state-active,
|
|
.ui-widget-content .ui-state-active,
|
|
.ui-widget-header .ui-state-active,
|
|
a.ui-button:active,
|
|
.ui-button:active,
|
|
.ui-button.ui-state-active:hover {
|
|
border: 1px solid #003eff;
|
|
background: #007fff;
|
|
font-weight: normal;
|
|
color: #ffffff;
|
|
}
|
|
.ui-icon-background,
|
|
.ui-state-active .ui-icon-background {
|
|
border: #003eff;
|
|
background-color: #ffffff;
|
|
}
|
|
.ui-state-active a,
|
|
.ui-state-active a:link,
|
|
.ui-state-active a:visited {
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Interaction Cues
|
|
----------------------------------*/
|
|
.ui-state-highlight,
|
|
.ui-widget-content .ui-state-highlight,
|
|
.ui-widget-header .ui-state-highlight {
|
|
border: 1px solid #dad55e;
|
|
background: #fffa90;
|
|
color: #777620;
|
|
}
|
|
.ui-state-checked {
|
|
border: 1px solid #dad55e;
|
|
background: #fffa90;
|
|
}
|
|
.ui-state-highlight a,
|
|
.ui-widget-content .ui-state-highlight a,
|
|
.ui-widget-header .ui-state-highlight a {
|
|
color: #777620;
|
|
}
|
|
.ui-state-error,
|
|
.ui-widget-content .ui-state-error,
|
|
.ui-widget-header .ui-state-error {
|
|
border: 1px solid #f1a899;
|
|
background: #fddfdf;
|
|
color: #5f3f3f;
|
|
}
|
|
.ui-state-error a,
|
|
.ui-widget-content .ui-state-error a,
|
|
.ui-widget-header .ui-state-error a {
|
|
color: #5f3f3f;
|
|
}
|
|
.ui-state-error-text,
|
|
.ui-widget-content .ui-state-error-text,
|
|
.ui-widget-header .ui-state-error-text {
|
|
color: #5f3f3f;
|
|
}
|
|
.ui-priority-primary,
|
|
.ui-widget-content .ui-priority-primary,
|
|
.ui-widget-header .ui-priority-primary {
|
|
font-weight: bold;
|
|
}
|
|
.ui-priority-secondary,
|
|
.ui-widget-content .ui-priority-secondary,
|
|
.ui-widget-header .ui-priority-secondary {
|
|
opacity: .7;
|
|
filter:Alpha(Opacity=70); /* support: IE8 */
|
|
font-weight: normal;
|
|
}
|
|
.ui-state-disabled,
|
|
.ui-widget-content .ui-state-disabled,
|
|
.ui-widget-header .ui-state-disabled {
|
|
opacity: .35;
|
|
filter:Alpha(Opacity=35); /* support: IE8 */
|
|
background-image: none;
|
|
}
|
|
.ui-state-disabled .ui-icon {
|
|
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
|
|
}
|
|
|
|
|
|
.ui-widget-shadow {
|
|
-webkit-box-shadow: 0px 0px 5px #666666;
|
|
box-shadow: 0px 0px 5px #666666;
|
|
}
|
|
|
|
div.button.green, input.button.green {
|
|
border-color: var(--mxs-green);
|
|
color: var(--mxs-blue);
|
|
}
|
|
|
|
div.button, input.button,
|
|
div.switcher {
|
|
border-color: var(--mxs-blue);
|
|
color: var(--mxs-blue);
|
|
}
|
|
|
|
div.button:hover, input.button:hover,
|
|
div.switcher:hover {
|
|
border-color: var(--mxs-darkblue);
|
|
}
|
|
|
|
div.button.active, input.button.active,
|
|
div.switcher.active {
|
|
|
|
border-color: var(--mxs-orange);
|
|
color: var(--mxs-orange);
|
|
}
|
|
|
|
|
|
|
|
|
|
div.accordion .ui-accordion-header.ui-state-active {
|
|
color: var(--mxs-switch-on);
|
|
border-bottom-color: var(--mxs-switch-on);
|
|
}
|
|
|
|
|
|
div.accordion .ui-accordion-header {
|
|
border-bottom-color: var(--mxs-lightgray);
|
|
color: var(--mxs-darkgray);
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav .ui-state-default a {
|
|
border-bottom-color: var(--mxs-lightgray);
|
|
color: var(--mxs-darkgray);
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav .ui-state-active a {
|
|
color: var(--mxs-switch-on);
|
|
border-color: var(--mxs-switch-on);
|
|
}
|
|
|