jwic.jwic.css Maven / Gradle / Ivy
/*
* The default styles for all jWic elements.
*/
body {
font-family: Tahoma, sans-serif, Arial;
font-size: 10pt;
background-color: transparent;
}
form {
margin-top: 0;
margin-bottom: 0
}
.clickBlocker {
background-color: #E0E0E0;
color: #000000;
font-size: 12pt;
font-weight: bold;
border: 1px solid #000000;
}
div.ui-dialog .ui-dialog-content {
padding: 0;
}
.j-dialog-no-close .ui-dialog-titlebar-close {
display: none;
}
.j-dialog-message {
padding: 10px;
}
div.ui-tabs .ui-tabs-panel {
padding: 0;
}
/*
* Input box field.
*/
.j-inputbox-intable {
font-size: 8pt;
border: 1px solid #FFFFFF;
font-family: tahoma, sans-serif, Arial;
background: #FFFFFF;
}
.j-inputbox {
font-size: 10pt;
font-family: tahoma, sans-serif, Arial;
border: 1px solid #B0B0B0;
padding: 2px;
}
.j-inputbox.x-readonly {
background-color: #E0E0E0;
background-image: none;
}
.j-inputbox.x-error {
border: 1px solid #FF0000;
}
input.j-inputbox.x-error {
background-image: url(gfx/inputbg-error-tp.png);
background-repeat: repeat-x;;
}
.j-inputbox.x-focus {
border: 1px solid #8080E0;
}
.j-inputbox.x-empty {
color: #D0D0D0;
}
/*
* Checkbox
*/
input.j-checkbox {
vertical-align: middle;
padding: 0px;
margin: 0px;
}
label.j-checkbox {
padding-top: 0px;
}
/*GroupControl styles*/
table.grpDefault td.grpTitle {
font-size: 8pt;
padding-left: 2px;
padding-right: 8px;
}
table.grpDefault td.grpTL {
background-image: url("gfx/grp_tl.png");
background-repeat: no-repeat;
background-position: left top;
width: 8px;
}
table.grpDefault td.grpTR {
background-image: url("gfx/grp_tr.png");
background-repeat: no-repeat;
background-position: left top;
width: 8px;
}
table.grpDefault td.grpML {
background-image: url("gfx/grp_vl.png");
background-repeat: repeat-y;
width: 8px;
}
table.grpDefault td.grpMR {
background-image: url("gfx/grp_vr.png");
background-repeat: repeat-y;
width: 8px;
}
table.grpDefault td.grpTH {
background-image: url("gfx/grp_hor.png");
background-repeat: repeat-x;
}
table.grpDefault td.grpBH {
background-image: url("gfx/grp_hor.png");
background-repeat: repeat-x;
}
table.grpDefault td.grpBL {
background-image: url("gfx/grp_bl.png");
background-repeat: no-repeat;
}
table.grpDefault td.grpBR {
background-image: url("gfx/grp_br.png");
background-repeat: no-repeat;
}
/**
* Combo
*/
.j-combo {
height: 20px;
border: 1px solid #B0B0B0;
background: #ffffff url(gfx/inputbg.png) repeat-x;
}
a.j-combo_open {
width: 17px;
height: 18px;
display: block;
background: #F0F0F0 url(gfx/combo.png) no-repeat;
background-position: 1px 1px;
border-left: 1px solid #FFFFFF;
float: right;
cursor: pointer;
padding: 1px;
}
a.j-combo_open:hover {
background: #F0F0F0 url(gfx/combo_hl.png) no-repeat;
background-position: 1px 1px;
border-left: 1px solid #8080E0;
}
.j-combo input {
background-color: transparent;
font-family: tahoma, sans-serif, Arial;
font-size: 10pt;
height: 16px;
margin: 0px;
padding: 1px;
border: 0px;
}
.j-combo.x-readonly {
background-color: #E0E0E0;
background-image: none;
}
.j-combo.x-error {
border: 1px solid #FF0000;
}
.j-combo.x-error {
background-image: url(gfx/inputbg-error.png);
background-repeat: repeat-x;;
}
.j-combo.x-focus {
border: 1px solid #8080E0;
}
div.j-combo input.x-empty {
color: #D0D0D0;
}
div.j-combo_element {
display: block;
font-size: 10pt;
padding: 2px;
color: #000000;
cursor: pointer;
}
div.j-combo_element.selected {
background-color: #BBD9EE;
}
div.j-combo_element.hover {
background-color: #CCEAFF;
}
div.j-combo_element img {
margin-right: 3px;
}
.j-combo_contentBox {
display: none;
}
/**
* FileUpload control
*/
.j-fileupload-filename {
height: 23px;
width: 200px;
display: inline;
border: 1px solid #808080;
}
.j-fileupload-button {
width: 120px;
height: 25px;
display: inline;
position: absolute;
overflow: hidden;
margin-left: 2px;
}
.j-fileupload-selectfile {
background: url(gfx/selectfile_black.png) 0 0 no-repeat;
background-position: right;
border: 1px solid #808080;
cursor: pointer;
}
.j-fileupload-clearfile {
background: url(gfx/clear_file.png) 0 0 no-repeat;
background-position: right;
border: 1px solid #808080;
cursor: pointer;
}
/**
* Group Layouts
*/
.j-group-header {
padding: 4px;
}
.j-group-content {
padding: 4px;
}
/**
* Wizard Single-Page Layout.
*/
.j-wizard-header {
border-bottom: 1px solid #c0c0c0;
padding: 6px;
}
.j-wizard-page-title {
font-size: 16px;
padding-left: 10px;
}
.j-wizard-page-subtitle {
font-size: 10px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 8px;
}
.j-wizard-buttons {
text-align: right;
border-top: 1px solid;
padding: 8px;
color: #C0C0C0;
}
/**
* ListBox combo background fix
*/
select.j-listbox {
/** Chrome does not support background images on select tags. It needs to be disabled in order to not break other layouts */
background-image: none;
}
/**
* ProgressBar Label
*/
/** ProgressInfo Control */
div.j-process-info {
width: 400px;
height: 110px;
}
div.j-process-info-label {
margin-left: 8px;
margin-top: 5px;
font-size: 10pt;
height: 30px;
}
div.j-process-info-values {
margin-top: 15px;
font-size: 8pt;
text-align: right;
height: 15px;
margin-right: 5px;
}
div.j-process-info-bar {
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
height: 25px;
padding: 1px;
}
div.j-process-info-bar-label {
float: left;
margin-left: 4%;
width: 95%;
text-align: center;
margin-top: 5px;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
font-size: 10pt;
}
/* CKEditor Layout */
div.ckEditor {
border: 1px solid #808080;
background-color: #ffffff;
}
/** Toolbar Style */
div.j-toolbar {
overflow: hidden;
padding: 2px;
font-weight: normal;
}
div.j-toolbar div.j-toolbar-elm {
float: left;
height: 35px;
padding-left: 3px;
}
div.j-toolbar div.j-spacer {
width: 1px;
border-left: 1px solid #AAA;
background-color: #fff;
margin: 0px 3px;
height: 35px;
}
div.j-toolbar span.j-toolbar-label {
font-size: 8pt;
float: left;
color: #707070;
margin-top: 11px;
}
div.j-toolbar a.j-toolbar-anchor {
display: block;
margin-top: 11px;
font-size: 8pt;
}
div.j-toolbar-grp-left {
float: left;
}
div.j-toolbar-grp-right {
float: right;
}
div.j-toolbar button.j-button {
height: 28px;
/*font-size: 8pt;*/
margin: 2px 0px;
}
div.j-toolbar div.j-combo {
margin-top: 8px;
margin-right: 3px;
}
/**
* Buttons
*/
.j-button {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 1px;
display: inline;
line-height: 15px;
padding: 0px;
height: 22px;
position: relative;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
}
.j-icon {
position: absolute;
top: 50%;
margin-top: -8px;
right: 5px;
}
.j-button .j-button-text{
padding-top: 3px;
padding-bottom: 0px;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.j-button-text-only {
}
.j-button-text-only .j-button-text {
margin-right: 10px;
margin-left: 10px;
padding-right: 0px;
padding-left: 0px;
white-space: nowrap;
}
.j-button-icon-only {
width: 22px;
}
.j-button-icon-only .j-button-icon {
height: 16px;
width: 16px;
position: absolute;
left: 2px;
top: 50%;
margin-top: -8px;
}
.j-button-icon-only .j-button-text {
padding-right: 10px;
padding-left: 0px;
font-size: 12px;
line-height: 14px;
width: 4px;
}
.j-button-text-icon {
}
.j-button-text-icon .j-button-icon {
height: 16px;
width: 16px;
position: absolute;
left: 6px;
top: 50%;
margin-top: -8px;
}
.j-button-text-icon .j-button-text {
padding-right: 0px;
padding-left: 0px;
margin-left: 28px;
margin-right: 10px;
}
.j-button-text-icons {
}
.j-button-text-icons .j-button-icon {
height: 16px;
width: 16px;
position: absolute;
left: 6px;
top: 50%;
margin-top: -8px;
}
.j-button-text-icons .j-button-text {
padding-right: 0px;
padding-left: 0px;
margin-left: 28px;
margin-right: 22px;
}
.j-toolbar .j-button .j-button-text {
padding: 0px 0px;
}
.j-toolbar .j-toolbar-elm {
padding-right: 2px;
padding-left: 2px;
}
.j-toolbar .j-button {
margin-top: 1px;
}
/* Column Selector */
div.j-listColSel {
overflow: scroll;
border: 1px solid #A0A0A0;
background-color: #F0F0F0;
position: relative;
}
div.j-listColSel div.j-colRow {
cursor: move;
border-bottom: 1px dashed #D0D0D0;
padding: 3px;
background-color: #ffffff;
}
div.j-listColSel div.j-colRow:hover {
background-color: #DBFFF3;
background: url(gfx/selhover.png);
background-repeat: repeat-x;
}
div.j-listColSel div.j-colRowTitle {
padding-left: 3px;
font-weight: bold;
user-select: none;
}
div.j-listColSel div.j-colRowDesc {
padding-top: 7px;
padding-left: 30px;
padding-bottom: 2px;
font-size: 8pt;
color: #808080;
user-select: none;
}
div.j-listColSel-search {
border-left: 1px solid #808080;
border-right: 1px solid #808080;
border-top: 0px;
border-bottom: 0px;
}
div.j-listColSel-search input {
margin: 2px;
}
span.j-listColSel-clearSearch {
float: right;
margin-top: 4px;
margin-right: 3px;
cursor: pointer;
}
/**
* Menu Styles
*/
.j-menu-icon {
display:block;
float:left;
clear:left;
background-repeat: no-repeat;
background-position: left center;
width:20px;
height:20px;
}
.j-menu {
z-index: 10;
}
.default-tooltip{
background : #ffffff;
color: #000000;
padding: 3px;
border: 1px solid gray;
border-radius : 3px;
font-size:11px;
}
.errorContainer {
overflow: visible;
position: relative;
z-index: 100;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.errorBox {
position: relative;
padding: 0px;
width: 100%;
}
.errorBox .closeBtn {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
}
.errorMessage span {
display: block;
padding-left: 46px;
background-image: url(gfx/error-icon.png);
background-repeat: no-repeat;
background-position: 8px center;
vertical-align: middle;
padding-top: 7px;
padding-right: 30px;
padding-bottom: 7px;
margin: 1px;
}
.warningMessage span {
display: block;
padding-left: 5px;
padding-top: 7px;
padding-right: 30px;
padding-bottom: 7px;
margin: 1px;
}
div.chartjs-tooltip {
opacity: 1;
position: absolute;
background: rgba(0, 0, 0, .7);
color: white;
padding: 3px;
border-radius: 3px;
-webkit-transition: all .1s ease;
transition: all .1s ease;
pointer-events: none;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
div.chartjs-tooltip.below {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
div.chartjs-tooltip.below:before {
border: solid;
border-color: #111 transparent;
border-color: rgba(0, 0, 0, .8) transparent;
border-width: 0 8px 8px 8px;
bottom: 1em;
content: "";
display: block;
left: 50%;
position: absolute;
z-index: 99;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
div.chartjs-tooltip.above {
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
div.chartjs-tooltip.above:before {
border: solid;
border-color: #111 transparent;
border-color: rgba(0, 0, 0, .8) transparent;
border-width: 8px 8px 0 8px;
bottom: 1em;
content: "";
display: block;
left: 50%;
top: 100%;
position: absolute;
z-index: 99;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.chartjs-tooltip-key{
display:inline-block;
width:10px;
height:10px;
}
div.chartjs-legend {
background-color: #888;
border-radius: 3px;
opacity: 1;
color: #fff;
padding: 2px;
box-sizing:border-box;
}
div.chartjs-legend-top {
text-align: center;
margin-bottom: 5px;
}
div.chartjs-legend-top li {
display: inline;
}
div.chartjs-legend-bottom {
text-align: center;
margin-top: 5px;
}
div.chartjs-legend-bottom li {
display: inline;
}
div.chartjs-legend-left li {
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
display: block;
}
div.chartjs-legend-right li {
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
display: block;
}
div.chartjs-legend ul {
margin: 0px;
padding: 0px;
}
.chartjs-legend li {
text-decoration:none;
margin: 0px 5px 0px 0px;
vertical-align: middle;
white-space: nowrap;
}
div.chartjs-legend .chartjs-colbox {
display: inline-block;
width: 15px;
height: 15px;
border-radius: 3px;
border: 1px solid #fff;
margin-right: 4px;
}
div.slickgrid-cell-disabled {
opacity: 0.5;
margin-bottom: -200px;
}
© 2015 - 2025 Weber Informatics LLC | Privacy Policy