38 lines
1.5 KiB
CSS
38 lines
1.5 KiB
CSS
|
.server {
|
||
|
|
width: 50px;
|
||
|
|
height: 270px;
|
||
|
|
position: fixed;
|
||
|
|
top: 50%;
|
||
|
|
right: 0;
|
||
|
|
z-index: 888888;
|
||
|
|
}
|
||
|
|
.server ul{
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.server ul li{
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 8px;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
background: rgba(0,0,0,0.7);
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.server ul li:hover{
|
||
|
|
background: rgba(0,0,0,1);
|
||
|
|
}
|
||
|
|
.server ul li img{
|
||
|
|
margin: 10px 0 0 0;
|
||
|
|
}
|
||
|
|
.server .list{width:180px; height:50px; line-height:50px;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; -moz-border-radius:0.2em; -webkit-border-radius:0.2em;-ms-border-radius:0.2em;-o-border-radius:0.2em; border-radius:0.2em; text-align:center;}
|
||
|
|
.server .list .sanjiao{width:12px; height:12px; background:#fff; position:absolute; top:18px; right:-5px; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
|
||
|
|
.server .erlist{background:#343434; position:absolute; top:2px; right:60px; width:95px; height:95px;}
|
||
|
|
.server .erlist img{ height:90%; margin: 4.5px;}
|
||
|
|
.server .erlist .sanjiao{ background-color:#343434;z-index:-1; }
|
||
|
|
.server .tellist img{float:left; padding:9px 5px 0 45px;}
|
||
|
|
.server .tellist{background:#343434; color:#fff;letter-spacing:0.05em; position:absolute; top:105px; right:60px; font-size:20px;}
|
||
|
|
.server .tellist .sanjiao{ background:#343434;z-index:-1; }
|