From 2fe250ece8de95b3f70172fe5b45793ab6a3084a Mon Sep 17 00:00:00 2001 From: D:/workspace/chenjingjing/git/gx_tieta/gx_tieta/.gitignore <chenjingjing@LAPTOP-E51P2139> Date: 星期五, 18 一月 2019 17:30:50 +0800 Subject: [PATCH] 未审批可更改 --- gx_tieta/WebRoot/css/index_layout.css | 192 +++++++++++++++++++++++++++++------------------ 1 files changed, 118 insertions(+), 74 deletions(-) diff --git a/gx_tieta/WebRoot/css/index_layout.css b/gx_tieta/WebRoot/css/index_layout.css index bd91bbc..50163f3 100644 --- a/gx_tieta/WebRoot/css/index_layout.css +++ b/gx_tieta/WebRoot/css/index_layout.css @@ -6,6 +6,7 @@ width:100%; } #content .nav-map { + position: relative; display: table; width: 80%; height: 500px; @@ -24,9 +25,16 @@ width: 100%; height: 100%; } + +.map-status-container { + position: absolute; + top: 10px; + left: 10px; + z-index: 99; +} + /*鏄剧ず涓浗鍜屼腑鍥藉悇鐪侊紙琛屾斂鍖猴紝鐩磋緰甯傦級鐨勫湴鍥�*/ #content .china-map{ - display: table-cell; width: auto; height:100%; min-height: 200px; @@ -37,6 +45,7 @@ /*鏁呴殰鍜屽憡璀﹂ゼ鐘跺浘*/ #content .pie-con{ float:right; + position: relative; width:20%; background-color:#F3F0F0; border-top:#ddd; @@ -64,6 +73,21 @@ width:100%; height:100px; background-color:#F3F0F0; +} + +.pie-conf { + position: absolute; + top: 2px; + right: 8px; + z-index: 99; +} +.pie-conf .pie-btn { + color: #bbbbbb; + font-size: 18px; + cursor: pointer; +} +.pie-conf .pie-btn:hover { + color: #000000; } /*鎴戠殑浣滀笟*/ #content .my-work{ @@ -384,7 +408,7 @@ height: 100%; background-color: #ccc; border-right: 4px dotted #aaa; - + vertical-align: top; } .side-bar.abs { @@ -400,81 +424,11 @@ z-index: 999999; } .side-bar .lside{ + position: absolute; width: 100%; height: 100%; + top: 0; background: white; - overflow-x: auto; - overflow-y: auto; - position: relative; -} -.lside a { - text-decoration: none; - color: #000; -} -.lside>ul{ - width: 100%; - position:absolute; - margin-bottom: 30px; -} -.lside>ul>li>a{ - display:block; - color:black; - font-size: 16px; - padding:12px 5px; - white-space: nowrap; -} -.lside>ul>li>ul{ - display:none; - } -.lside>ul>li>ul>li>a{ - display:block; - font-size: 14px; - padding:10px 20px; - white-space: nowrap; -} -.lside>ul>li>ul>li>ul{ - display:none; -} -.lside>ul>li>ul>li>ul>li>a{ - display:block; - font-size: 12px; - padding:10px 10px 10px 40px; - white-space: nowrap; -} - -.arrow{ - display: block; - float: left; - width:20px; - height:20px; - margin-left:10px; - margin-right:10px; - background:url(../image/arrow_u.png) no-repeat 3px 5px; - background-color:black; -} -.down{ - display: block; - float: left; - width:20px; - height:20px; - margin-left:10px; - margin-right:10px; - background:url(../image/arrow_d.png) no-repeat 3px 6px; - background-color:black; -} - -.mark{ - display: block; - float: left; - font-size: 16px; - width:20px; - height:20px; - margin-left:10px; - margin-right:10px; - text-align:center; - line-height: 20px; - color:white; - background-color: black; } .map-stats-img { @@ -496,3 +450,93 @@ .item-timeout { /* color: blue !important; */ } + +.map-info-panel-left { + position: absolute; + top: 10px; + left: 10px; + z-index: 10; + background-color: #FFFFFF; + border: 1px solid #cccccc; +} +.map-info-panel-content { + position: relative; +} + +.map-info-panel-content .map-info { + padding: 0 10px; + line-height: 30px; + text-align: center; + background-color: #CDDCFA; + border-bottom: 1px solid #CCCCCC; + cursor: pointer; +} +.map-info-panel-content .map-info .k-point { + font-weight: bold; +} +.map-info-btn-icon { + float: right; + margin-right: 10px; + font-size: 18px; + vertical-align: middle; + cursor: pointer; +} +.map-info-btn-icon:hover { + color: #1495E7; +} + +.map-info-detail { + display: none; +} +.map-info-detail table { + width: 100%; + margin-top: 8px; + margin-bottom: 8px; +} +.map-info-detail table caption { + text-indent: 1em; +} +.map-info-detail table td { + padding: 4px 0; +} +.map-info-detail table select, .map-info-detail table input[type="text"] { + width: 96%; + height: 24px; + border: 1px solid #CCCCCC; +} +.map-info-detail table input[type="radio"] { + vertical-align: middle; +} +.map-info-footer { + padding: 8px 0; + border-top: 1px solid #CCCCCC; +} +.map-info-footer button, .btn-container button { + padding:6px 20px; + border: 1px solid #c1c1c1; + background: #FFFFFF; + background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4)); + background: -o-linear-gradient(top, #ffffff, #f4f4f4); + background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); + background: linear-gradient(top, #ffffff, #f4f4f4); + color: #555; +} +.map-info-footer button:hover, .btn-container button:hover { + background: #f4f4f4; + color: #555; +} + + + +#mapImgDesc span { + line-height: 30px; + margin-left: 6px; + margin-right: 8px; +} + +#mapImgDesc img{ + width: 22px; + height: 22px; + margin-right: 8px; + vertical-align: middle; +} \ No newline at end of file -- Gitblit v1.9.1