| | |
| | | @import "_map-variable"; |
| | | |
| | | .leaflet-container, |
| | | html,body{ |
| | | // font-family: 'Microsoft YaHei'; |
| | | font: 12px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif; |
| | | } |
| | | /*全局设置***********/ |
| | | h1, h2, h3, h4, h5, h6, ul, li, p { |
| | | padding: 0; |
| | |
| | | .select-down { |
| | | border: none !important; |
| | | background-color: @background-color; |
| | | margin: 0; |
| | | |
| | | //.el-scrollbar{ |
| | | // |
| | |
| | | } |
| | | |
| | | /***************Company 图层 悬浮框样式。*********************************/ |
| | | .company-bindTooltip { |
| | | .company-bindTooltip{ |
| | | position: absolute; |
| | | top:0; |
| | | left: 0; |
| | | display: flex; |
| | | justify-content: center; |
| | | justify-items: center; |
| | | img{display: block;width: 30px;height: 30px;margin-left: -15px;margin-top: -15px} |
| | | ul{ |
| | | width: 120px; |
| | | margin-left: -60px; |
| | | text-align: center; |
| | | display: flex; |
| | | position: absolute; |
| | | top:20px; |
| | | left:0; |
| | | li{ |
| | | position: absolute; |
| | | top:0; |
| | | left:0; |
| | | width: 100%; |
| | | font-weight: 900; |
| | | text-shadow: 0 0 4px #fff; |
| | | color: red; |
| | | font-size: 16px; |
| | | height: 20px; |
| | | line-height: 18px; |
| | | overflow: visible; |
| | | } |
| | | } |
| | | } |
| | | /*.company-bindTooltip { |
| | | //background: @background-color-split; |
| | | background: none; |
| | | border: none; |
| | | color: red; |
| | | font-size: 16px; |
| | | font-weight: 900 !important; |
| | | text-shadow: 0 0 5px #fff; |
| | | //font-size: 16px; |
| | | box-shadow: none; |
| | | text-shadow: 0 0 5px #fff; |
| | | filter:Dropshadow(offx=1,offy=0,color=white) |
| | | Dropshadow(offx=0,offy=1,color=white) |
| | | Dropshadow(offx=0,offy=-1,color=white) |
| | | Dropshadow(offx=-1,offy=0,color=white); |
| | | box-shadow: none; |
| | | -webkit-text-stroke: 0.1px #fff; |
| | | font: 16px "Microsoft YaHei", Arial, Helvetica, sans-serif; |
| | | ul{ |
| | | position: relative; |
| | | li:not(:first-child){ |
| | | position: absolute; |
| | | top:0; |
| | | left:0; |
| | | width: 100%; |
| | | font-weight: 900; |
| | | } |
| | | li{ |
| | | text-shadow: 0 0 4px #fff; |
| | | } |
| | | } |
| | | }*/ |
| | | .company-bindTooltip:before{ |
| | | display: none; |
| | | } |
| | | |
| | | .company-bindTooltip-hover h3 { |
| | |
| | | list-style: none; |
| | | margin: 0; |
| | | padding: 0; |
| | | width: 260px; |
| | | display: flex; |
| | | //width: 260px; |
| | | //display: flex; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .company-bindTooltip-hover ul li { |
| | | margin: 0; |
| | | padding: 3px 0; |
| | | width: 50%; |
| | | //width: 50%; |
| | | } |
| | | |
| | | /*************** PublicTable 表格样式。*********************************/ |
| | |
| | | } |
| | | .el-table td, .el-table th.is-leaf { |
| | | border: none; |
| | | font-size: 0.08rem; |
| | | } |
| | | .el-table .warning-row { |
| | | background: #28304d; |
| | |
| | | |
| | | .el-table .success-row { |
| | | background: #30455f; |
| | | } |
| | | .el-table tbody tr:hover>td { |
| | | background-color:#28304d !important; |
| | | } |
| | | /***********************************************动画效果************/ |
| | | .transition{ |
| | |
| | | .icon{ |
| | | width: 20px; |
| | | margin: 0 auto; |
| | | font-size: 20px; |
| | | } |
| | | |
| | | } |
| | | } |
| | | .panel-title{ |
| | | color: @color-title; |
| | | font-size: 18px; |
| | | padding: 10px; |
| | | text-align: center; |
| | | border-bottom: 1px solid @background-color-split; |
| | | } |
| | | |
| | | .el-tabs__header .is-top { |
| | | |
| | | } |