html { overflow-x:hidden; background: #171d34}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
html::-webkit-scrollbar
{
width: 10px;
background-color: #0F375F;
}
/*定义滚动条轨道 内阴影+圆角*/
html::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #0F375F;
}
/*定义滑块 内阴影+圆角*/
html::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #10152A
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
#rrapp::-webkit-scrollbar
{
width:0;
height:0;
background-color: #0F375F;
}
/*定义滚动条轨道 内阴影+圆角*/
#rrapp::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #0F375F;
}
/*定义滑块 内阴影+圆角*/
#rrapp::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #10152A
}
.content-header {
position: relative;
padding: 0 0 3px 8px
}
.content-header>.breadcrumb {
position: relative;
top: 0;
right: 0;
float: none;
margin-top: 0px;
padding-left: 10px;
background: #11294B;
/*background: url('../img/titleBg.png') no-repeat;*/
/*height:36px;*/
/*width: 100%;*/
}
.main-footer {
padding: 7px;
color: #fff;
border-top: 1px solid #151C36;
}
[v-cloak] {
display: none;
}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-text-fill-color: #ededed !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
background-color:transparent;
background-image: none;
transition: background-color 50000s ease-in-out 0s; /*背景色透明 生效时长 过渡效果 启用时延迟的时间*/
}
input {
background-color:transparent;
}
.grid-btn{
margin-bottom:12px;
}
.grid-btn .btn{
margin-right:10px;
}
.pointer{cursor: pointer;}
.ml-10 { margin-left:0 !important; }
@media (min-width: 768px) {
.ml-10 { margin-left:10px !important; }
.col-sm-10 {width: 70%;padding-left: 0px;}
.col-sm-2 {width: 24%;}
.col-sm-1 {width: 10%;}
}
tbody > tr > th {font-weight: normal; }
.panel .table { margin:0 0; }
.panel .pagination { margin:0; }
.panel-default>.panel-heading {background-color: #076195;}
/*.row{*/
/*border-top: 1px solid #ddd;*/
/*margin:0;*/
/*padding:20px 2px 0px 2px;*/
/*}*/
.col-xs-6{padding-left: 0px;padding-right: 0px;}
.form-horizontal .form-group {margin-left:0px;margin-right:0px;}
.form-horizontal{
padding-top:20px;float:left;
}
/* 星空背景 */
.sky-bg {
width: 100%;
height: 100%;
position: fixed; /* 根据屏幕大小固定遮罩层位置 */
pointer-events: none; /* 解决底层元素被遮罩而无法操作事件的问题 */
/*background: #171d34;*/
top: 0;
z-index: 1000; /* 遮罩层置顶 */
transform: translateX();
}
.noExecInfo{
display: none;
width: 100%;
margin: auto;
text-align: center;
padding: 10% 0;
}
.warningWord,.loadingWord{
display: none;
color: yellow;
font: 24px bold;
}
.showRuleBasicInfo,.showRuleExecInfo{
display: none;
height: 200px;
width: 100%;
margin: auto;
overflow-y: auto;
text-align: center;
}
.showRuleExecInfo::-webkit-scrollbar{
display:none;
}
.showRuleExecInfo table{
margin: auto;
overflow-y: auto;
}
.showRuleExecInfo table .titleName td{
color: yellow !important;
}
.showRuleExecInfo td{
height: 30px;
width: 12.5%;
min-width: 140px !important;
color: #FFFFFF;
}
.ruleExecResultWord{
color : #FFF;
}
.ruleExecResultWordGreen{
color : #09CC4A !important;
}
/* 滚动条消失 */
::-webkit-scrollbar{/*chrome*/
display:none;
}
html{/*ie*/
-ms-scroll-chaining: chained;
-ms-overflow-style: none; /*控制元素内容溢出时滚动条显示与隐藏*/
-ms-content-zooming: zoom;
-ms-scroll-rails: none;
-ms-content-zoom-limit-min: 100%;
-ms-content-zoom-limit-max: 500%;
-ms-scroll-snap-type: proximity;
-ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
overflow: auto;
}
select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
html {/*火狐*/
scrollbar-width: none;
}
html .-o-scrollbar{
-moz-appearance: none !important;
background: rgba(0,255,0,0) !important;
}
html::-o-scrollbar-button{
background-color:rgba(0,0,0,0);
}
html::-o-scrollbar-track{
background-color:rgba(0,0,0,0);
}
html::-o-scrollbar-track-piece{
background-color:rgba(0,0,0,0);
}
html::-o-scrollbar-thumb{
background-color:rgba(0,0,0,0);
}
html::-o-scrollbar-corner{
background-color:rgba(0,0,0,0);
}
html::-o-scrollbar-resizer{
background-color:rgba(0,0,0,0);
}
/* 以下是 动态loading 文字 支持14字以内效果 */
/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
h5.load{
text-align: center;
text-transform: uppercase;
font-family: 'Nunito', sans-serif;
font-size: 20px;
color: #FFFFFF;
letter-spacing: 0.01em;
}
.load span{
text-shadow:
0 0 2px rgba(204, 208, 212,0.9),
0 15px 25px rgba(0, 0, 0, 0.3),
0 -2px 3px rgba(0, 0, 0, 0.1),
0 -5px 10px rgba(255, 255, 255, 0.5),
0 5px 10px rgba(0, 0, 0, 0.3),
0 3px 4px rgba(255, 255, 255, 0.2),
0 0 20px rgba(255, 255, 255, 0.45);
animation: loading 1.20s ease-in-out infinite alternate;
}
@keyframes loading {
to {text-shadow:
0 0 2px rgba(204, 208, 212,0.2),
0 0 3px rgba(0, 0, 0, 0.02),
0 0 0 rgba(0, 0, 0, 0),
0 0 0 rgba(255, 255, 255, 0),
0 0 0 rgba(0, 0, 0, 0),
0 0 0 rgba(255, 255, 255, 0),
0 0 0 rgba(255, 255, 255, 0);}
}
.load span:nth-child(2){
animation-delay:0.15s;
}
.load span:nth-child(3){
animation-delay:0.30s;
}
.load span:nth-child(4){
animation-delay:0.45s;
}
.load span:nth-child(5){
animation-delay:0.60s;
}
.load span:nth-child(6){
animation-delay:0.75s;
}
.load span:nth-child(7){
animation-delay:0.90s;
}
.load span:nth-child(8){
animation-delay:1.05s;
}
.load span:nth-child(9){
animation-delay:1.20s;
}
.load span:nth-child(10){
animation-delay:1.35s;
}
.load span:nth-child(11){
animation-delay:1.50s;
}
.load span:nth-child(12){
animation-delay:1.65s;
}
.load span:nth-child(13){
animation-delay:1.80s;
}
.load span:nth-child(14){
animation-delay:1.95s;
}
/* 以上是 动态loading 文字 支持14字以内效果 */