初始版本
This commit is contained in:
buliping committed
1 parent
b2486c3798
commit
6d0feb95a0
624 files changed
+62964
No files matched your search
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,185 @@
|
||||
/* FONT PATH
|
||||
* -------------------------- */
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('static/font/fontawesome-webfont.eot?v=3.2.1');
|
||||
src: url('static/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('static/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('static/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('static/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.mobi{width: 100%; height: 100%;}
|
||||
/*.art
|
||||
存放页面动画效果的模块
|
||||
1、light 光划过效果 鼠标划过光线区
|
||||
2、 ... 其他动画效果可以在这里继续扩展
|
||||
*/
|
||||
.art{ width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; overflow: hidden; }
|
||||
.art .light {display: block; width: 100%; height: 100%; position: absolute; top: 0; left:-100%; }
|
||||
.art .light:before {
|
||||
content: "";
|
||||
display: block; width: 100%; height: 100%;
|
||||
position: absolute; top: 0; left: 0;
|
||||
overflow: hidden;
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
|
||||
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
|
||||
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
|
||||
-webkit-transform: skewX(-25deg);
|
||||
-moz-transform: skewX(-25deg);
|
||||
}
|
||||
.art.active .light{ left:100%; transition: left 1s ease 0s; }
|
||||
|
||||
/*动画区
|
||||
1、animated 总控
|
||||
2、.loader-15 上下手风琴拉动Loading
|
||||
3、.rotate 旋转360度
|
||||
4、.rotateF 反向360度
|
||||
5、.flashPD 一闪一闪
|
||||
*/
|
||||
.animated {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
.animated.infinite {
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
/*上下手风琴拉动*/
|
||||
[class*="loader-"] {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
color: inherit;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
.loader-15 {
|
||||
background: currentcolor;
|
||||
position: relative;
|
||||
-webkit-animation: loader-15 1s ease-in-out infinite;
|
||||
animation: loader-15 1s ease-in-out infinite;
|
||||
-webkit-animation-delay: 0.4s;
|
||||
animation-delay: 0.4s;
|
||||
width: .25em;
|
||||
height: .5em;
|
||||
}
|
||||
.loader-15:after,
|
||||
.loader-15:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
background: inherit;
|
||||
-webkit-animation: inherit;
|
||||
animation: inherit;
|
||||
}
|
||||
.loader-15:before {
|
||||
right: .5em;
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
.loader-15:after {
|
||||
left: .5em;
|
||||
-webkit-animation-delay: 0.6s;
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
@-webkit-keyframes loader-15 {
|
||||
0%, 100% {
|
||||
box-shadow: 0 0 0 currentcolor, 0 0 0 currentcolor;
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 -.25em 0 currentcolor, 0 .25em 0 currentcolor;
|
||||
}
|
||||
}
|
||||
@keyframes loader-15 {
|
||||
0%, 100% {
|
||||
box-shadow: 0 0 0 currentcolor, 0 0 0 currentcolor;
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 -.25em 0 currentcolor, 0 .25em 0 currentcolor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
transform-origin: center;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform-origin: center;
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.rotate {
|
||||
animation-name: rotate;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@keyframes rotateF {
|
||||
100% {
|
||||
transform-origin: center;
|
||||
transform: rotate(-360deg);
|
||||
}
|
||||
}
|
||||
.rotateF {
|
||||
animation-name: rotateF;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@keyframes flashPD {
|
||||
0%,90% {
|
||||
opacity: 1;
|
||||
}
|
||||
92%,98% {
|
||||
opacity: 0;
|
||||
}
|
||||
96%,100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.flashPD {
|
||||
animation-name: flashPD;
|
||||
}
|
||||
|
||||
/*地球仪*/
|
||||
.ball {
|
||||
position: absolute; top:-4%; left: 50%;
|
||||
width:80%; height: 100%;
|
||||
margin-left:-40%; opacity: .6;
|
||||
background:url(static/images/theme/darkblue/ball.png) center center no-repeat;
|
||||
background-size:auto 100%;
|
||||
animation-duration: 120s;
|
||||
animation-delay: 3s;
|
||||
}
|
||||
|
||||
/* 当浏览器可视区域小于2000px*/
|
||||
@media screen and (max-width:2000px){
|
||||
.logo{font-size:28px; line-height:2;}
|
||||
.ftext20{ font-size:14px;}
|
||||
.ftext{ font-size:16px;}
|
||||
.ftext_xl{ font-size: 20px;}
|
||||
.layer-body{ width: 92%; }
|
||||
.layer-body .ftext{ font-size:22px; }
|
||||
.layer-body .ftext_xl{ font-size: 26px;}
|
||||
.fnum_xl{ font-size: 26px;}
|
||||
.layer-body .fnum_xl{ font-size: 30px;}
|
||||
.tooltip{ width:260px;}
|
||||
.tb-custom-01 tr .tbname { width:36vh; }
|
||||
.layer-body .grid-custom{ padding:9.4vh 1vh 0 1vh; }
|
||||
.custom-15 .div15-right{ margin-left:0px;}
|
||||
.layui-form-radio>div{font-size:20px}
|
||||
}
|
||||
|
||||
/* 当浏览器可视区域小于1366px*/
|
||||
@media screen and (max-width:1367px){
|
||||
.ftext20{ font-size:12px;}
|
||||
.ftext{ font-size:14px;}
|
||||
.ftext_xl{ font-size: 16px;}
|
||||
.layer-body .ftext{ font-size:14px; }
|
||||
.layer-body .ftext_xl{ font-size: 16px;}
|
||||
.custom-15 .div15-right{margin-left:0px;}
|
||||
.layui-form-radio>div{font-size:16px}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,636 @@
|
||||
*{ padding: 0; margin:0; }
|
||||
|
||||
.fnb{ font-weight: bold; }
|
||||
|
||||
.fnsm{ font-size:14px; } /*小号字体*/
|
||||
|
||||
.layui-table-tips-main,
|
||||
.layui-table-cell,
|
||||
.layui-layer-msg .layui-layer-dialog .layui-layer-content,
|
||||
.layui-layer-dialog .layui-layer-content,
|
||||
.layui-laydate,
|
||||
.layui-laydate-footer .laydate-footer-btns span,
|
||||
.layui-laydate-content td,
|
||||
.layui-layer-title,
|
||||
.layui-laypage a,
|
||||
.layui-laypage span,
|
||||
.layui-btn,
|
||||
input, textarea, select, button,
|
||||
.fnTxt{ font-size: 16px; } /*正文*/
|
||||
|
||||
.fnTit{ font-size: 16px; } /*标题*/
|
||||
|
||||
|
||||
|
||||
.active .fnTit{ font-size:18px; }
|
||||
|
||||
.fnNav{ font-size: 20px; } /*标题*/
|
||||
.fnMenu{ font-size:18px !important; }
|
||||
|
||||
.fmt .tbH3{ font-size:18px !important; }
|
||||
|
||||
.active .fnNav{ font-size:24px; }
|
||||
|
||||
.layui-table-tool .layui-inline[lay-event] .layui-icon,
|
||||
|
||||
.fnTitlg{ font-size: 24px; }
|
||||
|
||||
.fnLogo{ font-size: 40px; } /*页面大标题*/
|
||||
|
||||
.fnSubLogo{ font-size: 36px; } /*页面二标题*/
|
||||
|
||||
.fniconL{ font-size:52px; }
|
||||
|
||||
.layui-form-label{ font-size: 14px; }
|
||||
|
||||
.dtree-layui-dtreefont,
|
||||
.dtree-layui-ficon{ font-size:20px !important; }
|
||||
.dtree .dtree-layui-item cite{ font-size:16px !important; }
|
||||
|
||||
.fmt_help h2{ font-size:22px; }
|
||||
.fmt_help p{ font-size:18px; }
|
||||
|
||||
/*小屏字体布局问题*/
|
||||
|
||||
@media screen and (min-width:2000px){
|
||||
|
||||
|
||||
|
||||
.fnsm{ font-size:16px; } /*小号字体*/
|
||||
|
||||
.layui-table-tips-main,
|
||||
.layui-table-cell,
|
||||
.layui-layer-msg .layui-layer-dialog .layui-layer-content,
|
||||
.layui-layer-dialog .layui-layer-content,
|
||||
.layui-laydate,
|
||||
.layui-laydate-footer .laydate-footer-btns span,
|
||||
.layui-laydate-content td,
|
||||
.layui-layer-title,
|
||||
.layui-laypage a,
|
||||
.layui-laypage span,
|
||||
.layui-btn,
|
||||
input, textarea, select, button,
|
||||
.fnTxt{ font-size: 22px!important; } /*正文20*/
|
||||
|
||||
.fnNav{ font-size: 28px; } /*标题*/
|
||||
.fnMenu{ font-size: 26px !important; }
|
||||
|
||||
.fmt_help h2{ font-size:34px; }
|
||||
.fmt_help p{ font-size:26px; }
|
||||
|
||||
.fmt .tbH3{ font-size:28px !important; }
|
||||
|
||||
.active .fnNav{ font-size:30px; }
|
||||
|
||||
.layui-table-tool .layui-inline[lay-event] .layui-icon{ font-size:22px;}
|
||||
|
||||
.fnTitlg{ font-size: 32px; }
|
||||
|
||||
.fnTit{ font-size: 26px; } /*标题*/
|
||||
|
||||
.typepul .fnTit{ font-size: 30px; }
|
||||
.menuItem .fnTit{ font-size: 29px; }
|
||||
|
||||
.dtree-layui-ficon{ font-size:24px; }
|
||||
|
||||
.active .fnTit{ font-size:30px; }
|
||||
|
||||
.fnLogo{ font-size: 52px; } /*页面大标题*/
|
||||
|
||||
.fnSubLogo{ font-size: 46px; } /*页面二标题*/
|
||||
|
||||
.fniconL{ font-size:62px; }
|
||||
|
||||
.layui-form-label{ font-size: 20px; } /*18*/
|
||||
|
||||
.dtree-layui-dtreefont,
|
||||
.dtree-layui-ficon{ font-size:28px !important; }
|
||||
.dtree .dtree-layui-item cite{ font-size:20px !important; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
.titleInfo{ color:#ccc;/* position: absolute; right: 1vh; top: .5vh;*/ cursor: pointer; margin-left:1vh; }
|
||||
|
||||
|
||||
html,body{ width: 100%; height: 100%; font-size: 16px; }
|
||||
|
||||
p{ line-height: 1.5; }
|
||||
|
||||
a:hover{ color: #fff; }
|
||||
|
||||
input[disabled]{ border:1px #5c6468 solid; background:#707884; color:#5c6468; }
|
||||
|
||||
.txtcut2 {
|
||||
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
display: -webkit-box;
|
||||
|
||||
-webkit-line-clamp: 2;
|
||||
|
||||
line-clamp: 2;
|
||||
|
||||
-webkit-box-orient: vertical;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.form-control .button{ font-size:18px;}
|
||||
|
||||
input:-webkit-autofill,
|
||||
|
||||
input:-webkit-autofill:hover,
|
||||
|
||||
input:-webkit-autofill:focus,
|
||||
|
||||
input:-webkit-autofill:active {
|
||||
|
||||
-webkit-transition-delay: 99999s;
|
||||
|
||||
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@keyframes lxmove1 {
|
||||
|
||||
0%{
|
||||
|
||||
top: 1vh; left: 13vh;
|
||||
|
||||
}
|
||||
|
||||
25%{
|
||||
|
||||
top: -5vh; left: 19vh;
|
||||
|
||||
}
|
||||
|
||||
50%{
|
||||
|
||||
top: -5vh; left: 19vh;
|
||||
|
||||
transform: rotate(0deg);
|
||||
|
||||
}
|
||||
|
||||
75%{
|
||||
|
||||
top: -5vh; left: 19vh;
|
||||
|
||||
transform: rotate(360deg);
|
||||
|
||||
}
|
||||
|
||||
100%{
|
||||
|
||||
top: 1vh; left: 13vh;
|
||||
|
||||
transform:rotate(0deg);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes lxmove2 {
|
||||
|
||||
0%{
|
||||
|
||||
top:12vh; left:1vh;
|
||||
|
||||
}
|
||||
|
||||
25%{
|
||||
|
||||
top: 7vh; left: -5vh;
|
||||
|
||||
}
|
||||
|
||||
50%{
|
||||
|
||||
top: 7vh; left: -5vh;
|
||||
|
||||
transform:rotate(0deg);
|
||||
|
||||
}
|
||||
|
||||
75%{
|
||||
|
||||
top: 7vh; left: -5vh;
|
||||
|
||||
transform:rotate(360deg);
|
||||
|
||||
}
|
||||
|
||||
100%{
|
||||
|
||||
top:12vh; left:1vh;
|
||||
|
||||
transform:rotate(0deg);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes lxmove3 {
|
||||
|
||||
0%{
|
||||
|
||||
bottom: 0; right: 1vh;
|
||||
|
||||
}
|
||||
|
||||
25%{
|
||||
|
||||
bottom: -6.5vh; right: -6vh;
|
||||
|
||||
}
|
||||
|
||||
50%{
|
||||
|
||||
bottom: -6.5vh; right: -6vh;
|
||||
|
||||
transform:rotate(0deg);
|
||||
|
||||
}
|
||||
|
||||
75%{
|
||||
|
||||
bottom: -6.5vh; right: -6vh;
|
||||
|
||||
transform:rotate(360deg);
|
||||
|
||||
}
|
||||
|
||||
100%{
|
||||
|
||||
bottom: 0; right: 1vh;
|
||||
|
||||
transform:rotate(0deg);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@keyframes hebing1 {
|
||||
|
||||
0%{
|
||||
|
||||
top: 1vh; left: 13vh;
|
||||
|
||||
}
|
||||
|
||||
50%{
|
||||
|
||||
top: -5vh; left: 19vh;
|
||||
|
||||
}
|
||||
|
||||
100%{
|
||||
|
||||
top: 1vh; left: 13vh;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes hebing2 {
|
||||
|
||||
0%{
|
||||
|
||||
top:12vh; left:1vh;
|
||||
|
||||
}
|
||||
|
||||
50%{
|
||||
|
||||
top: 7vh; left: -5vh;
|
||||
|
||||
}
|
||||
|
||||
100%{
|
||||
|
||||
top:12vh; left:1vh;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes hebing3 {
|
||||
|
||||
0%{
|
||||
|
||||
bottom: 0; right: 1vh;
|
||||
|
||||
}
|
||||
|
||||
50%{
|
||||
|
||||
bottom: -6.5vh; right: -6vh;
|
||||
|
||||
}
|
||||
|
||||
100%{
|
||||
|
||||
bottom: 0; right: 1vh;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.fl{ float: left; }
|
||||
|
||||
.fr{ float: right; }
|
||||
|
||||
.ml{ margin-left:12vh; }
|
||||
|
||||
.tr{ text-align: right; }
|
||||
.tl{ text-align: left; }
|
||||
.tc{ text-align: center; }
|
||||
|
||||
|
||||
|
||||
/* 下面是页面内样式，无需引用 */
|
||||
|
||||
.layui-block {
|
||||
|
||||
margin-bottom: 10px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.layui-form-label {
|
||||
|
||||
width: 180px;
|
||||
|
||||
}
|
||||
|
||||
.code {
|
||||
|
||||
color: gray;
|
||||
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
|
||||
.unshow>#result {
|
||||
|
||||
display: none;
|
||||
|
||||
}
|
||||
|
||||
pre { padding: 5px; margin: 5px; }
|
||||
|
||||
.string { color: green; }
|
||||
|
||||
.number { color: darkorange; }
|
||||
|
||||
.boolean { color: blue; }
|
||||
|
||||
.null { color: magenta; }
|
||||
|
||||
.key { color: red; }
|
||||
|
||||
.treesearch{ width: 90%; margin:6px auto ; }
|
||||
|
||||
|
||||
|
||||
.btn-tree{ position: absolute; right: -80px; top: 0; }
|
||||
|
||||
|
||||
|
||||
/*表单表格样式重置 dark版本*/
|
||||
|
||||
::placeholder{ color:#D5E5EB; }
|
||||
|
||||
.layui-table{ background:#050A18; }
|
||||
|
||||
|
||||
|
||||
.layui-table td{ color:#D5E5EB }
|
||||
.layui-table td a{ color:#D5E5EB; text-decoration: underline; }
|
||||
|
||||
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{ border-color:transparent; }
|
||||
|
||||
.layui-table th{ background:#101E3B; color:#D5E5EB; font-weight:bold; /*border:none;*/ border:1px #5a5a5a solid; }
|
||||
|
||||
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){ background:#050A18; }
|
||||
|
||||
.layui-table-box tbody tr:nth-child(even){ background-color:#012980; }
|
||||
|
||||
.layui-table-box tbody tr:nth-child(odd){ background-color:#011552; }
|
||||
|
||||
.layui-table-box tbody tr.layui-table-click{ background-color: #6f5803; }
|
||||
|
||||
|
||||
|
||||
.layui-table-fixed-l{ box-shadow: 3px 4px 4px rgba(0,0,0,.9); }
|
||||
|
||||
.layui-table-fixed-r{ box-shadow: -3px 4px 4px rgba(0,0,0,.9); }
|
||||
|
||||
.layui-tableTree tbody td { border-bottom:1px #555 solid; }
|
||||
.layui-tableTree tbody tr.layui-table-click{ background-color: #6f5803; }
|
||||
|
||||
.layui-laypage .layui-laypage-skip,
|
||||
|
||||
.layui-laypage a,
|
||||
|
||||
.layui-laypage span{ color:#D5E5EB; }
|
||||
|
||||
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background:#0651A4; }
|
||||
|
||||
.layui-form-label{ width:40%; font-weight: bold; color:#f0f0f0; }
|
||||
|
||||
.app-container el-form el-form-item {color: #f0f0f0;}
|
||||
|
||||
.layui-input,
|
||||
|
||||
.layui-select,
|
||||
|
||||
.layui-textarea{ background:#050a18; color:#D5E5EB; border-color:#274580; border-width:2px; }
|
||||
|
||||
.layui-select-tips .layui-input{ background:#f0f0f0; color:#333; }
|
||||
|
||||
.layui-select-tips .layui-input::placeholder{ color:#666; }
|
||||
|
||||
.layui-form-item .layui-inline{ margin-right: 0; }
|
||||
|
||||
.layui-laypage .layui-laypage-skip,
|
||||
|
||||
.layui-laypage a,
|
||||
|
||||
.layui-laypage span{ color:#101E3B; }
|
||||
|
||||
.fuzzyBox{ width:92%; margin:6px auto; }
|
||||
|
||||
.fuzzyBox .layui-input{ background:#fff; color:#101E3B; }
|
||||
|
||||
.fuzzyBox .layui-input::placeholder{ color:#101E3B; }
|
||||
|
||||
.dtree{ color: #101E3B; }
|
||||
|
||||
.layui-table-tool .layui-inline[lay-event]{ color:#fff; width:40px; height: 40px; line-height:1.5; }
|
||||
|
||||
.layui-table-tool{ min-height: 60px; }
|
||||
|
||||
.layui-table-tool-panel{ width:800px; background-color:#eee; }
|
||||
|
||||
.layui-table-tool-panel li{ display: inline-block; width:50%; height:3vh; }
|
||||
|
||||
.layui-form{ color:#fff; }
|
||||
|
||||
.layui-layer-page .layui-layer-content{ background:lightgray; }
|
||||
|
||||
.layui-form-select dl{ color:#000; }
|
||||
|
||||
.btn-search{ margin-bottom:2vh; }
|
||||
|
||||
.layui-table thead .layui-table-cell{ height: auto; }
|
||||
|
||||
.layui-table-cell .layui-table-link{ color:#fff; text-decoration: underline; }
|
||||
|
||||
.td-merge{ background:#1763c1; }
|
||||
|
||||
.layui-table-cell.table-cell-tree{ height: auto; overflow: auto; white-space: normal; }
|
||||
|
||||
/* 一户式查询方案 */
|
||||
.fmt{}
|
||||
.fmt .tbH3{ /*width:88%;*/ margin:20px auto 16px;/* color:#43B0EF;*/ color:#f0f0f0; font-weight: bold; border-left:4px #43B0EF solid; padding-left:18px; background:rgba(0,0,0,.6); }
|
||||
.fmt .tbForm{width:100%; margin:0 auto; margin-bottom:40px; border:1px #333 solid;}
|
||||
.fmt .tbForm th,
|
||||
.fmt .tbForm td{ border:1px #333 solid; padding:8px 10px; text-align: left; }
|
||||
/*.tbForm th{ }*/
|
||||
.fmt .tbForm td a{ color:#A6E2FF; text-decoration: underline; }
|
||||
.fmt .tbForm tr.layui-table-click{ background-color: #6f5803; }
|
||||
.fmt .tbForm .tdLable{ color: #A6E2FF; }
|
||||
.fmt .tbForm .tdValue{ color: #f0f0f0; }
|
||||
.tdValue .tdTitle{ width:20%; padding:6px 10px; border-radius: 8px; background-image: -webkit-linear-gradient(left,#065197,#090d3c); }
|
||||
.tdValue .tdSubTitle{ width:20%; padding:6px 10px; border-radius: 8px; background-image: -webkit-linear-gradient(left,#072652,#090d3c); }
|
||||
|
||||
.fmt .tdLable{ font-weight: bold; }
|
||||
.fmt .tab-top{ width:12vw; color:#A6E2FF; position: fixed; text-align: center; left:1%; top:30%; }
|
||||
.fmt .layui-tab-left{ width:12vw; border-bottom: none; position: fixed; text-align: right; left:1%; top:38%; }
|
||||
.fmt .layui-tab-left li{ display: block; }
|
||||
|
||||
.fmt .layui-tab-left .tab-li{ width:80%; padding:8px 0; margin:4px 0; margin-left:10%; background:#204b6d; border-radius:20px 0 0 20px; }
|
||||
.fmt .layui-tab-left .tab-li.layui-this{ width:90%; margin-left:0; padding:12px 0; background-image: -webkit-linear-gradient(left,#065197,#090d3c); }
|
||||
.layui-tab-title .layui-this:after{ height: 100%; }
|
||||
|
||||
.fmt .layui-tab-right{ width:84vw; }
|
||||
.fmt .layui-tab-brief{ color: #A6E2FF; }
|
||||
.fmt .layui-tab-brief > .layui-tab-left .layui-this{ color:#f0f0f0; }
|
||||
.fmt .layui-tab-brief > .layui-tab-left li.layui-this:after{ /*border-bottom:2px #A6E2FF solid;*/ border-bottom:none; }
|
||||
|
||||
@media screen and (min-width:2000px){
|
||||
.fmt .tab-top{ width:14vw; position: fixed; left:1%; top:24%; }
|
||||
.fmt .layui-tab-left{ width:14vw; left:1%; top: 36%;}
|
||||
|
||||
.fmt .layui-tab-right{ width:82vw; }
|
||||
.fmt .layui-tab-left .tab-li{ padding:10px 0; }
|
||||
.fmt .layui-tab-left .tab-li.layui-this{ padding:20px 0; }
|
||||
}
|
||||
|
||||
/*fpmap*/
|
||||
.grid-cn{ width: 100%; height: 90vh; background:#eee; }
|
||||
.grid-msg{ width: 100%; height: 90vh; background:#eee; }
|
||||
.grid-sy{ width: 100%; height: 90vh; background:#eee; }
|
||||
.grid-scroll{ width: 100%; height: 4vh; background:#eee; }
|
||||
|
||||
|
||||
/*特殊字体颜色渐变色-元素里不可以单独写color*/
|
||||
|
||||
.colGlight {
|
||||
|
||||
color:#fff;
|
||||
|
||||
letter-spacing: 1px;
|
||||
|
||||
font-weight: 600;
|
||||
|
||||
background-image:-webkit-linear-gradient(left,#ffffff,#F5FAFC);
|
||||
|
||||
-webkit-background-clip:text;
|
||||
|
||||
-webkit-text-fill-color:transparent;
|
||||
|
||||
}
|
||||
|
||||
.colGblue{
|
||||
|
||||
color: #fff;
|
||||
|
||||
background-image: -webkit-linear-gradient(top,#ffffff 30%,#13C3FF);
|
||||
|
||||
-webkit-background-clip: text;
|
||||
|
||||
-webkit-text-fill-color: transparent;
|
||||
|
||||
text-transform: uppercase;
|
||||
|
||||
}
|
||||
|
||||
.colGbluehz{
|
||||
|
||||
color: #fff;
|
||||
|
||||
background-image: -webkit-linear-gradient(left,#ffffff,#03ADFF);
|
||||
|
||||
-webkit-background-clip: text;
|
||||
|
||||
-webkit-text-fill-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
.td-dark{ background:#000; color:#f0f0f0; }
|
||||
|
||||
.hide{ display:none; }
|
||||
|
||||
.inline{ display: inline-block; }
|
||||
|
||||
.pr{ position: relative; }
|
||||
|
||||
/*正式使用的loading*/
|
||||
.dataLoading{ width: 100%; height: 100%; background:rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; z-index: 999; text-align: center; color:#fff; }
|
||||
.mychartLoadingBox{ width:80%; height:auto; margin:0 auto; position: absolute; top: auto; bottom:0; left: 10%; }
|
||||
|
||||
@media screen and (min-width:2000px){
|
||||
|
||||
.mychartLoadingBox { width:94%; left: 3%; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
.layEportOut{ padding:50px; background-color:#393D49; color:#f0f0f0; }
|
||||
|
||||
|
||||
.pageTip{ width: 50vw; text-align: center; line-height: 3.5vh; background:rgba(255,140,28,.8); color:#481c05; position: absolute; top:4vh; right: 25vw; z-index: 9999; border-radius: 20px; font-weight: bold;}
|
||||
|
||||
.timeline,
|
||||
.timeline .layui-text{ color: #f0f0f0 }
|
||||
.timeline-item{ border-bottom:1px dashed #333; padding:10px; margin-bottom: 8px; }
|
||||
.timeline-item-header{ font-weight: bold; color: #A6E2FF; }
|
||||
|
||||
.timeline .layui-timeline-title{ margin-top: 14px; }
|
||||
|
||||
.bg-tr-tit{ background:rgba(0,0,0,.6); }
|
||||
|
||||
@media screen and (max-width:1918px){
|
||||
|
||||
.statuBox { padding-top:10%; }
|
||||
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
html,body{ width: 100%; height: 100%;
|
||||
color:#d2ddef; background:#0B173A !important; }
|
||||
/*.mobi{background:#0B0D20 url(../../images/theme/darkblue/bg.jpg) center bottom no-repeat; background-size:auto 100%;}*/
|
||||
.mobi{background: url(static/images/theme/darkblue/0001.gif) center bottom no-repeat; background-size:auto 100%;}
|
||||
/*.mobi{background:#0B173A; background-size:auto 100%;}*/
|
||||
.mobi-topbg{background:url(static/images/theme/darkblue/top.png) no-repeat; background-size:100% 100%;}
|
||||
.logo{background: url(static/images/theme/darkblue/icon_top.png) center bottom no-repeat; background-size:100% auto;}
|
||||
|
||||
.mobi-comp{
|
||||
border: 1px solid #f30;
|
||||
border: 1px solid rgba(30,65,152,1);
|
||||
background: rgba(12,33,88,.6);
|
||||
box-shadow: inset 0px 10px 20px rgba(16,56,122,.9);
|
||||
border-radius: 6px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mobi-art .ptl{background:url(static/images/theme/darkblue/ptl.png) -1px -1px no-repeat; }
|
||||
.mobi-art .ptl:after{background:url(static/images/theme/darkblue/ptr.png) 1px -1px no-repeat;}
|
||||
.mobi-art .pbl{background:url(static/images/theme/darkblue/pbl.png) -1px 1px no-repeat; }
|
||||
.mobi-art .pbl:after{background:url(static/images/theme/darkblue/pbr.png) 1px 1px no-repeat;}
|
||||
.mobi-art .bgbtm{
|
||||
background:url(static/images/theme/darkblue/bgbtm.png) center bottom no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.mobi-comp .mobi-title{ background: url(static/images/theme/darkblue/lineTitle.png) left bottom no-repeat; }
|
||||
.mobi-comp .mobi-title .name{ color: #08C5FA; background:url(static/images/theme/darkblue/title.png) .5em center no-repeat; background-size:1.25em 1.25em; }
|
||||
|
||||
.mobi-tab .mobi-tab-item{color:#7C9BED; border: 1px solid rgba(30,65,152,1); background:#081236; }
|
||||
.mobi-tab .mobi-tab-item.on{ color:#fff; border-bottom-color:#152243;
|
||||
box-shadow: inset 0px 10px 20px rgb(16 56 122 / 90%);}
|
||||
|
||||
.mobi-top-item{display: inline-block; color:#7C9BED; border: 1px solid rgba(30,65,152,1); background:#081236; padding:0 1vh; margin:0 .5vh; }
|
||||
.J-getAll-on{ color:#fff; border-bottom-color:#152243;
|
||||
box-shadow: inset 0px 10px 20px rgb(16 56 122 / 90%); }
|
||||
|
||||
/*重写弹窗信息*/
|
||||
.layui-layer{ background: url(static/images/theme/darkblue/layoutbg.png) center center no-repeat; background-size:100% 100%;
|
||||
background-color:rgba(0,0,0,.4) !important;
|
||||
}
|
||||
.layui-layer .layui-layer-setwin .layui-layer-close2{ width:10vh; height: 10vh; background:none; }
|
||||
|
||||
/*字体颜色渐变*/
|
||||
.gradent-number{
|
||||
background-image:-webkit-linear-gradient(top,#d4ffff,#3376fd);
|
||||
}
|
||||
Reference in new issue
Block a user