|
@@ -644,48 +644,59 @@ img{
|
|
|
.toolbar-popover{
|
|
|
position: absolute;
|
|
|
width: 90px;
|
|
|
- height: 120px;
|
|
|
- border: 1px solid #CCCCCC;
|
|
|
- background-color: #F8F8F8;
|
|
|
- bottom: 65px;
|
|
|
+ border: 1px solid #D0D0D0;
|
|
|
+ background-color: #F9FAFA;
|
|
|
+ bottom: 60px;
|
|
|
left: 50%;
|
|
|
- margin-left: -45px;
|
|
|
+ margin-left: -50px;
|
|
|
display: none;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 4px 2px;
|
|
|
}
|
|
|
.popover-ul li{
|
|
|
- line-height: 38px;
|
|
|
- padding-left: 10px;
|
|
|
- width: 100%;
|
|
|
- text-align: left;
|
|
|
+ line-height: normal;
|
|
|
+ width: 90px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.popover-ul li div{
|
|
|
+ padding: 5px 0px;
|
|
|
+}
|
|
|
+.popover-ul li span{
|
|
|
+ display: block;
|
|
|
+ height: 1px;
|
|
|
+ width: 60px;
|
|
|
+ margin: 3px auto;
|
|
|
+ background-color: #BFBFBF;
|
|
|
}
|
|
|
.toolbar-popover .popover-arrow{
|
|
|
- bottom: -11px;
|
|
|
+ bottom: -6px;
|
|
|
left: 50%;
|
|
|
- margin-left: -11px;
|
|
|
- border-width: 11px;
|
|
|
+ margin-left: -3px;
|
|
|
border-bottom-width: 0;
|
|
|
+ border-left-width: 5px;
|
|
|
+ border-right-width: 5px;
|
|
|
+ border-top-width: 6px;
|
|
|
position: absolute;
|
|
|
border-color: transparent;
|
|
|
border-style: solid;
|
|
|
- border-top-color: #CCCCCC;
|
|
|
+ border-top-color: #D0D0D0;
|
|
|
}
|
|
|
.toolbar-popover .popover-arrow:after{
|
|
|
position: absolute;
|
|
|
- bottom: -9px;
|
|
|
- margin-left: -10px;
|
|
|
+ bottom: 1px;
|
|
|
+ margin-left: -5px;
|
|
|
content: " ";
|
|
|
border-color: transparent;
|
|
|
- border-top-color: #F8F8F8;
|
|
|
+ border-top-color: #F9FAFA;
|
|
|
border-bottom-width: 0;
|
|
|
- border-width: 10px;
|
|
|
+ border-left-width: 5px;
|
|
|
+ border-right-width: 5px;
|
|
|
+ border-top-width: 6px;
|
|
|
border-style: solid;
|
|
|
}
|
|
|
-.popover-ul li.active{
|
|
|
- background-color: #EAEAEA;
|
|
|
-}
|
|
|
-.popover-ul >li:nth-child(2){
|
|
|
- border-top:1px solid #e5e6e9;
|
|
|
- border-bottom:1px solid #e5e6e9;
|
|
|
+.popover-ul li.active>div{
|
|
|
+ background-color: #D2D2D2;
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
.toolbar-popover-mask{
|
|
|
background-color: transparent;
|