ucf-fe
Version:
233 lines (221 loc) • 4.11 kB
CSS
.tabs {
height:30px;
position:fixed;
top:48px;
z-index:1;
background: #f4f4f4;
width:100%;
overflow: hidden;
min-width:1200px;
}
.ifr-tabs {
visibility: hidden;
position:absolute;
left:-1000000px;
}
.ifr-selected {
display:block;
width:100%;
visibility: visible;
position:relative;
left:0;
}
.tabs-list-box {
overflow: hidden;
transition: all 0.3s ease 0s;
}
.portal-expand.expanded .tabs-list-box {
}
.tabs-list,.tabs-list li {
list-style: none;
margin:0;
padding:0;
transition: all 0.3s ease 0s;
}
.tabs-list {
box-sizing: border-box;
height:30px;
line-height:30px;
float:left;
}
.tabs-list li {
width:110px;
float:left;
line-height:30px;
display:inline-block;
text-align: left;
transition: all 0.3s ease 0s;
border-bottom:0;
position:relative;
overflow: hidden;
height:30px;
border-right:1px solid #eee;
box-sizing: border-box;
background:#f4f4f4;
color:#666;
}
.tabs-list li:first-child{
width:44px;
text-align: center;
}
.tabs-list li.selected a {
}
.tabs-list li:hover {
background:#E5F4F0;
}
#app .tabs-list .x-close {
font-size:14px;
}
.tabs-list li:hover i.x-close {
display:block;
}
.tabs-list li.home {
}
.tabs-list li a {
color:#666;
text-decoration: none;
padding:0 10px;
display:block;
cursor: pointer;
line-height: 30px;
transition: all 0.3s ease 0s;
outline: 0;
font-size:12px;
vertical-align: middle;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.tabs-list li.selected,.tabs-list li:hover {
background:#fff;
line-height:30px;
height:30px;
overflow: hidden;
border-top:0;
border-left:0;
}
.tabs-list li:hover i.x-close {
/*color:#E60012;*/
}
.tabs-list i.x-close:hover {
color:#E60012;
}
.tabs-list li.selected a:hover {
}
.tabs-list li.home.selected {
line-height:34px;
}
.tabs-list li i {
font-size:22px;
cursor:pointer;
vertical-align: middle;
}
.tabs-list li i.x-close {
font-size:12px;
cursor: pointer;
transition: all 0.3s ease 0s;
position:absolute;
right:5px;
top:8px;
height:15px;
width:15px;
line-height:15px;
color:#ccc;
}
.scroll-tools {
position:absolute;
right:0;
top:0;
height:35px;
width:83px;
margin:0;
padding:5px 0;
}
.scroll-tools li {
display:inline-block;
transition: all 0.3s ease 0s;
}
.scroll-tools li a {
display:inline-block;
text-decoration: none;
transition: all 0.3s ease 0s;
background: rgba(0, 0, 0, 0.8);
color:#617587;
padding:3px;
height:36px;
line-height:30px;
border-radius: 4px;
outline:0;
}
.scroll-tools li a.arrow-close {
padding:0 10px;
border-left:1px solid #3b546b;
background:none;
font-size:20px;
}
.scroll-tools li a.arrow-open {
padding:0 10px;
border-left:1px solid #3b546b;
background:none;
font-size:20px;
}
.scroll-tools li a:hover {
color:#fff;
}
.tabs-close {
width: 50px;
right: 0;
}
.scroll-tools-open {
width: 50px;
}
.portalTabs-message {
background:#FFFAEB;
border:1px solid #FFE9A7;
position:fixed;
top:92px;
width:528px;
left:50%;
margin-left:-229px;
font-size:12px;
border-radius: 4px;
box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.portalTabs-message p {
margin:0;
opacity: 0.65;
text-indent:16px;
line-height:30px;
}
.portalTabs-message span {
position:absolute;
right:10px;
top:10px;
opacity: 0.43;
cursor: pointer;
}
#app .portalTabs-message .uf {
font-size:12px;
color:#FFBF00;
padding:0;
margin-right:6px;
}
.tabs-list-home {
display:inline-block;
height:30px;
width:44px;
text-align: center;
float:left;
border-right:1px solid #e2e2e2;
cursor: pointer;
}
.tabs-list-home i {
font-size:24px;
color:#ccc;
line-height: 30px;
}
#app .icon-tubiao-shouye {
font-size:20px;
}
#app .tabs-list li.selected .icon-tubiao-shouye {
}