| | |
| | | .jimu-widget-LeftNavigationBar { |
| | | position: absolute !important; |
| | | /* font-size: 14px; */ |
| | | height: 0 !important; |
| | | /* height: calc(100%) !important; */ |
| | | width: 0 !important; |
| | | right: auto !important; |
| | | bottom: auto !important; |
| | | /* left: -250px !important; */ |
| | | left: 0; |
| | | top: 0 !important; |
| | | /* 240px */ |
| | | background: rgba(255, 255, 255, 1); |
| | | color: #000; |
| | | /* border : 1px solid rgba(0, 0, 0, 0.3); */ |
| | | border-radius: 6px 6px 6px 6px; |
| | | /* text-align : center; */ |
| | | /* cursor : pointer; */ |
| | | /* z-index: -10 !important; */ |
| | | box-sizing: border-box; |
| | | /* padding: 0 20px 0 20px!important; */ |
| | | /* display: flex; |
| | | position: absolute !important; |
| | | /* font-size: 14px; */ |
| | | height: 0 !important; |
| | | /* height: calc(100%) !important; */ |
| | | width: 0 !important; |
| | | right: auto !important; |
| | | bottom: auto !important; |
| | | /* left: -250px !important; */ |
| | | left: 0; |
| | | top: 0 !important; |
| | | /* 240px */ |
| | | background: rgba(255, 255, 255, 1); |
| | | color: #000; |
| | | /* border : 1px solid rgba(0, 0, 0, 0.3); */ |
| | | border-radius: 6px 6px 6px 6px; |
| | | /* text-align : center; */ |
| | | /* cursor : pointer; */ |
| | | /* z-index: -10 !important; */ |
| | | box-sizing: border-box; |
| | | /* padding: 0 20px 0 20px!important; */ |
| | | /* display: flex; |
| | | align-items: center; |
| | | justify-content: center; */ |
| | | box-shadow: 5px 5px 13px -10px rgba(0, 0, 0, .5); |
| | | transition: all 0.5s; |
| | | /* display: none; */ |
| | | box-shadow: 5px 5px 13px -10px rgba(0, 0, 0, .5); |
| | | transition: all 0.5s; |
| | | /* display: none; */ |
| | | } |
| | | |
| | | /* |
| | |
| | | }*/ |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-but { |
| | | background: #fff; |
| | | box-shadow: 0 0 8px #fff; |
| | | width: 32px; |
| | | height: 32px; |
| | | border-radius: 14%; |
| | | padding: 0; |
| | | vertical-align: middle; |
| | | z-index: 0; |
| | | box-sizing: border-box; |
| | | display: inline-block; |
| | | position: fixed; |
| | | border: 1px solid #444; |
| | | border-color: #fff; |
| | | fill: #edffff; |
| | | margin: 1px 2px; |
| | | cursor: pointer; |
| | | overflow: hidden; |
| | | user-select: none; |
| | | top: 72px; |
| | | /* left: 10px; */ |
| | | right: 10px; |
| | | z-index: 16 !important; |
| | | position: fixed; |
| | | top: 20px; |
| | | right: 10px; |
| | | z-index: 16 !important; |
| | | width: 90px; |
| | | height: 36px; |
| | | line-height: 36px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | background: rgba(254, 254, 254, 1); |
| | | font-size: 14px; |
| | | border-radius: 0 6px 6px 0; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-but img { |
| | | width: 30px; |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-but>div { |
| | | width: 100%; |
| | | height: 24px; |
| | | border-right: 1px solid #DDDDDD; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-but:hover .v-a-o-title { |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-but .v-a-o-title { |
| | | color: #838383 !important; |
| | | position: relative; |
| | | left: 3px; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-but i { |
| | | width: 14px; |
| | | height: 14px; |
| | | margin-right: 4px; |
| | | vertical-align: middle; |
| | | background: url(../../../images/目录树.png) no-repeat; |
| | | background-size: 100% 100%; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar #l-n-b-m-search-closeOUR { |
| | | position: absolute; |
| | | right: 5px; |
| | | top: 5px; |
| | | cursor: pointer; |
| | | font-size: 18px; |
| | | position: absolute; |
| | | right: 5px; |
| | | top: 5px; |
| | | cursor: pointer; |
| | | font-size: 18px; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar #l-n-b-m-search-closeOUR:hover { |
| | | color: red; |
| | | color: red; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main { |
| | | position: fixed; |
| | | width: 0px; |
| | | height: 0px; |
| | | /* height: 200px; */ |
| | | /* max-height: 1000px; */ |
| | | padding: 0px; |
| | | background-color: #fff; |
| | | z-index: 15 !important; |
| | | top: 72px; |
| | | /* left: 10px; */ |
| | | right: 60px; |
| | | /* top: 72px; */ |
| | | /* left: 60px; */ |
| | | border-radius: 5px; |
| | | box-shadow: 0 0 8px #fff; |
| | | /* transition: all 0.5s; */ |
| | | display: none; |
| | | /* border: 1px saddlebrown solid; */ |
| | | display: none; |
| | | position: fixed; |
| | | width: 0px; |
| | | height: 0px; |
| | | /* height: 200px; */ |
| | | /* max-height: 1000px; */ |
| | | padding: 0px; |
| | | background-color: #fff; |
| | | z-index: 15 !important; |
| | | top: 66px; |
| | | /* left: 10px; */ |
| | | right: 10px; |
| | | /* top: 72px; */ |
| | | /* left: 60px; */ |
| | | border-radius: 5px; |
| | | box-shadow: 0 0 8px #fff; |
| | | /* transition: all 0.5s; */ |
| | | /* border: 1px saddlebrown solid; */ |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search { |
| | | /* position: relative; */ |
| | | /* top: 16px; */ |
| | | width: calc(100% - 30px); |
| | | margin: 0 0 20px 10px; |
| | | height: 40px; |
| | | /* padding: 10px; */ |
| | | border: 1px rgba(0, 0, 0, .2) solid; |
| | | border-radius: 5px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | /* position: relative; */ |
| | | /* top: 16px; */ |
| | | width: calc(100% - 30px); |
| | | margin: 0 0 20px 10px; |
| | | height: 40px; |
| | | /* padding: 10px; */ |
| | | border: 1px rgba(0, 0, 0, .2) solid; |
| | | border-radius: 5px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input { |
| | | border: none; |
| | | width: calc(90% - 50px); |
| | | height: 30px; |
| | | border: none; |
| | | width: calc(90% - 50px); |
| | | height: 30px; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search img { |
| | | width: 35px; |
| | | cursor: pointer; |
| | | z-index: 18; |
| | | width: 35px; |
| | | cursor: pointer; |
| | | z-index: 18; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-webkit-input-placeholder { |
| | | color: #afafaf; |
| | | font-size: 14px; |
| | | color: #afafaf; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-moz-placeholder { |
| | | /* Mozilla Firefox 19+ */ |
| | | color: #afafaf; |
| | | font-size: 14px; |
| | | /* Mozilla Firefox 19+ */ |
| | | color: #afafaf; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input:-moz-placeholder { |
| | | /* Mozilla Firefox 4 to 18 */ |
| | | color: #afafaf; |
| | | font-size: 14px; |
| | | /* Mozilla Firefox 4 to 18 */ |
| | | color: #afafaf; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-ms-input-placeholder { |
| | | color: #afafaf; |
| | | font-size: 14px; |
| | | color: #afafaf; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main #left-tree-list { |
| | | /* position: relative; */ |
| | | /* top: 72px; */ |
| | | width: calc(100% - 20px); |
| | | /* height: calc(100% - 82px); */ |
| | | margin: 0 0 5px 10px; |
| | | max-height: 300px; |
| | | overflow-y: auto; |
| | | overflow-x: hidden; |
| | | /* border: 1px saddlebrown solid; */ |
| | | /* position: relative; */ |
| | | /* top: 72px; */ |
| | | width: calc(100% - 20px); |
| | | /* height: calc(100% - 82px); */ |
| | | margin: 0 0 5px 10px; |
| | | max-height: 300px; |
| | | overflow-y: auto; |
| | | overflow-x: hidden; |
| | | /* border: 1px saddlebrown solid; */ |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main #test1 { |
| | | height: calc(100% - 58px); |
| | | overflow: auto; |
| | | height: calc(100% - 58px); |
| | | overflow: auto; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .left-navigation-bar-main .layui-tree-entry { |
| | | height: auto !important; |
| | | height: auto !important; |
| | | } |
| | | |
| | | .left-navigation-bar-main-down:after { |
| | | content: ""; |
| | | position: absolute; |
| | | left: 4px; |
| | | top: 3px; |
| | | z-index: 100; |
| | | width: 0; |
| | | height: 0; |
| | | border-width: 5px; |
| | | border-style: solid; |
| | | border-color: transparent transparent transparent #c0c4cc; |
| | | /* border-color: #c0c4cc transparent transparent transparent; */ |
| | | transform: rotate(90deg); |
| | | transition: .5s; |
| | | content: ""; |
| | | position: absolute; |
| | | left: 4px; |
| | | top: 3px; |
| | | z-index: 100; |
| | | width: 0; |
| | | height: 0; |
| | | border-width: 5px; |
| | | border-style: solid; |
| | | border-color: transparent transparent transparent #c0c4cc; |
| | | /* border-color: #c0c4cc transparent transparent transparent; */ |
| | | transform: rotate(90deg); |
| | | transition: .5s; |
| | | } |
| | | |
| | | .left-navigation-bar-main-current { |
| | | background-color: #2ab9ec |
| | | background-color: #2ab9ec |
| | | } |
| | | |
| | | .layui-form-checked[lay-skin=primary] i { |
| | | background-color: #36A0FD !important; |
| | | background-color: #36A0FD !important; |
| | | } |
| | | |
| | | .layui-tree-spread .layui-tree-iconArrow:after { |
| | | border-color: #c0c4cc transparent transparent transparent !important; |
| | | border-color: #c0c4cc transparent transparent transparent !important; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .layui-tree-main { |
| | | width: calc(100% - 22px); |
| | | padding: 0; |
| | | width: calc(100% - 22px); |
| | | padding: 0; |
| | | } |
| | | |
| | | .jimu-widget-LeftNavigationBar .layui-tree-txt { |
| | | width: calc(100% - 28px); |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | width: calc(100% - 28px); |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |