292 lines
4.6 KiB
CSS
292 lines
4.6 KiB
CSS
|
/* Style */
|
||
|
.uiDataBody {
|
||
|
padding-top: 0px;
|
||
|
}
|
||
|
|
||
|
.uiDataLabel {
|
||
|
word-wrap: break-word;
|
||
|
}
|
||
|
|
||
|
.uiDataLabelKeyTag {
|
||
|
color: white;
|
||
|
font-weight: bold;
|
||
|
background-color: #00ace2;
|
||
|
border-radius: 8px;
|
||
|
padding: 3px;
|
||
|
margin: 2px;
|
||
|
width: auto;
|
||
|
display: inline-block;
|
||
|
word-wrap: break-word;
|
||
|
}
|
||
|
|
||
|
.uiDataLabelGeoAreaTag {
|
||
|
color: white;
|
||
|
font-weight: bold;
|
||
|
background-color: #009688;
|
||
|
border-radius: 8px;
|
||
|
padding: 3px;
|
||
|
margin: 2px;
|
||
|
width: auto;
|
||
|
display: inline-block;
|
||
|
word-wrap: break-word;
|
||
|
}
|
||
|
|
||
|
.uiDataParagraphCentered {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.uiDataActionParagraph {
|
||
|
padding: 19px 20px 20px;
|
||
|
margin-top: 20px;
|
||
|
margin-bottom: 20px;
|
||
|
background-color: #f5f5f5;
|
||
|
border-top: 1px solid #e5e5e5;
|
||
|
}
|
||
|
|
||
|
.uiDataAccordionGroup {
|
||
|
margin-bottom: 2px;
|
||
|
padding-left: 10px;
|
||
|
border-width: 1px;
|
||
|
border-style: solid;
|
||
|
border-color: rgb(229, 229, 229);
|
||
|
border-image: initial;
|
||
|
border-radius: 4px;
|
||
|
}
|
||
|
|
||
|
.uiDataFiltersPanel {
|
||
|
float: left;
|
||
|
margin-right: 10px;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
.uiDataFiltersPeriodPanel {
|
||
|
border-color: #eeeeee !important;
|
||
|
border-style: solid !important;
|
||
|
border-width: 1px !important;
|
||
|
padding: 3px !important;
|
||
|
}
|
||
|
|
||
|
.uiDataFiltersExplorePanel {
|
||
|
border-color: #eeeeee !important;
|
||
|
border-style: solid !important;
|
||
|
border-width: 1px !important;
|
||
|
padding: 3px !important;
|
||
|
}
|
||
|
|
||
|
.uiDataFiltersTitle {
|
||
|
font-size: 14px;
|
||
|
line-height: 20px;
|
||
|
color: #333;
|
||
|
padding: 0px;
|
||
|
margin: 1px;
|
||
|
}
|
||
|
|
||
|
.uiDataFiltersFormPanel {
|
||
|
margin: 0px;
|
||
|
}
|
||
|
|
||
|
.uiDataFiltersControls {
|
||
|
margin-left: 60px;
|
||
|
}
|
||
|
|
||
|
.uiDataExploreTree {
|
||
|
/*float: left;
|
||
|
margin-right: 10px;*/
|
||
|
}
|
||
|
|
||
|
|
||
|
.uiDataMainDataPanel {
|
||
|
float: left;
|
||
|
max-width: 800px;
|
||
|
}
|
||
|
|
||
|
.uiDataButtonRefresh {
|
||
|
width: 10px !important;
|
||
|
height: 10px !important;
|
||
|
padding: 5px !important;
|
||
|
margin: 0px !important;
|
||
|
margin-top: 6px !important;
|
||
|
line-height: 10px !important;
|
||
|
float: left !important;
|
||
|
}
|
||
|
|
||
|
.uiDataIconRefresh {
|
||
|
font-size: 12px !important;
|
||
|
}
|
||
|
|
||
|
.uiDataTable {
|
||
|
width: 100%;
|
||
|
background-color: white;
|
||
|
margin-bottom: 10px
|
||
|
}
|
||
|
|
||
|
.uiDataRow {
|
||
|
margin-left: 0px;
|
||
|
}
|
||
|
|
||
|
.uiDataTableStriped {
|
||
|
width: 100%;
|
||
|
background-color: white;
|
||
|
margin-bottom: 10px
|
||
|
}
|
||
|
|
||
|
.uiDataTableStriped tr:nth-child\(even\) {
|
||
|
background-color: #f9f9f9;
|
||
|
}
|
||
|
|
||
|
.uiDataTableStriped th {
|
||
|
background-color: #f0f0f0;
|
||
|
}
|
||
|
|
||
|
.uiDataPager {
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
margin-top: 6px;
|
||
|
margin-bottom: 10px;
|
||
|
}
|
||
|
|
||
|
.uiDataFormTable {
|
||
|
width: 320px;
|
||
|
background-color: white;
|
||
|
border: 1px solid #ccc;
|
||
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
|
-webkit-transition: border linear .2s, box-shadow linear .2s;
|
||
|
-moz-transition: border linear .2s, box-shadow linear .2s;
|
||
|
-o-transition: border linear .2s, box-shadow linear .2s;
|
||
|
transition: border linear .2s, box-shadow linear .2s;
|
||
|
}
|
||
|
|
||
|
.uiDataFormTable tr:nth-child\(even\) {
|
||
|
background-color: #f9f9f9;
|
||
|
}
|
||
|
|
||
|
.uiDataFormTable th {
|
||
|
border: 1px solid #ccc;
|
||
|
border-radius: 4px;
|
||
|
background-color: #f0f0f0;
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
|
||
|
.uiDataFormTable td {
|
||
|
border: 1px solid #ccc;
|
||
|
}
|
||
|
|
||
|
.uiDataFormPager {
|
||
|
margin-top: 6px;
|
||
|
margin-bottom: 10px;
|
||
|
}
|
||
|
|
||
|
.uiDataDataTable {
|
||
|
width: 100%;
|
||
|
border-collapse: collapse;
|
||
|
border: 1px ridge;
|
||
|
}
|
||
|
|
||
|
.uiDataDataFirstTr {
|
||
|
background-color: #b3e5fc;
|
||
|
}
|
||
|
|
||
|
.uiDataDataFirstTdHead {
|
||
|
text-align: left;
|
||
|
font-weight: normal;
|
||
|
/*font-weight: bold;*/
|
||
|
background-color: #b3e5fc;
|
||
|
width: 100px;
|
||
|
}
|
||
|
|
||
|
.uiDataDataFirstTd {
|
||
|
background-color: #b3e5fc;
|
||
|
}
|
||
|
|
||
|
.uiDataDataTr {
|
||
|
/*background-color: white;*/
|
||
|
|
||
|
}
|
||
|
|
||
|
.uiDataDataTdHead {
|
||
|
text-align: left;
|
||
|
font-weight: normal;
|
||
|
/*font-weight: bold;*/ /* background-color: white; */
|
||
|
width: 100px;
|
||
|
}
|
||
|
|
||
|
.uiDataDataTd {
|
||
|
/*background-color: white; */
|
||
|
|
||
|
}
|
||
|
|
||
|
.uiDataSmallDataTable, .uiDataSmallDataTh, .uiDataSmallDataTd {
|
||
|
border-width: 1px;
|
||
|
border-style: groove;
|
||
|
/*border-color: #FFEB3B;*/
|
||
|
border-collapse: collapse;
|
||
|
/*background-color: #FFEB3B;*/
|
||
|
}
|
||
|
|
||
|
.uiDataDataUl {
|
||
|
|
||
|
}
|
||
|
|
||
|
.uiDataDataLi {
|
||
|
display: inline;
|
||
|
}
|
||
|
|
||
|
.uiDataNoMarginTable {
|
||
|
margin-bottom: 0px;
|
||
|
}
|
||
|
|
||
|
.uiDataMarginBottomFixedTable {
|
||
|
margin-bottom: 12px;
|
||
|
}
|
||
|
|
||
|
.uiDataTh {
|
||
|
width: 120px;
|
||
|
}
|
||
|
|
||
|
.uiDataColumnCentered {
|
||
|
margin: auto;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
.uiDataColumnCentered button {
|
||
|
margin: auto !important;
|
||
|
display: block !important;
|
||
|
}
|
||
|
|
||
|
/* Monitor Dialog */
|
||
|
.uiDataMonitorPopup {
|
||
|
background-color: white;
|
||
|
border: 1px double black;
|
||
|
padding: 0 15px;
|
||
|
z-index: 1070;
|
||
|
}
|
||
|
|
||
|
.uiDataMonitorPopupGlass {
|
||
|
background-color: #333333;
|
||
|
opacity: 0.5;
|
||
|
clip: rect(auto, auto, auto, auto);
|
||
|
z-index: 1050;
|
||
|
}
|
||
|
|
||
|
.uiDataMonitorPopupProgress {
|
||
|
margin: 5px;
|
||
|
height: 20px;
|
||
|
}
|
||
|
|
||
|
/* Dialog */
|
||
|
.uiDataPopup {
|
||
|
background-color: white;
|
||
|
border: 1px double black;
|
||
|
padding: 0 15px;
|
||
|
z-index: 1070;
|
||
|
}
|
||
|
|
||
|
.uiDataPopupGlass {
|
||
|
background-color: #333333;
|
||
|
opacity: 0.5;
|
||
|
clip: rect(auto, auto, auto, auto);
|
||
|
z-index: 1050;
|
||
|
}
|