552 lines
12 KiB
CSS
552 lines
12 KiB
CSS
|
|
.ui-widget-content {
|
|
border-color: #e5e5e5;
|
|
background-color: #fff;
|
|
color: #444;
|
|
}
|
|
|
|
.ui-widget-content a {
|
|
color: #444;
|
|
}
|
|
|
|
.ui-widget-header {
|
|
border-color: #e5e5e5;
|
|
background-color: #f5f5f5;
|
|
color: #666;
|
|
}
|
|
|
|
.ui-widget-header a {
|
|
color: #555;
|
|
}
|
|
|
|
.f-accordion > .f-panel-body {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default {
|
|
border-color: #e5e5e5;
|
|
background-color: #f5f5f5;
|
|
color: #444;
|
|
}
|
|
|
|
.ui-state-default a,
|
|
.ui-state-default a:link,
|
|
.ui-state-default a:visited {
|
|
}
|
|
|
|
.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 {
|
|
border-color: #6ea6cc;
|
|
background-color: #f1f8fd;
|
|
color: #2b7dbc;
|
|
}
|
|
|
|
.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 {
|
|
color: #2b7dbc;
|
|
}
|
|
|
|
.ui-state-active,
|
|
.ui-widget-content .ui-state-active,
|
|
.ui-widget-header .ui-state-active {
|
|
border-color: #c5c5c5;
|
|
background-color: #eef4f9;
|
|
color: #2b7dbc;
|
|
}
|
|
|
|
.ui-state-active a,
|
|
.ui-state-active a:link,
|
|
.ui-state-active a:visited {
|
|
color: #2b7dbc;
|
|
}
|
|
|
|
|
|
.ui-state-highlight,
|
|
.ui-widget-content .ui-state-highlight,
|
|
.ui-widget-header .ui-state-highlight {
|
|
border-color: #BF8A8A;
|
|
background-color: #fff;
|
|
color: #000;
|
|
}
|
|
|
|
.ui-state-highlight a,
|
|
.ui-widget-content .ui-state-highlight a,
|
|
.ui-widget-header .ui-state-highlight a {
|
|
}
|
|
|
|
.ui-state-error,
|
|
.ui-widget-content .ui-state-error,
|
|
.ui-widget-header .ui-state-error {
|
|
border-color: #ffa8a8;
|
|
background-color: #fff8f8;
|
|
color: #000;
|
|
}
|
|
|
|
.ui-state-error a,
|
|
.ui-widget-content .ui-state-error a,
|
|
.ui-widget-header .ui-state-error a {
|
|
}
|
|
|
|
.ui-state-error-text,
|
|
.ui-widget-content .ui-state-error-text,
|
|
.ui-widget-header .ui-state-error-text {
|
|
color: #000;
|
|
}
|
|
|
|
.ui-priority-primary,
|
|
.ui-widget-content .ui-priority-primary,
|
|
.ui-widget-header .ui-priority-primary {
|
|
}
|
|
|
|
.ui-priority-secondary,
|
|
.ui-widget-content .ui-priority-secondary,
|
|
.ui-widget-header .ui-priority-secondary {
|
|
opacity: .7;
|
|
filter: Alpha(Opacity=70);
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ui-state-disabled,
|
|
.ui-widget-content .ui-state-disabled,
|
|
.ui-widget-header .ui-state-disabled {
|
|
opacity: .5;
|
|
filter: alpha(opacity=50);
|
|
background-image: none;
|
|
}
|
|
|
|
.ui-state-disabled .ui-icon {
|
|
filter: alpha(opacity=50);
|
|
}
|
|
|
|
|
|
.ui-icon,
|
|
.ui-widget-content .ui-icon {
|
|
color: #888;
|
|
}
|
|
|
|
.ui-widget-header .ui-icon {
|
|
color: #888;
|
|
}
|
|
|
|
.ui-state-default .ui-icon {
|
|
color: #888;
|
|
}
|
|
|
|
.ui-state-hover .ui-icon,
|
|
.ui-state-focus .ui-icon {
|
|
color: #6ea6cc;
|
|
}
|
|
|
|
.ui-state-active .ui-icon {
|
|
color: #2b7dbc;
|
|
}
|
|
|
|
.ui-state-highlight .ui-icon {
|
|
color: #888;
|
|
}
|
|
|
|
.ui-state-error .ui-icon,
|
|
.ui-state-error-text .ui-icon {
|
|
color: #ff6c6c;
|
|
}
|
|
|
|
.ui-corner-all,
|
|
.ui-corner-top,
|
|
.ui-corner-left,
|
|
.ui-corner-tl {
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.ui-corner-all,
|
|
.ui-corner-top,
|
|
.ui-corner-right,
|
|
.ui-corner-tr {
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.ui-corner-all,
|
|
.ui-corner-bottom,
|
|
.ui-corner-left,
|
|
.ui-corner-bl {
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.ui-corner-all,
|
|
.ui-corner-bottom,
|
|
.ui-corner-right,
|
|
.ui-corner-br {
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
|
|
/* Special Styles */
|
|
.f-tab-header.ui-state-active {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.f-tab-header.ui-state-active,
|
|
.f-tab-header.ui-state-hover {
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
.f-grid-colheader.ui-state-hover,
|
|
.f-grid-colheader.ui-state-hover .f-grid-colheader-trigger {
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
|
|
.f-grid-selectedcell-border {
|
|
border-color: #d5d5d5 !important;
|
|
}
|
|
|
|
.f-grid-row-lines .f-grid-cell,
|
|
.f-grid-column-lines .f-grid-cell,
|
|
.f-grid-row-lines .f-grid-rowexpander > td {
|
|
border-color: #e5e5e5 !important;
|
|
}
|
|
|
|
.ui-widget-header.f-mainheader {
|
|
border-color: #fff;
|
|
background-color: #438eb9;
|
|
color: #fff;
|
|
}
|
|
|
|
.ui-widget-header.f-mainheader a,
|
|
.ui-widget-header.f-mainheader .ui-icon {
|
|
color: #fff;
|
|
}
|
|
|
|
.ui-widget-header.f-subheader {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.f-window {
|
|
border-style: solid;
|
|
border-width: 4px;
|
|
border-color: #4491D3;
|
|
}
|
|
|
|
.f-window > .f-panel-header {
|
|
border-color: #4491D3;
|
|
background-color: #4491D3;
|
|
color: #fff;
|
|
}
|
|
|
|
.f-window > .f-panel-header .ui-icon {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.f-btn {
|
|
border-width: 3px;
|
|
border-style: solid;
|
|
transition: all 0.15s ease 0s;
|
|
padding: 2px 8px;
|
|
}
|
|
|
|
|
|
.f-btn .ui-icon {
|
|
color: #888;
|
|
}
|
|
|
|
.f-btn.ui-state-default .ui-icon,
|
|
.f-btn.ui-state-active .ui-icon,
|
|
.f-btn.ui-state-hover .ui-icon,
|
|
.f-btn.ui-state-focus .ui-icon {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.f-btn .f-btn-text {
|
|
color: #fff;
|
|
}
|
|
|
|
.f-btn.ui-state-default {
|
|
background-color: #428bca;
|
|
border-color: #428bca;
|
|
}
|
|
|
|
.f-btn.ui-state-hover,
|
|
.f-btn.ui-state-focus {
|
|
background-color: #1b6aaa;
|
|
border-color: #428bca;
|
|
}
|
|
|
|
.f-btn.ui-state-active {
|
|
background-color: #428bca;
|
|
border-color: #1b6aaa;
|
|
}
|
|
|
|
.f-btn.f-btn-gray.ui-state-default {
|
|
background-color: #abbac3;
|
|
border-color: #abbac3;
|
|
}
|
|
|
|
.f-btn.f-btn-gray.ui-state-hover,
|
|
.f-btn.f-btn-gray.ui-state-focus {
|
|
background-color: #8b9aa3;
|
|
border-color: #abbac3;
|
|
}
|
|
|
|
.f-btn.f-btn-gray.ui-state-active {
|
|
background-color: #abbac3;
|
|
border-color: #8b9aa3;
|
|
}
|
|
|
|
.f-btn.f-btn-info.ui-state-default {
|
|
background-color: #6fb3e0;
|
|
border-color: #6fb3e0;
|
|
}
|
|
|
|
.f-btn.f-btn-info.ui-state-hover,
|
|
.f-btn.f-btn-info.ui-state-focus {
|
|
background-color: #4f99c6;
|
|
border-color: #6fb3e0;
|
|
}
|
|
|
|
.f-btn.f-btn-info.ui-state-active {
|
|
background-color: #6fb3e0;
|
|
border-color: #4f99c6;
|
|
}
|
|
|
|
.f-btn.f-btn-success.ui-state-default {
|
|
background-color: #87b87f;
|
|
border-color: #87b87f;
|
|
}
|
|
|
|
.f-btn.f-btn-success.ui-state-hover,
|
|
.f-btn.f-btn-success.ui-state-focus {
|
|
background-color: #629b58;
|
|
border-color: #87b87f;
|
|
}
|
|
|
|
.f-btn.f-btn-success.ui-state-active {
|
|
background-color: #87b87f;
|
|
border-color: #629b58;
|
|
}
|
|
|
|
.f-btn.f-btn-warning.ui-state-default {
|
|
background-color: #ffb752;
|
|
border-color: #ffb752;
|
|
}
|
|
|
|
.f-btn.f-btn-warning.ui-state-hover,
|
|
.f-btn.f-btn-warning.ui-state-focus {
|
|
background-color: #e59729;
|
|
border-color: #ffb752;
|
|
}
|
|
|
|
.f-btn.f-btn-warning.ui-state-active {
|
|
background-color: #ffb752;
|
|
border-color: #e59729;
|
|
}
|
|
|
|
.f-btn.f-btn-danger.ui-state-default {
|
|
background-color: #d15b47;
|
|
border-color: #d15b47;
|
|
}
|
|
|
|
.f-btn.f-btn-danger.ui-state-hover,
|
|
.f-btn.f-btn-danger.ui-state-focus {
|
|
background-color: #b74635;
|
|
border-color: #d15b47;
|
|
}
|
|
|
|
.f-btn.f-btn-danger.ui-state-active {
|
|
background-color: #d15b47;
|
|
border-color: #b74635;
|
|
}
|
|
|
|
.f-btn.f-btn-inverse.ui-state-default {
|
|
background-color: #555;
|
|
border-color: #555;
|
|
}
|
|
|
|
.f-btn.f-btn-inverse.ui-state-hover,
|
|
.f-btn.f-btn-inverse.ui-state-focus {
|
|
background-color: #303030;
|
|
border-color: #555;
|
|
}
|
|
|
|
.f-btn.f-btn-inverse.ui-state-active {
|
|
background-color: #555;
|
|
border-color: #303030;
|
|
}
|
|
|
|
|
|
|
|
.f-accordionpane-selected > .f-accordionpane-header,
|
|
.f-accordionpane-hover > .f-accordionpane-header {
|
|
background-color: #fff;
|
|
color: #2b7dbc;
|
|
}
|
|
|
|
.f-accordionpane-selected > .f-accordionpane-header .ui-icon,
|
|
.f-accordionpane-hover > .f-accordionpane-header .ui-icon {
|
|
color: #2b7dbc;
|
|
}
|
|
|
|
/*
|
|
.f-accordionpane-selected > .f-accordionpane-header:before,
|
|
.f-accordionpane-hover > .f-accordionpane-header:before {
|
|
display: block;
|
|
content: "";
|
|
position: absolute;
|
|
top: -1px;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 2px;
|
|
max-width: 2px;
|
|
overflow: hidden;
|
|
background-color: #3382af;
|
|
}
|
|
*/
|
|
|
|
.f-accordionpane > .f-panel-header > .f-panel-tools > .f-tool.f-toolicon-toggle .ui-icon {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.f-accordionpane > .f-panel-header > .f-panel-tools > .f-tool.f-toolicon-toggle .ui-icon:before {
|
|
content: "\f106";
|
|
}
|
|
|
|
.f-accordionpane.f-panel-collapsed > .f-panel-header > .f-panel-tools .f-tool.f-toolicon-toggle .ui-icon:before {
|
|
content: "\f107";
|
|
}
|
|
|
|
.f-accordion.f-accordion-theme-simple > .f-panel-body {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.f-accordion.f-accordion-theme-simple .f-accordionpane {
|
|
margin-bottom: 5px;
|
|
border-bottom-width: 0 !important;
|
|
}
|
|
|
|
.f-accordion.f-accordion-theme-simple .f-accordionpane .f-accordionpane-header {
|
|
border-width: 0 0 0 1px !important;
|
|
border-color: #d9d9d9;
|
|
border-style: solid;
|
|
background-color: #f3f3f3;
|
|
}
|
|
|
|
.f-accordion.f-accordion-theme-simple .f-accordionpane.f-accordionpane-hover .f-accordionpane-header {
|
|
background-color: #f6f6f6;
|
|
}
|
|
|
|
.f-accordion.f-accordion-theme-simple .f-accordionpane.f-accordionpane-selected .f-accordionpane-header {
|
|
border-left-width: 2px !important;
|
|
border-color: #6eaed1;
|
|
background-color: #edf3f7;
|
|
}
|
|
|
|
.ui-widget-header.f-mainheader .f-region-split-icon .ui-icon {
|
|
color: #438EB9;
|
|
}
|
|
|
|
.f-grid-row-alt {
|
|
background-color: #fcfcfc;
|
|
}
|
|
|
|
.f-tabstrip.f-tabstrip-theme-simple {
|
|
border-width: 0;
|
|
}
|
|
|
|
.f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header {
|
|
background-color: #fff !important;
|
|
border-left-width: 1px;
|
|
}
|
|
|
|
.f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header .f-tab-header {
|
|
background-color: #f5f5f5;
|
|
border-top-width: 1px;
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
.f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header .f-tab-header.ui-state-active {
|
|
border-top-color: #4c8fbd !important;
|
|
border-top-width: 2px;
|
|
padding-top: 8px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.f-tabstrip.f-tabstrip-theme-simple > .f-panel-body {
|
|
border-color: #e5e5e5;
|
|
border-width: 0 1px 1px 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
|
|
.f-tabstrip-header-bottom.f-tabstrip.f-tabstrip-theme-simple > .f-panel-body {
|
|
border-top-width: 1px;
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.f-tabstrip-header-bottom.f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header .f-tab-header {
|
|
border-top-width: 0;
|
|
border-bottom-width: 1px !important;
|
|
border-bottom-style: solid;
|
|
}
|
|
|
|
.f-tabstrip-header-bottom.f-tabstrip.f-tabstrip-theme-simple > .f-tabstrip-header .f-tab-header.ui-state-active {
|
|
border-top-width: 0;
|
|
padding-top: 10px;
|
|
border-bottom-width: 2px !important;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #4c8fbd !important;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
|
|
/* compactMode */
|
|
.f-compactmode .f-btn {
|
|
border-width: 2px;
|
|
padding-top: 2px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
|
|
/* Default Page CSS */
|
|
#header .icontopaction.download {
|
|
background-color: #555;
|
|
}
|
|
|
|
#header .icontopaction.download:hover {
|
|
background-color: #4b4b4b;
|
|
}
|
|
|
|
#header .icontopaction.nexttheme {
|
|
background-color: #892e65;
|
|
}
|
|
|
|
#header .icontopaction.nexttheme:hover {
|
|
background-color: #762c59;
|
|
}
|
|
|
|
#header .icontopaction.themes {
|
|
background-color: #2e8965;
|
|
}
|
|
|
|
#header .icontopaction.themes:hover {
|
|
background-color: #2c7659;
|
|
}
|
|
|
|
#header .userpicaction {
|
|
background-color: #62a8d1;
|
|
}
|
|
|
|
#header .userpicaction:hover {
|
|
background-color: #579ec8;
|
|
}
|