| 1 |
- @charset "UTF-8";html,body{font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","榛戜綋",Arial,sans-serif;height:100%;background-color:#1c1c20}ul{list-style:none;margin:0;padding:0}.flex-container{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;width:100%}.flex-container section{box-sizing:border-box;padding:3px 2px;color:#eee}.flex-container section div.wrapper{width:100%;height:100%;background-color:#23262d}.flex-container section div.wrapper #chartA,.flex-container section div.wrapper #chartB,.flex-container section div.wrapper #chartC{flex:1}.secA{width:30%;height:33.3%}.secB{width:30%;height:33.3%}.secC{width:30%;height:33.3%}.secD{width:70%;height:75%}.secD .triggerMap{display:block;color:#ccc;font-size:14px;top:11px;position:absolute;right:9px;padding:3px;border:1px solid;cursor:pointer}.secD .mapGif{overflow:hidden}.secE{width:70%;height:25%}.title{font-weight:600;font-size:large;padding:8px;color:#ffe;word-spacing:8px;letter-spacing:2px}.title li{margin-right:5px;color:#4a6893;cursor:pointer}.title li.active{color:#fff}#headline{padding:3px;background-color:#0055a6;color:#fff;text-align:center;font-weight:bolder;font-size:x-large}.example{width:100%;margin:0 auto;height:100%}.example .frame{margin:0 auto;width:100%;height:100%;overflow:hidden;text-shadow:none}.example .frame ul{list-style:none;margin:0;padding:0;height:100%;color:#fff}.example .frame ul li{float:left;width:180px;height:100%;margin:0 1px 0 0;background:#eee;text-align:center;cursor:pointer;justify-content:center;display:flex;flex-direction:column;flex-wrap:wrap}.example .frame ul li:nth-child(odd){background-color:#23262d}.example .frame ul li:nth-child(even){background-color:#3f4656}.example .frame ul li.active{color:#fff;border:1px solid cyan;background-color:#3a577f}.example .frame ul li div.cellName{height:50px;line-height:50px;width:100%;font-size:larger;font-weight:bold}.example .frame ul li div.cellName span{color:red}.example .frame ul li dl{height:75px;-webkit-margin-before:0;-webkit-margin-after:0}.example .frame ul li dl dt,.example .frame ul li dl dd{padding-top:3px;padding-bottom:3px}.example .frame ul li dl dt{text-align:right;padding-right:3px}.example .frame ul li dl dd{text-align:left;padding-left:3px}
|
