772 lines
30 KiB
CSS
772 lines
30 KiB
CSS
@charset "utf-8";
|
||
/* CSS Document */
|
||
html,body{border:0;margin:0;padding:0;font-family:georgia;}
|
||
body{background:#f1f1f1;min-width:1024px;margin:0;position:relative;}
|
||
.iframe{position:relative;z-index:1112;width:100%;height:6vw;}
|
||
.context{width:97.7vw;margin:0 auto;padding-bottom:5%;display:table;}
|
||
.context h3{font-size:1.375rem;margin-top:1.56%;margin-bottom:1.04%;margin-left:0.78%;}
|
||
.context h3 a{cursor:pointer;text-decoration:none;}
|
||
.context h3 a:hover{color:#145bcc;}
|
||
.tabmenu{width:100%;display:table;}
|
||
.tabmenu ul{width:100%;border-bottom:1px solid #145bcc;display:table;}
|
||
.tabmenu ul li {float:left;width:12.5%;}
|
||
.tabmenu ul li a{display:block;text-align:center;padding:7% 0;font-size:1.5rem;cursor:pointer;text-decoration:none;}
|
||
.tabmenu ul li a.chck{color:#145bcc;}
|
||
|
||
/*.context{width:96.7vw;height:49vw;margin:0 auto;box-shadow:0 0 5px #333;}*/
|
||
#menu{width:16vw;height:48vw;margin:1vw 0;position:relative;margin-left:0.35vw;float:left;background:#fff;box-shadow:0 0 2px #333;}
|
||
#menu .title{width:12vw;height:3vw;line-height:3vw;text-align:center;color:#666;font-size:1.125rem;margin:0 auto;border-bottom:1px solid #ccc;}
|
||
#menu .container{width:16vw;height:43.2vw;overflow-x:hidden;overflow-y:auto;}
|
||
#menu .itemType{width:12vw;height:3vw;overflow:hidden;margin:0 auto;}
|
||
#menu .open{display:table;overflow:auto;}
|
||
|
||
#menu .itemType a{display:block;width:12vw;height:3vw;line-height:3vw;text-align:center;font-size:1rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#666;cursor:pointer;}
|
||
#menu > div > div:nth-of-type(1) > a {border-top:none !important;}
|
||
#menu .item{width:4vw;height:6.5vw;float:left;}
|
||
#menu .item img{width:4vw;height:4vw;padding-top:0.5vw;}
|
||
#menu .item div{width:4vw;height:4vw;padding-top:0.5vw;}
|
||
#menu .item p{margin:0;padding:0;border:0;height:2vw;line-height:2vw;width:4vw;text-align:center;font-size:12px;color:#4baed0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
||
|
||
#jtopo{width:80vw;height:48vw;margin:1vw 0;margin-left:1vw;float:left;background:#fff;box-shadow:0 0 2px #333;}
|
||
#jtopo > div{width:78vw;height:46.8vw;margin:0.6vw 1vw;overflow:hidden;position:relative;}
|
||
#jtopo > div > div{width:3840px;height:2400px;position:absolute;left:50%;top:50%;margin-left:-1920px;margin-top:-1200px;}
|
||
#jtopo > div > a{position:absolute;right:0;top:0;margin:0.5vw;padding:0.2vw;cursor:pointer;display:table;width:auto;height:auto;color:#145bcc;font-size:1.125rem;}
|
||
#jtopo > div > a:hover{color:#F32345;}
|
||
#jtopo > div > a.show{margin-right:4vw;}
|
||
|
||
#jtopo dl{position:absolute;left:0;top:0;min-width:115.2px;padding:0 5px;background:#fff;box-shadow:0 0 5px #333;}
|
||
#jtopo > dl.unactive{display:none !important;}
|
||
#jtopo dl dd{width:100%;height:23.04px;overflow:hidden;}
|
||
#jtopo dl dd a{display:block;width:100%;height:23.04px;line-height:23.04px;text-align:center;font-size:14px;color:#444;cursor:default;}
|
||
#jtopo dl dd a.disabled{color:#999 !important;background:#fff !important;}
|
||
#jtopo dl dd:hover > a{background:#35393d;color:#eee;}
|
||
|
||
#jtopo ul.linetype{width:2.4vw;height:7.2vw;position:absolute;right:0;top:50%;margin-top:-3.6vw;margin-right:0.5vw;box-shadow:0 0 5px #333;background:#fff;}
|
||
#jtopo ul.linetype li{width:2.4vw;height:2.4vw;}
|
||
#jtopo ul.linetype li a{width:2.2vw;height:2.2vw;padding:0.1vw;display:block;cursor:pointer;}
|
||
#jtopo ul.linetype li:nth-of-type(1) a{background:url(../images/netTopo/polyline_1_a.png) center no-repeat;background-size:100%;}
|
||
#jtopo ul.linetype li:nth-of-type(2) a{background:url(../images/netTopo/polyline_2_a.png) center no-repeat;background-size:100%;}
|
||
#jtopo ul.linetype li:nth-of-type(3) a{background:url(../images/netTopo/polyline_3_a.png) center no-repeat;background-size:100%;}
|
||
#jtopo ul.linetype li.selected{background:#35393d;}
|
||
#jtopo ul.linetype li.selected:nth-of-type(1) a{background:url(../images/netTopo/polyline_1_b.png) center no-repeat;background-size:100%;}
|
||
#jtopo ul.linetype li.selected:nth-of-type(2) a{background:url(../images/netTopo/polyline_2_b.png) center no-repeat;background-size:100%;}
|
||
#jtopo ul.linetype li.selected:nth-of-type(3) a{background:url(../images/netTopo/polyline_3_b.png) center no-repeat;background-size:100%;}
|
||
#jtopo ul.linetype li:hover{background:#35393d;}
|
||
#jtopo ul.linetype li:nth-of-type(1):hover a{background:url(../images/netTopo/polyline_1_b.png) center no-repeat;background-size:100%;}
|
||
#jtopo ul.linetype li:nth-of-type(2):hover a{background:url(../images/netTopo/polyline_2_b.png) center no-repeat;background-size:100%;}
|
||
#jtopo ul.linetype li:nth-of-type(3):hover a{background:url(../images/netTopo/polyline_3_b.png) center no-repeat;background-size:100%;}
|
||
|
||
#level{position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
|
||
#level > div{width:18vw;height:100%;margin:0 auto;position:relative;}
|
||
#level > div > div{width:18vw;height:10vw;position:absolute;left:50%;top:50%;margin-left:-5vw;margin-top:-5vw;background-color:#fff;}
|
||
#level > div > div > div:first-child{background:#35393d;width:18vw;height:2vw;line-height:2vw;}
|
||
|
||
#level > div > div > div h3{padding:0;margin:0;padding-left:0.5vw;font-size:1rem;color:#eee;font-size:1rem;display:table-cell;width:auto;float:left;}
|
||
#level > div > div > div:first-child span{color:#eee;display:table-cell;float:right;padding-right:0.5vw;width:auto;cursor:pointer;}
|
||
#level > div > div > div:last-child{width:17vw;margin:2.5vw 0.5vw;height:auto;display:table;text-align:center;font-size:1rem;color:#444;}
|
||
#level > div > div > div:last-child span{display:inline-block;}
|
||
#level > div > div > div:last-child *{vertical-align:middle;}
|
||
|
||
#levelList{width:30vw;height:31vw;position:absolute;top:50%;left:50%;margin-left:-15vw;margin-top:-15.5vw;background:#fff;box-shadow:0 0 5px #333;z-index:2017;}
|
||
#levelList > div:nth-of-type(1){background:#35393d;width:30vw;height:2vw;line-height:2vw;cursor:move;}
|
||
#levelList > div h3{padding:0;margin:0;width:100%;text-align:center;color:#eee;font-size:1rem;}
|
||
#levelList > div h3 a{float:right;color:#eee;margin-right:0.5vw;cursor:pointer;}
|
||
#levelList > div:nth-of-type(2){width:30vw;height:28vw;overflow-y:auto;background:#fff;overflow-x:hidden;}
|
||
#levelList > div:nth-of-type(2) table{width:100%;color:#444;font-size:1rem;}
|
||
#levelList > div:nth-of-type(2) table tr:nth-of-type(even){color:#eee;background:#999;cursor:default;}
|
||
#levelList > div:nth-of-type(2) table tr:nth-of-type(odd){color:#eee;background:#666;cursor:default;}
|
||
#levelList > div:nth-of-type(2) table tr td{height:2vw;line-height:2vw;}
|
||
#levelList > div:nth-of-type(2) table tr td:nth-of-type(odd){width:40%;text-align:right;}
|
||
#levelList > div:nth-of-type(2) table tr td:nth-of-type(even){width:10%;text-align:left;}
|
||
#levelList > div:nth-of-type(2) table tr td span{display:inline-block;}
|
||
#levelList > div:nth-of-type(2) table tr td *{vertical-align:middle;}
|
||
#levelList > div:nth-of-type(3){width:30vw;height:1vw;background:#35393d;}
|
||
|
||
.ui-draggable-dragging{z-index:2016;}
|
||
|
||
.unactive{display:none !important;}
|
||
/* body {
|
||
margin: auto;
|
||
background: rgb(7, 105, 173);
|
||
font-family: <><CEA2><EFBFBD>ź<EFBFBD>;
|
||
font-size: 14px;
|
||
}
|
||
*/
|
||
* {
|
||
padding: 0px;
|
||
margin: 0px;
|
||
}
|
||
|
||
h1, h2, h3, h4, h5, h6 {
|
||
font-weight: 700;
|
||
font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 2em;
|
||
margin: 0 0 0.33em;
|
||
}
|
||
|
||
ol, ul, li {
|
||
list-style: none;
|
||
}
|
||
|
||
/* ҳü<D2B3><C3BC>ҳ<EFBFBD><D2B3>-- <20><>ʼ*/
|
||
#global-nav {
|
||
height: 34px;
|
||
/*background: url(../img/jq-global-nav.png) repeat-x 0 bottom #1B1B1B;*/
|
||
/*border-bottom: 1px solid #7ACEF4;*/
|
||
}
|
||
|
||
/* <20><><EFBFBD>а<EFBFBD>װ<EFBFBD><D7B0> */
|
||
.wrap_div {
|
||
width: 1240px;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
}
|
||
|
||
.wrap_div .head_nav {
|
||
height: 100px;
|
||
width: 100%;
|
||
}
|
||
|
||
.wrap_div .head_nav h2.logo a {
|
||
width: 243px;
|
||
background: url(../img/logo-jtopo.png) no-repeat;
|
||
}
|
||
|
||
.wrap_div h2.logo a {
|
||
float: left;
|
||
display: block;
|
||
height: 66px;
|
||
overflow: hidden;
|
||
text-indent: -1000px;
|
||
}
|
||
|
||
/* <20><><EFBFBD><EFBFBD> */
|
||
.head_nav_second {
|
||
width: 100%;
|
||
height: 53px;
|
||
background-color: rgba(0, 0, 0, 0.18);
|
||
border-radius: 10px 10px 0 0;
|
||
border-right: 1px solid rgba(2, 2, 2, 0.28);
|
||
border-left: 1px solid rgba(2, 2, 2, 0.28);
|
||
border-top: 1px solid rgba(250, 250, 250, 0.27);
|
||
-webkit-box-shadow: 0 0 3px rgba(1, 1, 1, 0.7);
|
||
box-shadow: 0 0 5px rgba(1, 1, 1, 0.7);
|
||
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999');
|
||
}
|
||
|
||
.head_nav_second .menu {
|
||
margin: 0;
|
||
float: left;
|
||
width: 70%;
|
||
margin-top: 16px;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.head_nav_second .menu li {
|
||
float: left;
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
margin-right: 2px;
|
||
list-style-image: none;
|
||
}
|
||
|
||
.head_nav_second .menu li a {
|
||
color: #FFF;
|
||
text-decoration: none;
|
||
padding: 6px 10px;
|
||
border: 1px solid rgba(0, 0, 0, 0);
|
||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76);
|
||
}
|
||
|
||
.head_nav_second .menu li a:hover {
|
||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1) 0 1px 0;
|
||
}
|
||
|
||
.active {
|
||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1) 0 1px 0;
|
||
}
|
||
|
||
/* ҳ<><D2B3> */
|
||
.footer {
|
||
height: 120px;
|
||
/*background-image: url(../img/bg-footer-noise.jpg);*/
|
||
background-repeat: repeat-x, repeat;
|
||
}
|
||
|
||
/* ҳü<D2B3><C3BC>ҳ<EFBFBD><D2B3>-- <20><><EFBFBD><EFBFBD>*/
|
||
|
||
/* <20><>ҳ--- <20><>ʼ*/
|
||
/* <20><><EFBFBD><EFBFBD>չʾ */
|
||
.head_nav_thrid {
|
||
height: 243px;
|
||
width: 100%;
|
||
float: left;
|
||
background-image: url(../img/dark-grey-tile.png);
|
||
line-height: 20px;
|
||
color: #666;
|
||
}
|
||
|
||
.head_nav_thrid h3 {
|
||
color: #7ACEF4;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
|
||
.head_nav_thrid p {
|
||
font-size: .8em;
|
||
line-height: 1em;
|
||
padding: 0;
|
||
}
|
||
|
||
.features {
|
||
padding-left: 100px;
|
||
padding-top: 20px;
|
||
padding-right: 40px;
|
||
}
|
||
|
||
.feature-box {
|
||
float: left;
|
||
width: 200px;
|
||
margin-right: 50px;
|
||
}
|
||
|
||
.features-box p {
|
||
font-size: .8em;
|
||
line-height: 1em;
|
||
padding: 0;
|
||
}
|
||
|
||
.feature-download span.download {
|
||
float: none;
|
||
background: url('../img/download.png') 0px 0px;
|
||
width: 44px;
|
||
height: 37px;
|
||
display: inline-block;
|
||
margin-right: 0.5em;
|
||
}
|
||
|
||
.feature-download {
|
||
width: 350px;
|
||
height: 138px;
|
||
float: right;
|
||
}
|
||
|
||
.downbutton {
|
||
text-align: center;
|
||
text-decoration: none;
|
||
line-height: 0.8em;
|
||
padding: 0 0 .5em 0;
|
||
font-size: 2em;
|
||
display: block;
|
||
color: #FFF !important;
|
||
width: 100%;
|
||
height: 90px;
|
||
background-color: #D18F4F;
|
||
}
|
||
|
||
.downbutton div {
|
||
padding-top: 20px;
|
||
}
|
||
|
||
.feature-download .more {
|
||
text-align: left;
|
||
}
|
||
|
||
.feature-download .more a {
|
||
color: #B3B3B3;
|
||
}
|
||
|
||
.center-txt {
|
||
color: #CCC;
|
||
text-align: center !important;
|
||
}
|
||
|
||
.feature-box-image {
|
||
margin: 0 auto 1em auto;
|
||
width: 120px;
|
||
height: 107px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.lightweight-footprint .feature-box-image {
|
||
background: url('../img/feature-sprites.png') 0px 0px no-repeat;
|
||
}
|
||
|
||
.css3-compliant .feature-box-image {
|
||
background: url('../img/feature-sprites.png') -139px 0px no-repeat;
|
||
}
|
||
|
||
.cross-browser .feature-box-image {
|
||
background: url('../img/feature-sprites.png') -278px 0px no-repeat;
|
||
}
|
||
|
||
/* <20><>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD> */
|
||
.main_content {
|
||
text-align: left;
|
||
height: 1400px;
|
||
background-color: white;
|
||
border-right: 1px solid rgba(2, 2, 2, 0.28);
|
||
border-left: 1px solid rgba(2, 2, 2, 0.28);
|
||
border-top: 1px solid rgba(250, 250, 250, 0.27);
|
||
-webkit-box-shadow: 0 0 3px rgba(1, 1, 1, 0.7);
|
||
box-shadow: 0 0 5px rgba(1, 1, 1, 0.7);
|
||
}
|
||
|
||
.main_content .intro_div {
|
||
float: left;
|
||
width: 827px;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 1.5em;
|
||
margin: 0 0 0.5em;
|
||
}
|
||
|
||
.main_content h2 {
|
||
text-align: left;
|
||
font-size: 20px;
|
||
line-height: 20px;
|
||
color: #333;
|
||
margin-bottom: 10px;
|
||
padding: 10px 2%;
|
||
background: url(../img/gauze.png) #ECECEC;
|
||
text-shadow: 0 1px 0 #FFF;
|
||
}
|
||
|
||
.main_content .section {
|
||
margin-top: 15px;
|
||
margin-left: 22px;
|
||
}
|
||
|
||
.main_content .resources_div {
|
||
margin: 20px 0px 0px 20px;
|
||
float: right;
|
||
width: 380px;
|
||
height: 369px;
|
||
}
|
||
|
||
.main_content .resources_div ul li {
|
||
padding-bottom: 5px;
|
||
padding-top: 5px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
list-style-type: none;
|
||
background: url(../img/bullet.png) no-repeat 0 10px;
|
||
}
|
||
|
||
.main_content .resources_div a {
|
||
color: #B24926;
|
||
}
|
||
|
||
/* DemoͼƬ */
|
||
.brief-look {
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
|
||
.demo-pic {
|
||
}
|
||
|
||
.demo-pic li {
|
||
float: left;
|
||
margin: 10px 60px 0px 30px;
|
||
border: 1px solid gray;
|
||
background-color: white;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.demo-pic img {
|
||
width: 200px;
|
||
height: 130px;
|
||
border: 2px solid white;
|
||
}
|
||
|
||
.demo-pic img:hover {
|
||
border: 2px solid #ECD10F;
|
||
}
|
||
|
||
/* <20><>ҳ --- <20><><EFBFBD><EFBFBD>*/
|
||
|
||
/* api/demo չʾ <20><>ʼ*/
|
||
.content {
|
||
background-color: white;
|
||
min-height: 500px;
|
||
}
|
||
|
||
.content .clear {
|
||
clear: both;
|
||
}
|
||
|
||
.content .left {
|
||
padding: 20px;
|
||
text-align: left;
|
||
float: left;
|
||
width: 297px;
|
||
}
|
||
|
||
.content .left ol, ul {
|
||
padding: 0;
|
||
}
|
||
|
||
.content .left li {
|
||
padding-left: 20px;
|
||
line-height: 15px;
|
||
list-style-type: none;
|
||
background: url(../img/bullet.png) no-repeat 0 14px;
|
||
text-shadow: 0 1px 0 #ffffff;
|
||
}
|
||
|
||
.content .left li a {
|
||
color: #4d4d4d;
|
||
text-decoration: none;
|
||
padding: 8px 0;
|
||
display: block;
|
||
}
|
||
|
||
/* <20>Ҳ<EFBFBD> */
|
||
.content .right {
|
||
float: right;
|
||
width: 900px;
|
||
text-align: left;
|
||
padding-top: 5px;
|
||
}
|
||
|
||
.content .right h1 {
|
||
font-size: 36px;
|
||
line-height: 36px;
|
||
}
|
||
|
||
.content .right hr {
|
||
background-image: url(../img/gauze.png);
|
||
height: .75em;
|
||
border: none;
|
||
margin: .75em 0;
|
||
}
|
||
|
||
.content .right article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
|
||
display: block;
|
||
}
|
||
|
||
.content .right .hentry {
|
||
padding: 10px 20px;
|
||
margin: 15px 0;
|
||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||
border-radius: 5px;
|
||
background-color: #eee;
|
||
position: relative;
|
||
}
|
||
|
||
.content .right .entry-title a {
|
||
font-size: 20px;
|
||
text-shadow: 0 1px 1px #fff;
|
||
text-decoration: none;
|
||
color: #0769AD;
|
||
}
|
||
|
||
.content .right .category {
|
||
padding: 4px;
|
||
background-color: #ddd;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.content .right .entry-meta {
|
||
float: right;
|
||
color: #999;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.content .right .entry-meta .category a {
|
||
color: #888;
|
||
text-decoration: none;
|
||
}
|
||
|
||
/* api demo չʾ---<2D><><EFBFBD><EFBFBD> */
|
||
@media (min-width: 992px) {
|
||
.col-md-8 {
|
||
width: 66.66666666666666%;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 992px) {
|
||
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
|
||
float: left;
|
||
}
|
||
|
||
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
|
||
position: relative;
|
||
min-height: 1px;
|
||
padding-right: 15px;
|
||
padding-left: 15px;
|
||
}
|
||
|
||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||
.jtopo_toolbar {
|
||
padding-left: 20px;
|
||
background-color: rgb(216, 231, 242);
|
||
width: 810px;
|
||
height: 28px;
|
||
padding-top: 7px;
|
||
"
|
||
}
|
||
}
|
||
@charset "utf-8";
|
||
/* CSS Document */
|
||
html,body{width:100%;margin:0;border:0;padding:0;min-width:1280px;font-family:<EFBFBD><EFBFBD><EFBFBD>ź<EFBFBD>;}
|
||
|
||
.disable_select
|
||
{
|
||
moz-user-select: -moz-none;
|
||
-moz-user-select: none;
|
||
-o-user-select:none;
|
||
-khtml-user-select:none;
|
||
-webkit-user-select:none;
|
||
-ms-user-select:none;
|
||
user-select:none;
|
||
}
|
||
|
||
img{display:block;}
|
||
a{text-decoration:none;}
|
||
input:focus{outline:none;}
|
||
.gradient{
|
||
background: -moz-linear-gradient(top, #e5e5e5 0%, #dddddd 100%);
|
||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#dddddd));
|
||
background: -webkit-linear-gradient(top, #e5e5e5 0%,#dddddd 100%);
|
||
background: -o-linear-gradient(top, #e5e5e5 0%,#dddddd 100%);
|
||
background: -ms-linear-gradient(top, #e5e5e5 0%,#dddddd 100%);
|
||
background: linear-gradient(to bottom, #e5e5e5 0%,#dddddd 100%);
|
||
}
|
||
|
||
header{width:100%;height:50px;box-shadow:0 0 3px #999;text-align:center;position:relative;z-index:111;}
|
||
header a{display:block;height:100%;width:100%;cursor:pointer;font-size:14px;}
|
||
header nav ul{list-style:none;margin:0;padding:0;}
|
||
header nav ul > li{height:50px;overflow:hidden;float:left;}
|
||
header nav > ul > li:hover{overflow:visible !important;}
|
||
header nav ul > li.main{width:258px;}
|
||
header nav ul > li.main > a{background:#0083ce url(../../images/cybertron/cyber-logo.png) center no-repeat;}
|
||
|
||
header nav ul > li.main > div{width:100%;display:table;line-height:50px;background:rgba(0,0,0,0.8);text-align:left;}
|
||
header nav ul > li.main > div ul{width:100%;display:table;}
|
||
header nav ul > li.main > div > ul > li{width:100%;position:relative;border-bottom:1px solid #000;}
|
||
header nav ul > li.main > div > ul > li a{text-Indent:45px;}
|
||
header nav ul > li.main > div > ul > li > a{width:190px;padding:0 34px;position:relative;}
|
||
header nav ul > li.main > div > ul > li.cmain > a{background: url(../../images/cybertron/list_home01.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.cmain > a:hover{background:rgba(0,0,0,0.9) url(../../images/cybertron/list_home02.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.cview > a{background:url(../../images/cybertron/list_view01.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.cview > a:hover{background:rgba(0,0,0,0.9) url(../../images/cybertron/list_view02.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.cevent > a{background:url(../../images/cybertron/list_alarm01.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.cevent > a:hover{background:rgba(0,0,0,0.9) url(../../images/cybertron/list_alarm02.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.corder > a{background:url(../../images/cybertron/list_order01.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.corder > a:hover{background:rgba(0,0,0,0.9) url(../../images/cybertron/list_order02.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.csetting > a{background:url(../../images/cybertron/list_set01.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.csetting > a:hover{background:rgba(0,0,0,0.9) url(../../images/cybertron/list_set02.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.creport > a{background:url(../../images/cybertron/list_report01.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div > ul > li.creport > a:hover{background:rgba(0,0,0,0.9) url(../../images/cybertron/list_report02.png) 34px center no-repeat;}
|
||
header nav ul > li.main > div li li{width:190px;padding:0 34px;}
|
||
|
||
|
||
header nav ul > li.main > div > ul > li div{height:50px;width:100%;overflow:hidden;}
|
||
header nav ul > li.main > div > ul > li.active{display:table;}
|
||
header nav ul > li.main > div > ul > li.active div{display:table;}
|
||
header nav ul > li.main > div > ul > li.active div > ul{display:table;}
|
||
|
||
header nav ul > li.main > div a{display:block;width:100%;height:50px;color:#acaba7;}
|
||
header nav ul > li.main > div > ul > li > a:hover{color:#0083ce;}
|
||
header nav ul > li.main > div > ul > li li:hover{background:rgba(0,0,0,0.9);}
|
||
header nav ul > li.main > div > ul > li > div > ul > li{border-top:1px solid #444;}
|
||
|
||
|
||
header nav ul > li.home,header nav ul > li.alarm,header nav ul > li.view{width:50px;border-right:1px solid #ccc;}
|
||
header nav ul > li.home > a{background:url(../../images/cybertron/nav_home01.png) center no-repeat;}
|
||
header nav ul > li.home > a:hover{background:#6fb3e0 url(../../images/cybertron/nav_home02.png) center no-repeat;}
|
||
header nav ul > li.alarm > a{background:url(../../images/cybertron/nav_all01.png) center no-repeat;position:relative;}
|
||
header nav ul > li.alarm > a i{display:block;font-style:normal;position:absolute;width:30px;border-radius:8px;text-align:center;font-size:12px;left:19px;top:4px;background:#e60012;color:#eee;}
|
||
header nav ul > li.alarm > a:hover{background:#6fb3e0 url(../../images/cybertron/nav_all02.png) center no-repeat;}
|
||
header nav ul > li.view > a{background:url(../../images/cybertron/nav_view01.png) center no-repeat;}
|
||
header nav ul > li.view > a:hover{background:#6fb3e0 url(../../images/cybertron/nav_view02.png) center no-repeat;}
|
||
header nav ul > li.system{width:136px;}
|
||
header nav ul > li.system > a{color:#666;line-height:50px;}
|
||
header nav ul > li.system > a i{display:inline-block;width:15px;height:6px;background:url(../../images/cybertron/nav_down01.png) right center no-repeat;}
|
||
header nav ul > li.system > a:hover{color:#0083ce;}
|
||
header nav ul > li.system > a:hover i{background:url(../../images/cybertron/nav_down02.png) right center no-repeat;}
|
||
header nav ul > li.system div{width:408px;display:table;margin-left:-136px;background:#e5e5e5;border-top:1px solid #e5e5e5;}
|
||
header nav ul > li.system div ul{width:408px;display:table;}
|
||
header nav ul > li.system div li{width:136px;height:50px;line-height:50px;background:#e5e5e5;}
|
||
header nav ul > li.system div li a{display:block;width:100%;height:100%;color:#666;}
|
||
header nav ul > li.system div li a:hover{background:#0083ce;color:#eee;}
|
||
|
||
header nav ul > li.view div{width:408px;display:table;margin-left:-161px;border-top:1px solid #e5e5e5;}
|
||
header nav ul > li.view div ul{width:408px;display:table;}
|
||
header nav ul > li.view div li{width:136px;height:50px;line-height:50px;background:#e5e5e5;}
|
||
header nav ul > li.view div li a{display:block;width:100%;height:100%;color:#666;}
|
||
header nav ul > li.view div li a:hover{background:#0083ce;color:#eee;}
|
||
|
||
header nav ul > li.user{float:right !important;color:#666;}
|
||
header nav ul > li.user > a{color:#0083ce;display:table-cell !important;font-weight:bold;padding:0 10px;line-height:50px;}
|
||
header nav ul > li.user > a i{display:inline-block;width:18px;height:20px;padding-right:8px;background:url(../../images/cybertron/nav_admin.png) left center no-repeat;}
|
||
header nav ul > li.user > a i,header nav ul > li.user > a span{vertical-align:middle;}
|
||
|
||
header nav ul > li.more{float:right !important;width:50px;}
|
||
header nav ul > li.more > a{background:rgba(0,0,0,0) url(../../images/cybertron/nav_set.png) center no-repeat;}
|
||
|
||
header nav ul > li.more > div{width:114px;display:none;line-height:34px;margin-left:-67px;font-size:14px;position:relative;}
|
||
header nav ul > li.more:hover > div{display:table;}
|
||
header nav ul > li.more > div:before
|
||
{
|
||
content:"";
|
||
display:block;
|
||
width:16px;
|
||
height:16px;
|
||
border:1px solid #ccc;
|
||
border-right:none;
|
||
border-bottom:none;
|
||
background:#fff;
|
||
position:absolute;
|
||
top:-8px;
|
||
left:83px;
|
||
transform:rotate(45deg);
|
||
-ms-transform:rotate(45deg); /* IE 9 */
|
||
-moz-transform:rotate(45deg); /* Firefox */
|
||
-webkit-transform:rotate(45deg); /* Safari <20><> Chrome */
|
||
-o-transform:rotate(45deg);
|
||
z-index:1;
|
||
}
|
||
header nav ul > li.more > div ul{width:100%;display:table;background:#fff;border-radius:4px;border:1px solid #ccc;position:relative;}
|
||
header nav ul > li.more > div ul li{width:100%;height:34px;}
|
||
header nav ul > li.more > div ul li a{display:block;width:100%;height:100%;cursor:pointer;color:#666;}
|
||
header nav ul > li.more > div ul li a:hover{background:#f6f5f5;color:#0083ce;}
|
||
header nav ul > li.more > div ul li:not(:last-child){border-bottom:1px solid #ccc;}
|
||
|
||
.outer {height: 100%; overflow: hidden; position: relative;width: 100%;}
|
||
.outer[class] {display: table; position: static;}
|
||
.middle {position: absolute; top: 50%;text-align:center;} /* for explorer only*/
|
||
.middle[class] {display: table-cell; vertical-align: middle; position: static;}
|
||
.inner {position: relative; top: -50%;width:100%;margin: 0 auto;}/*for explorer only */
|
||
|
||
.dataTables_length{display:none !important;}
|
||
.dataTables_filter{display:none !important;}
|
||
|
||
.overflow_text{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
@charset "utf-8";
|
||
/* CSS Document */
|
||
html{width:100%;height:100%;}
|
||
body
|
||
{
|
||
background:#fff;
|
||
min-width:1280px;
|
||
margin:0;
|
||
-webkit-box-sizing:border-box;
|
||
-moz-box-sizing:border-box;
|
||
box-sizing:border-box;
|
||
min-width:1280px;
|
||
width:100%;
|
||
height:100%;
|
||
overflow-y:hidden;
|
||
overflow-x:auto;
|
||
position:relative;
|
||
}
|
||
section.position{position:relative;z-index:99;}
|
||
section.position .path{padding:0 20px;height:44px;line-height:44px;background:#f6f5f5;}
|
||
section.position .path > label{font-size:16px;color:#666;display:inline-block;height:100%;margin-left:26px;padding-left:14px;text-Indent:2px;background:url(/image/list_set03.png) 0 16px no-repeat;background-size:14px;}
|
||
section.position .path > label a{color:#666;}
|
||
section.position .path > label a:hover{color:#145bcc;}
|
||
section.context{padding-top:94px;position:absolute;left:0;top:0;width:100%;height:100%;}
|
||
section.context .container{width:100%;height:100%;position:relative;}
|
||
section.context .container .stage{float:left;width:100%;height:100%;}
|
||
section.context .container .stage > div
|
||
{
|
||
margin:20px 443px 20px 20px;
|
||
height:calc(100% - 134px);
|
||
-moz-height:calc(100% - 134px);
|
||
-webkit-height:calc(100% - 134px);
|
||
border:1px solid #ccc;
|
||
border-radius:3px;
|
||
position:relative;
|
||
overflow:hidden;
|
||
}
|
||
|
||
|
||
section.context .container .stage > div > div{width:3840px;height:2160px;}
|
||
section.context .container .stage > div .menu{width:150px;height:30px;position:absolute;left:50%;top:10px;margin-left:-75px;box-shadow:0 0 3px #333;}
|
||
section.context .container .stage > div .port-list{position:absolute;left:300px;top:300px;width:170px;height:auto;text-align:center;line-height:26px;border:1px solid #ccc;border-radius:2px;font-size:12px;}
|
||
section.context .container .stage > div .port-list ul{list-style:none;padding:0;margin:0;}
|
||
section.context .container .stage > div .port-list ul li{height:26px;width:170px;background:#fff;}
|
||
section.context .container .stage > div .port-list ul li a{display:block;width:160px;height:26px;padding:0 5px;color:#444;cursor:pointer;}
|
||
section.context .container .stage > div .port-list ul li a:hover{background:#0083ce;color:#eee;}
|
||
section.context .container .stage > div .port-list > div:nth-of-type(1) ul li.disabled a{color:#999;background:#fff !important;}
|
||
section.context .container .stage > div .port-list > div:nth-of-type(2) ul li.disabled{display:none;}
|
||
section.context .container .stage > div .port-list > div:nth-of-type(1){display:table;width:170px;}
|
||
section.context .container .stage > div .port-list > div:nth-of-type(2){height:26px;width:170px;overflow:hidden;}
|
||
|
||
|
||
|
||
|
||
|
||
section.context .container .box{position:relative;float:right;width:443px;height:100%;margin-left:-443px;z-index:99;}
|
||
|
||
section.context .container .box > div
|
||
{
|
||
width:403px;
|
||
margin:20px ;
|
||
height:calc(100% - 134px);
|
||
-moz-height:calc(100% - 134px);
|
||
-webkit-height:calc(100% - 134px);
|
||
border:1px solid #ccc;
|
||
border-radius:3px;
|
||
position:relative;
|
||
}
|
||
section.context .container .box > div .row{width:374px;height:30px;margin:10px auto;position:relative;}
|
||
section.context .container .box > div .t3{height:calc(100% - 104px);-moz-height:calc(100% - 104px);-webkit-height:calc(100% - 104px);overflow:auto;}
|
||
section.context .container .box > div .row input[type=text]
|
||
{
|
||
border:1px solid #ccc;
|
||
height:28px;
|
||
width:372px;
|
||
text-Indent:5px;
|
||
margin:0;
|
||
padding:0;
|
||
}
|
||
section.context .container .box > div .row .mutilselect{width:372px;height:28px;border:1px solid #ccc;overflow:hidden;font-size:12px;background:#fff;cursor:pointer;}
|
||
section.context .container .box > div .row .open{display:table;}
|
||
section.context .container .box > div .row .mutilselect > a{display:block;width:342px;height:28px;padding-right:30px;text-align:center;line-height:28px;position:relative;}
|
||
section.context .container .box > div .row .mutilselect > a span{display:inline-block;padding:0 10px;width:322px;}
|
||
section.context .container .box > div .row .mutilselect > a::before
|
||
{
|
||
content:"";
|
||
display:block;
|
||
position:absolute;
|
||
left:342px;
|
||
top:0;
|
||
width:30px;
|
||
height:28px;
|
||
background:#0083ce url(/image/form_down.png) center no-repeat;
|
||
background-size:14px;
|
||
}
|
||
|
||
section.context .container .box > div .row .mutilselect ul{list-style:none;border:0;padding:0;margin:0;width:372px;border-top:1px solid #ccc;background:#f1f1f1;}
|
||
section.context .container .box > div .row .mutilselect ul li{float:left;width:93px;height:28px;line-height:28px;text-align:center;}
|
||
section.context .container .box > div .row .mutilselect ul li a{display:block;width:100%;height:100%;color:#333;}
|
||
section.context .container .box > div .row .mutilselect ul li a:hover{background:#0083ce;color:#eee;}
|
||
section.context .container .box > div .row .mutilselect ul li.selected{background:#0083ce;}
|
||
section.context .container .box > div .row .mutilselect ul li.selected a{color:#eee;}
|
||
|
||
section.context .container .box > div .row .device_list{width:100%;display:table;text-align:center;}
|
||
.device_list > div{display:inline-block;width:62px;height:82px;}
|
||
section.context .container .box > div .row .device_list > div > div{width:62px;height:62px;}
|
||
section.context .container .box > div .row .device_list > div > p{margin:0;padding:0 10px;width:42px;height:20px;line-height:20px;text-align:center;font-size:12px;}
|
||
section.context .container .box > div .row .device_list > div.hidden{display:none;}
|
||
section.context .container .box > div .row .device_list > div.droped{display:none !important;}
|
||
|
||
body > .device{display:block;width:62px;height:82px;}
|
||
body > .device > div{width:62px;height:62px;}
|
||
body > .device > p{margin:0;padding:0 10px;width:42px;height:20px;line-height:20px;text-align:center;font-size:12px;}
|
||
|
||
.unactive{display:none !important;}
|
||
|
||
|
||
|
||
|
||
|