add site
This commit is contained in:
9
Site/css/datepicker.min.css
vendored
Normal file
9
Site/css/datepicker.min.css
vendored
Normal file
@ -0,0 +1,9 @@
|
||||
/*!
|
||||
* Datepicker v1.0.8
|
||||
* https://fengyuanchen.github.io/datepicker
|
||||
*
|
||||
* Copyright 2014-present Chen Fengyuan
|
||||
* Released under the MIT license
|
||||
*
|
||||
* Date: 2019-06-23T08:07:37.208Z
|
||||
*/.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}
|
||||
1232
Site/css/default.css
Normal file
1232
Site/css/default.css
Normal file
File diff suppressed because it is too large
Load Diff
161
Site/css/editmultiselect.css
Normal file
161
Site/css/editmultiselect.css
Normal file
@ -0,0 +1,161 @@
|
||||
|
||||
|
||||
.div_panel ul li input:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.collapse {
|
||||
border-collapse: collapse;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.collapse td {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.list_table {
|
||||
min-height: 100px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.list_table td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.list_table .td_all_list {
|
||||
width: 50%
|
||||
}
|
||||
|
||||
.list_table .td_func {
|
||||
width: 40px;
|
||||
background: #eee;
|
||||
border-left: 1px solid #ccc;
|
||||
padding: 24px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.list_table .td_func input {
|
||||
display: block;
|
||||
margin: 12px auto;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
width: 26px;
|
||||
}
|
||||
|
||||
.list_table .td_selected_list {
|
||||
width: 47%;
|
||||
border-left: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.div_filter {
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.div_filter .dropdown {
|
||||
width: 180px;
|
||||
height: 23px;
|
||||
margin: 1px 0 0 6px;
|
||||
background: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.div_filter .dropdown .text_span {
|
||||
width: -moz-calc(100% - 24px);
|
||||
width: -webkit-calc(100% - 24px);
|
||||
width: calc(100% - 24px);
|
||||
padding-left: 3px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.div_filter .dropdown span {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.div_filter .dropdown .dropdown_button {
|
||||
float: right;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
color:#666
|
||||
}
|
||||
|
||||
.div_filter .dropdown .dropdown_button:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.div_filter .text {
|
||||
width: 130px;
|
||||
height: 18px;
|
||||
padding: 0 4px;
|
||||
margin: 1px 0 0 6px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.div_panel {
|
||||
border: 1px solid #a9a9a9;
|
||||
position: relative;
|
||||
max-height: 100px;
|
||||
min-width: 180px;
|
||||
/*max-width: 560px;*/
|
||||
max-height: 300px;
|
||||
background: #fff;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.div_panel ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.div_panel ul li {
|
||||
/*height: 20px;*/
|
||||
line-height: 20px;
|
||||
padding: 0 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.div_panel ul li input {
|
||||
margin: 3px 3px 0 1px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.div_panel ul li label {
|
||||
vertical-align: top;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
.div_panel ul li:hover {
|
||||
background: #e9e9e9;
|
||||
}
|
||||
|
||||
.fa {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
470
Site/css/jquery.datetimepicker.css
Normal file
470
Site/css/jquery.datetimepicker.css
Normal file
@ -0,0 +1,470 @@
|
||||
.xdsoft_datetimepicker {
|
||||
/*box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);*/
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #bbb;
|
||||
border-left: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
border-top: 1px solid #ccc;
|
||||
border-radius: 3px 4px;
|
||||
color: #333;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
padding: 8px;
|
||||
padding-left: 0;
|
||||
padding-top: 2px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl {
|
||||
padding: 8px 0 8px 8px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker iframe {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 75px;
|
||||
height: 210px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/*For IE8 or lower*/
|
||||
.xdsoft_datetimepicker button {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.xdsoft_noselect {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.xdsoft_noselect::selection { background: transparent }
|
||||
.xdsoft_noselect::-moz-selection { background: transparent }
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_inline {
|
||||
display: inline-block;
|
||||
position: static;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker {
|
||||
width: 224px;
|
||||
float: left;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
|
||||
width: 256px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker {
|
||||
width: 58px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin-left: 8px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 3px
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_mounthpicker {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label i,
|
||||
.xdsoft_datetimepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker .xdsoft_next,
|
||||
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label i {
|
||||
opacity: 0.5;
|
||||
background-position: -92px -19px;
|
||||
display: inline-block;
|
||||
width: 9px;
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_prev {
|
||||
float: left;
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||
float: left;
|
||||
background-position: -70px 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_next {
|
||||
float: right;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_next,
|
||||
.xdsoft_datetimepicker .xdsoft_prev ,
|
||||
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
border: 0 none;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 30px;
|
||||
opacity: 0.5;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
outline: medium none;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
width: 20px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
|
||||
float: none;
|
||||
background-position: -40px -15px;
|
||||
height: 15px;
|
||||
width: 30px;
|
||||
display: block;
|
||||
margin-left: 14px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
|
||||
background-position: -40px 0;
|
||||
margin-bottom: 7px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
|
||||
height: 151px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
|
||||
background: #f5f5f5;
|
||||
border-top: 1px solid #ddd;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
border-collapse: collapse;
|
||||
cursor: pointer;
|
||||
border-bottom-width: 0;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_today_button:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_next:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_prev:hover {
|
||||
opacity: 1;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label {
|
||||
display: inline;
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
margin: 0;
|
||||
padding: 5px 3px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
float: left;
|
||||
width: 182px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label:hover>span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label:hover i {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
|
||||
border: 1px solid #ccc;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
z-index: 101;
|
||||
display: none;
|
||||
background: #fff;
|
||||
max-height: 160px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
|
||||
color: #fff;
|
||||
background: #ff8000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
|
||||
padding: 2px 10px 2px 5px;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
|
||||
background: #a0a0a0;
|
||||
box-shadow: #909090 0 1px 3px 0 inset;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_month {
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_year{
|
||||
width: 48px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td > div {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
width: 14.2857142%;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #ddd;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
cursor: pointer;
|
||||
height: 25px;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
|
||||
width: 12.5%;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
|
||||
color: #a0a0a0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
|
||||
background: #ffe9d2;
|
||||
box-shadow: #ffb871 0 1px 4px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
|
||||
background: #c1ffc9;
|
||||
box-shadow: #00dd1c 0 1px 4px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
|
||||
background: #a0a0a0;
|
||||
box-shadow: #909090 0 1px 3px 0 inset;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
|
||||
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
|
||||
opacity: 0.5;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
|
||||
opacity: 0.2;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
|
||||
color: #fff !important;
|
||||
background: #c0c0c0 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
|
||||
background: #a0a0a0 !important;
|
||||
box-shadow: #909090 0 1px 3px 0 inset !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
|
||||
color: inherit !important;
|
||||
background: inherit !important;
|
||||
box-shadow: inherit !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_copyright {
|
||||
color: #ccc !important;
|
||||
font-size: 10px;
|
||||
clear: both;
|
||||
float: none;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
|
||||
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
|
||||
|
||||
.xdsoft_time_box {
|
||||
position: relative;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.xdsoft_scrollbar >.xdsoft_scroller {
|
||||
background: #ccc !important;
|
||||
height: 20px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.xdsoft_scrollbar {
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.xdsoft_scroller_box {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_save_selected {
|
||||
display: block;
|
||||
border: 1px solid #dddddd !important;
|
||||
margin-top: 5px;
|
||||
width: 100%;
|
||||
color: #454551;
|
||||
font-size: 13px;
|
||||
}
|
||||
.xdsoft_datetimepicker .blue-gradient-button {
|
||||
font-family: "museo-sans", "Book Antiqua", sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
color: #82878c;
|
||||
height: 28px;
|
||||
position: relative;
|
||||
padding: 4px 17px 4px 33px;
|
||||
border: 1px solid #d7d8da;
|
||||
background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
|
||||
/* IE6-9 */
|
||||
}
|
||||
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
|
||||
color: #454551;
|
||||
background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
|
||||
/* IE6-9 */
|
||||
}
|
||||
1049
Site/css/mapview.css
Normal file
1049
Site/css/mapview.css
Normal file
File diff suppressed because it is too large
Load Diff
115
Site/css/override.css
Normal file
115
Site/css/override.css
Normal file
@ -0,0 +1,115 @@
|
||||
:root {
|
||||
--header-line-height: 26px;
|
||||
--header-border-color: #aaa;
|
||||
}
|
||||
|
||||
.data-grid .data-grid-header .data-column-header-split {
|
||||
z-index: unset;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.chart_favorite {
|
||||
cursor: pointer;
|
||||
width: 22px;
|
||||
text-align: center;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.chart_favorite:before {
|
||||
content: "\f005";
|
||||
color: #1a73e8;
|
||||
}
|
||||
|
||||
.chart_unfavorite {
|
||||
cursor: pointer;
|
||||
width: 22px;
|
||||
text-align: center;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.chart_unfavorite:before {
|
||||
content: "\f005";
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.boardContainer {
|
||||
width: unset;
|
||||
left: 48px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.helpicon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.data-column-header-filter-panel .data-filter-items-function input[type=button] {
|
||||
width: unset;
|
||||
}
|
||||
|
||||
.dialog .dialog-func input {
|
||||
width: unset;
|
||||
}
|
||||
|
||||
.chart_nostar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chart_star {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.star {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nostar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.data-grid {
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/*.data-grid .data-grid-table-header th div {
|
||||
font-weight: normal;
|
||||
}*/
|
||||
|
||||
.data-grid .data-grid-body .data-grid-row > td > span {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.status-cell {
|
||||
display: inline-block;
|
||||
padding: 0 16px;
|
||||
border-radius: 16px;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ui-grid {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.wizard-contentArea .data-grid .data-grid-body .data-grid-row > td > a,
|
||||
.wizard-contentArea .data-grid .data-grid-body .data-grid-row > td > content > span,
|
||||
.wizard-contentArea .data-grid .data-grid-body .data-grid-row > td > span,
|
||||
.wizard-contentArea .data-grid .data-grid-total-row > td > span,
|
||||
.chart_content .data-grid .data-grid-body .data-grid-row > td > a,
|
||||
.chart_content .data-grid .data-grid-body .data-grid-row > td > content > span,
|
||||
.chart_content .data-grid .data-grid-body .data-grid-row > td > span,
|
||||
.chart_content .data-grid .data-grid-total-row > td > span {
|
||||
padding: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.data-grid .data-grid-header .data-column-header .data-column-header-text {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
538
Site/css/panel.css
Normal file
538
Site/css/panel.css
Normal file
@ -0,0 +1,538 @@
|
||||
.module {
|
||||
height: 98px;
|
||||
width: 98px;
|
||||
padding: 2px;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
/*display: table;*/
|
||||
text-align: center;
|
||||
margin-left: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.module:hover {
|
||||
border: 2px solid rgba(168,168,168,.45);
|
||||
padding: 0;
|
||||
border-radius: 10px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.module .moduleicon {
|
||||
max-width: 80px;
|
||||
height: 40px;
|
||||
vertical-align: middle;
|
||||
/*display: table-cell;*/
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
margin: 0 auto;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.module .modulenamectrl {
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.module .modulename {
|
||||
width: 80px;
|
||||
height: 45px;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
word-wrap: break-word;
|
||||
/*word-break: break-all;*/
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
font-size: 13px;
|
||||
font-family: "Open Sans", Arial, sans-serif;
|
||||
}
|
||||
|
||||
.module .modulename span {
|
||||
max-width: 100px;
|
||||
max-height: 45px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#host_header .button {
|
||||
float: right;
|
||||
height: 40px;
|
||||
/*border-right: 1px solid #F78E1E;*/
|
||||
}
|
||||
|
||||
#host_header .button button {
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 2em;
|
||||
/*background-color: #e7790E;*/ /*在MasterPage动态设置*/
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#divLeftTitle .button {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#divLeftTitle .button .titleicon {
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 2em;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
width: 48px;
|
||||
height: 40px;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#divLeftTitle .button .titleicon .titleimgicon {
|
||||
/*width: 24px;*/
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
#modules .module button {
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 3em;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
.menupanel button, .menupanel .button {
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 1.2em;
|
||||
background-color: transparent;
|
||||
width: 50px;
|
||||
min-width: 50px;
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
.menupanel button, .menupanel .button {
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 1.2em;
|
||||
background-color: transparent;
|
||||
width: 50px;
|
||||
min-width: 50px;
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#favorite_panel button {
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 1.2em;
|
||||
background-color: transparent;
|
||||
width: 50px;
|
||||
min-width: 50px;
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#menu_panel button {
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 1.2em;
|
||||
background-color: transparent;
|
||||
width: 50px;
|
||||
min-width: 50px;
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#set_left button {
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 1.2em;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#host_header .button button:hover,
|
||||
#host_header .button button.selected {
|
||||
/*background-color: #d7690E;*/ /*在MasterPage动态设置*/
|
||||
}
|
||||
|
||||
#host_header .button button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.panel_loading {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: url('../img/loading.gif') no-repeat;
|
||||
margin: 120px auto;
|
||||
}
|
||||
|
||||
.panel_holder {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
z-index: 999;
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.panel {
|
||||
background-color: #f0f0f0;
|
||||
outline: 0;
|
||||
border: 1px solid #F6F6F6;
|
||||
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.24);
|
||||
box-shadow: 0 0 6px rgba(0,0,0,.24);
|
||||
box-sizing: content-box;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.panel_holder .trigle {
|
||||
position: absolute;
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 2.6em;
|
||||
font-weight: 600;
|
||||
top: -16px;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
.panel_holder .trigle:before {
|
||||
content: '\f0d9';
|
||||
}
|
||||
|
||||
.panel_holder .trigle.white {
|
||||
color: #f0f0f0;
|
||||
top: -15px;
|
||||
}
|
||||
|
||||
.panel_holder .trigledown {
|
||||
position: absolute;
|
||||
font-family: CalciteWebCoreIcons, FontAwesome;
|
||||
font-size: 1.5em;
|
||||
top: -16px;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
.panel_holder .trigledown:before {
|
||||
content: '\e609';
|
||||
}
|
||||
|
||||
.panel_holder .trigledown.white {
|
||||
color: white;
|
||||
top: -15px;
|
||||
}
|
||||
|
||||
.modulestitle {
|
||||
width: 98%;
|
||||
float: left;
|
||||
height: 40px;
|
||||
font-size: 20px;
|
||||
line-height: 40px;
|
||||
display: table-cell;
|
||||
background-color: #E8E8E8;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
#sites_panel .module {
|
||||
width: 116px;
|
||||
height: 116px;
|
||||
padding: 0;
|
||||
border: 2px solid rgba(245,245,245,.45);
|
||||
margin: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#sites_panel .module:hover {
|
||||
border: 2px solid rgba(168,168,168,.45);
|
||||
padding: 0;
|
||||
border-radius: 10px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
#sites_panel {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
#sites_panel .panel_modules {
|
||||
min-height: 240px;
|
||||
width: 250px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/*#sites_panel .div_modules {
|
||||
overflow-y: auto;
|
||||
}*/
|
||||
|
||||
#sites_panel .viewall {
|
||||
clear: both;
|
||||
padding: 6px 6px 3px 6px;
|
||||
}
|
||||
|
||||
#sites_panel .viewall a,
|
||||
#sites_panel .viewall a:visited {
|
||||
text-decoration: none;
|
||||
color: #3b97e0;
|
||||
}
|
||||
|
||||
#sites_panel .viewall a:hover {
|
||||
text-decoration: none;
|
||||
color: #0078d7;
|
||||
}
|
||||
|
||||
#favorite_panel .panel_favorites {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
.sites .trigle {
|
||||
right: 174px;
|
||||
}
|
||||
|
||||
.menus .trigle {
|
||||
/*right: 90px;*/
|
||||
}
|
||||
|
||||
.titlemodule {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
text-align: center;
|
||||
margin: 10px 10px 0px 10px;
|
||||
}
|
||||
|
||||
.reportsdashboard:before {
|
||||
content: '\f659';
|
||||
}
|
||||
|
||||
.iconworkspace:before {
|
||||
content: '\f200';
|
||||
color: rgb(123,28,33);
|
||||
}
|
||||
|
||||
.iconchart:before {
|
||||
content: '\f201';
|
||||
color: rgb(123,28,33);
|
||||
}
|
||||
|
||||
.iconmanageasset:before {
|
||||
content: '\f7d2';
|
||||
}
|
||||
|
||||
.iconassethealth:before {
|
||||
content: '\f7d9';
|
||||
}
|
||||
|
||||
.iconmapview:before {
|
||||
content: '\f5a0';
|
||||
}
|
||||
|
||||
.iconjobsite:before {
|
||||
content: '\f85e';
|
||||
}
|
||||
|
||||
.iconcredentails:before {
|
||||
content: '\f6f3';
|
||||
}
|
||||
|
||||
|
||||
.iconsecuritysetting:before {
|
||||
content: '\f30d';
|
||||
}
|
||||
|
||||
.iconficmanagement:before {
|
||||
content: '\f0ad';
|
||||
}
|
||||
|
||||
.icontruck:before {
|
||||
content: '\f4df';
|
||||
}
|
||||
|
||||
.iconotrconfig:before {
|
||||
content: '\f622';
|
||||
}
|
||||
|
||||
.iconinspection:before {
|
||||
content: '\f737';
|
||||
}
|
||||
|
||||
.iconteamintelligence:before {
|
||||
content: '\f0c0';
|
||||
}
|
||||
|
||||
.iconmanagealerts:before {
|
||||
content: '\f071';
|
||||
}
|
||||
|
||||
.iconworkorder:before {
|
||||
content: '\f732';
|
||||
}
|
||||
|
||||
.iconpreventative:before {
|
||||
content: '\f675';
|
||||
}
|
||||
|
||||
.icontimebased:before {
|
||||
content: '\f017';
|
||||
}
|
||||
|
||||
.iconhours:before {
|
||||
content: '\f625';
|
||||
}
|
||||
|
||||
.iconrecord:before {
|
||||
content: '\f073';
|
||||
}
|
||||
|
||||
.iconfuelrecord:before {
|
||||
content: '\f52f';
|
||||
}
|
||||
|
||||
.iconmaintenanceschedule:before {
|
||||
content: '\f274';
|
||||
}
|
||||
|
||||
.iconcredentail:before {
|
||||
content: '\f084';
|
||||
}
|
||||
|
||||
.iconjdlink:before {
|
||||
content: '\f0c1';
|
||||
}
|
||||
|
||||
.iconjdnotification:before {
|
||||
content: '\f0f3';
|
||||
}
|
||||
|
||||
.iconusers:before {
|
||||
content: '\f007';
|
||||
}
|
||||
|
||||
.iconusergroup:before {
|
||||
content: '\f500';
|
||||
}
|
||||
|
||||
.icondatatablepermission:before {
|
||||
content: '\f059';
|
||||
}
|
||||
|
||||
.icondashboardfilters:before {
|
||||
content: '\f0b0';
|
||||
}
|
||||
|
||||
.iconcurfew:before {
|
||||
content: '\f056';
|
||||
}
|
||||
|
||||
.iconcurfewmt:before {
|
||||
content: '\f06a';
|
||||
}
|
||||
|
||||
.iconusertocontractor:before {
|
||||
content: '\f509';
|
||||
}
|
||||
|
||||
.iconmanagerentals:before {
|
||||
content: '\f571';
|
||||
}
|
||||
|
||||
.iconassetgroups:before {
|
||||
content: '\f77e';
|
||||
}
|
||||
|
||||
.iconmanagegpsdevices:before {
|
||||
content: '\f6ff';
|
||||
}
|
||||
|
||||
.iconmanagmodels:before {
|
||||
content: '\f1c0';
|
||||
}
|
||||
|
||||
.icondepartment:before {
|
||||
content: '\f6ff';
|
||||
}
|
||||
|
||||
.icontemplate:before {
|
||||
content: '\f0ae';
|
||||
}
|
||||
|
||||
.iconhistory:before {
|
||||
content: '\f1da';
|
||||
}
|
||||
|
||||
.iconshare:before {
|
||||
content: '\f2b5';
|
||||
}
|
||||
|
||||
|
||||
.lefttitle_ul {
|
||||
width: 300px;
|
||||
padding: 0;
|
||||
background-color: #F6F6F6;
|
||||
}
|
||||
|
||||
|
||||
.lefttitlemenu_ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.lefttitlemenu_ul li {
|
||||
height: 32px;
|
||||
line-height: 40px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
padding: 6px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.lefttitlemenu_ul li.selected,
|
||||
.lefttitlemenu_ul li.selected:hover {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.lefttitlemenu_ul li:hover {
|
||||
background: rgb(225, 225, 225);
|
||||
}
|
||||
|
||||
.lefttitlemenu_ul li a span {
|
||||
display: table-cell;
|
||||
width: 180px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.lefttitlemenu_ul li a,
|
||||
.lefttitlemenu_ul li a:hover,
|
||||
.lefttitlemenu_ul li a:visited {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.lefttitlemenu_ul li div {
|
||||
display: table-cell;
|
||||
width: 50px;
|
||||
min-width: 50px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.lefttitlemenu_icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin: 0 auto;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.settingsicon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin: 0 auto;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
128
Site/css/playbar.css
Normal file
128
Site/css/playbar.css
Normal file
@ -0,0 +1,128 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
.BarControl {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.BarBeginTime {
|
||||
min-width: 40px;
|
||||
max-width: 48px;
|
||||
height: 20px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.TheBar {
|
||||
position: relative;
|
||||
width: calc(100% - 140px);
|
||||
margin-left: 2px;
|
||||
height: 4px;
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
background: #EBE8E8;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.TheColorBar {
|
||||
width: 0px;
|
||||
border-radius: 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
height: 100%;
|
||||
background: #3498DB;
|
||||
float: left;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.TheWhiteBar {
|
||||
width: 100%;
|
||||
border-radius: 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
height: 100%;
|
||||
background: #FFFFFF;
|
||||
float: left;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.TimeBall {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
background: #3498DB;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -3px;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.BarTimeBall {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
background: #3498DB;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -3px;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.BarFinishTime {
|
||||
min-width: 40px;
|
||||
max-width: 48px;
|
||||
height: 20px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.BarBeginTime, .BarFinishTime, .TheBar {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#btnPlay, #btnPlayEnd {
|
||||
line-height: 25px;
|
||||
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
margin-left:5px;
|
||||
}
|
||||
|
||||
.BarPause:before {
|
||||
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
||||
content: '\f04c'; /*pause*/
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
|
||||
.BarPlay:before {
|
||||
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
||||
content: '\f04b'; /*play*/
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.BarPlayEnd:before {
|
||||
font-family: 'CalciteWebCoreIcons', 'Fontawesome';
|
||||
content: '\f051'; /*play end*/
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
}
|
||||
507
Site/css/spectrum.css
Normal file
507
Site/css/spectrum.css
Normal file
@ -0,0 +1,507 @@
|
||||
/***
|
||||
Spectrum Colorpicker v1.8.1
|
||||
https://github.com/bgrins/spectrum
|
||||
Author: Brian Grinstead
|
||||
License: MIT
|
||||
***/
|
||||
|
||||
.sp-container {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
display:inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
/* https://github.com/bgrins/spectrum/issues/40 */
|
||||
z-index: 9999994;
|
||||
overflow: hidden;
|
||||
}
|
||||
.sp-container.sp-flat {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Fix for * { box-sizing: border-box; } */
|
||||
.sp-container,
|
||||
.sp-container * {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
|
||||
.sp-top {
|
||||
position:relative;
|
||||
width: 100%;
|
||||
display:inline-block;
|
||||
}
|
||||
.sp-top-inner {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
bottom:0;
|
||||
right:0;
|
||||
}
|
||||
.sp-color {
|
||||
position: absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
bottom:0;
|
||||
right:20%;
|
||||
}
|
||||
.sp-hue {
|
||||
position: absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
left:84%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sp-clear-enabled .sp-hue {
|
||||
top:33px;
|
||||
height: 77.5%;
|
||||
}
|
||||
|
||||
.sp-fill {
|
||||
padding-top: 80%;
|
||||
}
|
||||
.sp-sat, .sp-val {
|
||||
position: absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
}
|
||||
|
||||
.sp-alpha-enabled .sp-top {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.sp-alpha-enabled .sp-alpha {
|
||||
display: block;
|
||||
}
|
||||
.sp-alpha-handle {
|
||||
position:absolute;
|
||||
top:-4px;
|
||||
bottom: -4px;
|
||||
width: 6px;
|
||||
left: 50%;
|
||||
cursor: pointer;
|
||||
border: 1px solid black;
|
||||
background: white;
|
||||
opacity: .8;
|
||||
}
|
||||
.sp-alpha {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: -14px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 8px;
|
||||
}
|
||||
.sp-alpha-inner {
|
||||
border: solid 1px #333;
|
||||
}
|
||||
|
||||
.sp-clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sp-clear.sp-clear-display {
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.sp-clear-enabled .sp-clear {
|
||||
display: block;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
right:0;
|
||||
bottom:0;
|
||||
left:84%;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
/* Don't allow text selection */
|
||||
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
|
||||
-webkit-user-select:none;
|
||||
-moz-user-select: -moz-none;
|
||||
-o-user-select:none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.sp-container.sp-input-disabled .sp-input-container {
|
||||
display: none;
|
||||
}
|
||||
.sp-container.sp-buttons-disabled .sp-button-container {
|
||||
display: none;
|
||||
}
|
||||
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
|
||||
display: none;
|
||||
}
|
||||
.sp-palette-only .sp-picker-container {
|
||||
display: none;
|
||||
}
|
||||
.sp-palette-disabled .sp-palette-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sp-initial-disabled .sp-initial {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
|
||||
.sp-sat {
|
||||
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
|
||||
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
|
||||
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
|
||||
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
|
||||
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
|
||||
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
|
||||
filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
|
||||
}
|
||||
.sp-val {
|
||||
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
|
||||
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
|
||||
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
|
||||
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
|
||||
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
|
||||
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
|
||||
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
|
||||
}
|
||||
|
||||
.sp-hue {
|
||||
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
|
||||
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
|
||||
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
|
||||
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
|
||||
background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
|
||||
}
|
||||
|
||||
/* IE filters do not support multiple color stops.
|
||||
Generate 6 divs, line them up, and do two color gradients for each.
|
||||
Yes, really.
|
||||
*/
|
||||
.sp-1 {
|
||||
height:17%;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
|
||||
}
|
||||
.sp-2 {
|
||||
height:16%;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
|
||||
}
|
||||
.sp-3 {
|
||||
height:17%;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
|
||||
}
|
||||
.sp-4 {
|
||||
height:17%;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
|
||||
}
|
||||
.sp-5 {
|
||||
height:16%;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
|
||||
}
|
||||
.sp-6 {
|
||||
height:17%;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
|
||||
}
|
||||
|
||||
.sp-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Clearfix hack */
|
||||
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
|
||||
.sp-cf:after { clear: both; }
|
||||
.sp-cf { *zoom: 1; }
|
||||
|
||||
/* Mobile devices, make hue slider bigger so it is easier to slide */
|
||||
@media (max-device-width: 480px) {
|
||||
.sp-color { right: 40%; }
|
||||
.sp-hue { left: 63%; }
|
||||
.sp-fill { padding-top: 60%; }
|
||||
}
|
||||
.sp-dragger {
|
||||
border-radius: 5px;
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
border: 1px solid #fff;
|
||||
background: #000;
|
||||
cursor: pointer;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left: 0;
|
||||
}
|
||||
.sp-slider {
|
||||
position: absolute;
|
||||
top:0;
|
||||
cursor:pointer;
|
||||
height: 3px;
|
||||
left: -1px;
|
||||
right: -1px;
|
||||
border: 1px solid #000;
|
||||
background: white;
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
/*
|
||||
Theme authors:
|
||||
Here are the basic themeable display options (colors, fonts, global widths).
|
||||
See http://bgrins.github.io/spectrum/themes/ for instructions.
|
||||
*/
|
||||
|
||||
.sp-container {
|
||||
border-radius: 0;
|
||||
background-color: #ECECEC;
|
||||
border: solid 1px #f0c49B;
|
||||
padding: 0;
|
||||
}
|
||||
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
|
||||
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.sp-top {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.sp-color, .sp-hue, .sp-clear {
|
||||
border: solid 1px #666;
|
||||
}
|
||||
|
||||
/* Input */
|
||||
.sp-input-container {
|
||||
float:right;
|
||||
width: 100px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.sp-initial-disabled .sp-input-container {
|
||||
width: 100%;
|
||||
}
|
||||
.sp-input {
|
||||
font-size: 12px !important;
|
||||
border: 1px inset;
|
||||
padding: 4px 5px;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
background:transparent;
|
||||
border-radius: 3px;
|
||||
color: #222;
|
||||
}
|
||||
.sp-input:focus {
|
||||
border: 1px solid orange;
|
||||
}
|
||||
.sp-input.sp-validation-error {
|
||||
border: 1px solid red;
|
||||
background: #fdd;
|
||||
}
|
||||
.sp-picker-container , .sp-palette-container {
|
||||
float:left;
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
padding-bottom: 300px;
|
||||
margin-bottom: -290px;
|
||||
}
|
||||
.sp-picker-container {
|
||||
width: 172px;
|
||||
border-left: solid 1px #fff;
|
||||
}
|
||||
|
||||
/* Palettes */
|
||||
.sp-palette-container {
|
||||
border-right: solid 1px #ccc;
|
||||
}
|
||||
|
||||
.sp-palette-only .sp-palette-container {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.sp-palette .sp-thumb-el {
|
||||
display: block;
|
||||
position:relative;
|
||||
float:left;
|
||||
width: 24px;
|
||||
height: 15px;
|
||||
margin: 3px;
|
||||
cursor: pointer;
|
||||
border:solid 2px transparent;
|
||||
}
|
||||
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
|
||||
border-color: orange;
|
||||
}
|
||||
.sp-thumb-el {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
/* Initial */
|
||||
.sp-initial {
|
||||
float: left;
|
||||
border: solid 1px #333;
|
||||
}
|
||||
.sp-initial span {
|
||||
width: 30px;
|
||||
height: 25px;
|
||||
border:none;
|
||||
display:block;
|
||||
float:left;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.sp-initial .sp-clear-display {
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.sp-palette-button-container,
|
||||
.sp-button-container {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Replacer (the little preview div that shows up instead of the <input>) */
|
||||
.sp-replacer {
|
||||
margin:0;
|
||||
overflow:hidden;
|
||||
cursor:pointer;
|
||||
padding: 4px;
|
||||
display:inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
border: solid 1px #91765d;
|
||||
background: #eee;
|
||||
color: #333;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.sp-replacer:hover, .sp-replacer.sp-active {
|
||||
border-color: #F0C49B;
|
||||
color: #111;
|
||||
}
|
||||
.sp-replacer.sp-disabled {
|
||||
cursor:default;
|
||||
border-color: silver;
|
||||
color: silver;
|
||||
}
|
||||
.sp-dd {
|
||||
padding: 2px 0;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
float:left;
|
||||
font-size:10px;
|
||||
}
|
||||
.sp-preview {
|
||||
position:relative;
|
||||
width:25px;
|
||||
height: 20px;
|
||||
border: solid 1px #222;
|
||||
margin-right: 5px;
|
||||
float:left;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.sp-palette {
|
||||
*width: 220px;
|
||||
max-width: 220px;
|
||||
}
|
||||
.sp-palette .sp-thumb-el {
|
||||
width:16px;
|
||||
height: 16px;
|
||||
margin:2px 1px;
|
||||
border: solid 1px #d0d0d0;
|
||||
}
|
||||
|
||||
.sp-container {
|
||||
padding-bottom:0;
|
||||
}
|
||||
|
||||
|
||||
/* Buttons: http://hellohappy.org/css3-buttons/ */
|
||||
.sp-container button {
|
||||
background-color: #eeeeee;
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
|
||||
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
|
||||
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
|
||||
background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: 1px solid #bbb;
|
||||
border-radius: 3px;
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
padding: 5px 4px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #eee;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.sp-container button:hover {
|
||||
background-color: #dddddd;
|
||||
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
|
||||
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
|
||||
border: 1px solid #bbb;
|
||||
border-bottom: 1px solid #999;
|
||||
cursor: pointer;
|
||||
text-shadow: 0 1px 0 #ddd;
|
||||
}
|
||||
.sp-container button:active {
|
||||
border: 1px solid #aaa;
|
||||
border-bottom: 1px solid #888;
|
||||
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||||
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||||
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||||
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||||
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||||
}
|
||||
.sp-cancel {
|
||||
font-size: 11px;
|
||||
color: #d93f3f !important;
|
||||
margin:0;
|
||||
padding:2px;
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
text-decoration:none;
|
||||
|
||||
}
|
||||
.sp-cancel:hover {
|
||||
color: #d93f3f !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
.sp-palette span:hover, .sp-palette span.sp-thumb-active {
|
||||
border-color: #000;
|
||||
}
|
||||
|
||||
.sp-preview, .sp-alpha, .sp-thumb-el {
|
||||
position:relative;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
||||
}
|
||||
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:0;left:0;bottom:0;right:0;
|
||||
}
|
||||
|
||||
.sp-palette .sp-thumb-inner {
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
|
||||
}
|
||||
|
||||
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
|
||||
}
|
||||
|
||||
.sp-clear-display {
|
||||
background-repeat:no-repeat;
|
||||
background-position: center;
|
||||
background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
|
||||
}
|
||||
160
Site/css/split.css
Normal file
160
Site/css/split.css
Normal file
@ -0,0 +1,160 @@
|
||||
#host_main {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.icn {
|
||||
font-family: 'CalciteWebCoreIcons';
|
||||
}
|
||||
|
||||
.icn-spin {
|
||||
-webkit-animation: icn-spin 1.2s infinite linear;
|
||||
animation: icn-spin 1.2s infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes icn-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes icn-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
#set_left {
|
||||
background: #f6f6f6;
|
||||
height: 100%;
|
||||
width: 50px;
|
||||
float: left;
|
||||
color: #000;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#set_right {
|
||||
background: #fff;
|
||||
height: 100%;
|
||||
margin-left: 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.expand:before {
|
||||
content: '\e62a';
|
||||
}
|
||||
|
||||
.collapse:before {
|
||||
content: '\e62b';
|
||||
}
|
||||
|
||||
.ul_menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ul_menu li {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ul_menu li.selected,
|
||||
.ul_menu li.selected:hover {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.ul_menu li:hover {
|
||||
background: rgb(225, 225, 225);
|
||||
}
|
||||
|
||||
.ul_menu li a span {
|
||||
display: table-cell;
|
||||
width: 180px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ul_menu li a,
|
||||
.ul_menu li a:hover,
|
||||
.ul_menu li a:visited {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ul_menu li div {
|
||||
display: table-cell;
|
||||
width: 50px;
|
||||
min-width: 50px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#nav_arrow .icn {
|
||||
float: right;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#nav_users .icn:before {
|
||||
content: '\e675';
|
||||
}
|
||||
|
||||
#nav_user_group .icn:before {
|
||||
content: '\e655';
|
||||
}
|
||||
|
||||
#nav_dts .icn:before {
|
||||
content: '\e61f';
|
||||
}
|
||||
|
||||
#nav_dt_group .icn:before {
|
||||
content: '\e659';
|
||||
}
|
||||
|
||||
#nav_filters .icn:before {
|
||||
content: '\e653';
|
||||
}
|
||||
|
||||
.set_iframe {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.loading_holder {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.loading_holder .loading_icon {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
text-align: center;
|
||||
line-height: 70px;
|
||||
font-size: 54px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin: -50px 0 0 -35px;
|
||||
}
|
||||
|
||||
.loading_holder .loading_icon:before {
|
||||
content: '\e61a';
|
||||
}
|
||||
166
Site/css/split_sub.css
Normal file
166
Site/css/split_sub.css
Normal file
@ -0,0 +1,166 @@
|
||||
|
||||
/*table {
|
||||
font-size: 12px;
|
||||
}*/
|
||||
|
||||
.gray_field {
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
b.red {
|
||||
display: none;
|
||||
font-weight: bold;
|
||||
color: red;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.smaller {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #2140fb;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #2140fb;
|
||||
}
|
||||
|
||||
.clear {
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.dialog .dialog-title .dialog-close {
|
||||
float: right;
|
||||
margin-right: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dialog .dialog-title .dialog-close:before {
|
||||
content: '\e600';
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-family: CalciteWebCoreIcons;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.function_bar {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.content_main {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.content_div {
|
||||
padding: 0px;
|
||||
overflow-y: auto;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.ul_menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ul_menu li {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
/*padding-left: 10px;*/
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ul_menu li i {
|
||||
font-size: 0.8em;
|
||||
color: #999;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.ul_menu li:hover i,
|
||||
.ul_menu li.selected i,
|
||||
.ul_menu li.selected:hover i {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.ul_menu li.selected,
|
||||
.ul_menu li.selected:hover {
|
||||
background: #F78E1E;
|
||||
}
|
||||
|
||||
.ul_menu li:hover {
|
||||
background: #d7690E;
|
||||
}
|
||||
|
||||
.ul_menu li a span {
|
||||
display: table-cell;
|
||||
width: 180px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ul_menu li a,
|
||||
.ul_menu li a:hover,
|
||||
.ul_menu li a:visited {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ul_menu li .icn {
|
||||
font-family: CalciteWebCoreIcons;
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
font-style: normal;
|
||||
min-width: 24px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ul_menu li .expand:before {
|
||||
content: '\e681';
|
||||
}
|
||||
|
||||
.ul_menu li .collapse:before {
|
||||
content: '\e62b';
|
||||
}
|
||||
|
||||
.ul_header {
|
||||
font-weight: bold;
|
||||
background: rgb(244,244,244);
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
li.subitem {
|
||||
text-indent: 10px;
|
||||
}
|
||||
|
||||
.loading_icon {
|
||||
color: white;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
text-align: center;
|
||||
line-height: 70px;
|
||||
font-size: 54px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin: -50px 0 0 -35px;
|
||||
}
|
||||
|
||||
.loading_icon:before {
|
||||
content: '\e61a';
|
||||
}
|
||||
|
||||
#div_text_holder {
|
||||
display: none;
|
||||
}
|
||||
397
Site/css/tabcontrol.css
Normal file
397
Site/css/tabcontrol.css
Normal file
@ -0,0 +1,397 @@
|
||||
/* New Added */
|
||||
|
||||
.sub_header {
|
||||
padding: 0 6px;
|
||||
background: #eee;
|
||||
font-weight: bold;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
border-bottom: 2px solid #d4d4d4;
|
||||
}
|
||||
|
||||
.tab_holder {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab_top {
|
||||
height: 29px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.tab_header {
|
||||
list-style: none;
|
||||
padding: 0 0 0 10px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #ccc;
|
||||
height: 29px;
|
||||
}
|
||||
.tab_header [data-href] {
|
||||
float: left;
|
||||
height: 12px;
|
||||
padding: 6px 14px;
|
||||
margin-right: -1px;
|
||||
margin-top: 4px;
|
||||
margin-bottom: -1px;
|
||||
border: 1px solid #ccc;
|
||||
line-height: 12px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.tab_header [data-href]:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.tab_header [data-href].selected {
|
||||
height: 16px;
|
||||
margin-top: 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
line-height: 17px;
|
||||
}
|
||||
|
||||
.tab_header [data-href].selected:hover {
|
||||
background: none;
|
||||
}
|
||||
|
||||
div[data-page] {
|
||||
padding: 6px 6px 0 6px;
|
||||
}
|
||||
|
||||
.tab_panel {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 100%;
|
||||
min-height: 400px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
/* table start */
|
||||
table.fixed {
|
||||
table-layout: fixed;
|
||||
}
|
||||
.dialog-content table td .ctl_button {
|
||||
width: 36px;
|
||||
}
|
||||
/* table end */
|
||||
|
||||
.tab {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.tab .header {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
/*border: 1px solid gray;*/
|
||||
}
|
||||
|
||||
.tabHeader {
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
-ms-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid grey;
|
||||
border-bottom: none;
|
||||
background-color: #CFD5DA;
|
||||
margin-right: 1px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.headerselect {
|
||||
background-color: #FFF;
|
||||
-webkit-box-shadow: #666 0 0 10px;
|
||||
-ms-box-shadow: #666 0 0 10px;
|
||||
box-shadow: #666 0 0 10px;
|
||||
}
|
||||
|
||||
.content {
|
||||
border: 1px solid grey;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.tabContent {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.Contentselect {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.DataConnection {
|
||||
background: #E5F5F9;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.DataConnection .span {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.DataConnection .topDiv {
|
||||
height: 26px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.DataConnection .topDiv span {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.DataConnection .topDiv .dcName {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.DataConnection .radio {
|
||||
vertical-align: -3px;
|
||||
}
|
||||
|
||||
.DataConnection .buttonDiv {
|
||||
height: 30px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.DataConnection .buttonDiv input {
|
||||
margin-right: 20px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.DataConnection .leftdiv {
|
||||
float: left;
|
||||
width: 30%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.DataConnection .leftdiv .leftmenu {
|
||||
border: 1px solid #BBBDBE;
|
||||
margin-top: 5px;
|
||||
text-align: center;
|
||||
margin-left: 20px;
|
||||
border-right: none;
|
||||
font-weight: bold;
|
||||
color: #858686;
|
||||
}
|
||||
|
||||
.DataConnection .leftdiv .nowStep {
|
||||
background: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.DataConnection .leftdiv label {
|
||||
display: block;
|
||||
text-align: left;
|
||||
padding: 3px;
|
||||
padding-left: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
.DataConnection .rightDiv {
|
||||
float: left;
|
||||
width: 70%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.DataConnection .rightDiv .rightcontent {
|
||||
height: 100%;
|
||||
background: #FFF;
|
||||
border: 1px solid #BBBDBE;
|
||||
}
|
||||
|
||||
.rightcontent table tr {
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.txtright {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.firstTd {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.mtop20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.mtop20 .txtright {
|
||||
width: 93px;
|
||||
}
|
||||
|
||||
.mleft50 {
|
||||
margin-left: 50px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.label {
|
||||
width: 80px;
|
||||
/*display: inline-block;*/
|
||||
text-align: right;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.urlwidth {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.customContent {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.customtop {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.custombottom {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.customtableTd {
|
||||
width: 154px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.radiotd {
|
||||
padding-left: 45px;
|
||||
}
|
||||
|
||||
.externalContent {
|
||||
padding-left: 10px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.externaltablediv {
|
||||
padding-left: 36px;
|
||||
}
|
||||
|
||||
.odbcfirsttd {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.odbcsecondtd {
|
||||
/*width: 85px;*/
|
||||
/*display: inline;*/
|
||||
}
|
||||
|
||||
.oraclefirsttd {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.oraclesecondtd {
|
||||
}
|
||||
|
||||
.radioleft {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.testConnection {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.commonContent {
|
||||
padding-left: 20px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.maringCenter {
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
.desc {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
|
||||
/* Trees */
|
||||
.ultree,
|
||||
.ultree ul {
|
||||
list-style: none;
|
||||
padding: 0 0 0 30px;
|
||||
}
|
||||
|
||||
.ultree li {
|
||||
line-height: 22px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ultree li span {
|
||||
display: inline-block;
|
||||
padding-right: 6px;
|
||||
white-space: nowrap;
|
||||
min-height: 22px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.ultree li span:hover {
|
||||
/*background: #f4f4f4;*/
|
||||
background: rgb(220, 238, 244);
|
||||
}
|
||||
|
||||
.ultree li.selected > span {
|
||||
border: 1px solid rgb(174,217,230);
|
||||
background: rgb(203,230,239);
|
||||
border-radius: 3px;
|
||||
line-height: 20px;
|
||||
min-height: 20px;
|
||||
padding-left: 4px;
|
||||
/*white-space: nowrap;*/
|
||||
}
|
||||
|
||||
.ultree li input {
|
||||
margin: 5px 4px 4px 4px;
|
||||
padding: 0;
|
||||
/*height: 22px;*/
|
||||
line-height: 22px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.ultree em.icn {
|
||||
cursor: pointer;
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
position: absolute;
|
||||
font-size: 14px;
|
||||
padding: 0;
|
||||
left: -12px;
|
||||
top: 0;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.ultree em.collapse:before {
|
||||
content: '\f0da';
|
||||
}
|
||||
|
||||
.ultree em.expand:before {
|
||||
content: '\f0d7';
|
||||
}
|
||||
|
||||
|
||||
/* selector */
|
||||
.data-selector-table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
.data-selector-control {
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.data-selector-control button {
|
||||
width: 30px;
|
||||
padding: 0;
|
||||
margin: 3px 0;
|
||||
height: 23px;
|
||||
}
|
||||
Reference in New Issue
Block a user