全站通知:
用户:10977852/navigate.css
刷
历
编
跳到导航
跳到搜索
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
#navigationFrame {
background: #F6F0E4;
border: 2px solid #C4BFB9;
border-radius: 6px;
padding: 10px;
overflow: hidden;
width: 100%;
margin-top: 20px;
}
#navigationFrame .navigationTitle {
padding: 10px 0 20px 0;
color: #37475E;
text-align: center;
width: 100%;
font-weight: bolder;
font-size: 16px;
}
#navigationFrame .tab-panel,
.chooseSpecial {
height: auto;
padding: 10px 20px;
color: #9499A4;
width: 140px;
text-align: center;
background: #FCFBF7;
border-radius: 6px;
font-weight: bold;
box-shadow: 0 1px 3px #BFBFBF;
}
#navigationFrame .resp-tabs-list,
.chooseSpecial {
margin-bottom: 6px !important;
border: none;
}
#navigationFrame li {
float: left;
margin-right: 8px;
background: none;
border: none !important;
}
#navigationFrame .active .tab-panel,
#navigationFrame .tab-panel:hover,
.chooseSpecial {
color: #37475E;
background: #FFF;
box-shadow: 0 1px 3px #BFBFBF inset;
}
#navigationFrame .resp-tabs-container,
.boxSpecial {
background: #FFF;
padding: 10px;
border-radius: 5px;
margin-bottom: 12px;
}
#navigationFrame i {
width: 95px;
height: 0;
}
#navigationFrame .resp-tab-case {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
@media only screen and (max-width:759px) {
#navigationFrame .resp-tabs-list {
white-space: normal;
overflow-x: auto;
}
#navigationFrame .resp-tab-case {
display: flex;
flex-direction: column;
align-content: flex-start;
flex-wrap: wrap;
height: 468px;
overflow-y: auto;
}
#navigationFrame i {
width: 0;
height: 117px;
}
}
#navigationFrame .g {
width: 85px;
height: 103px;
margin: 7px 5px;
border-radius: 5px;
box-shadow: 0 1px 3px #BFBFBF;
position: relative;
display: inline-block;
}
#navigationFrame .T {
position: absolute;
top: 5px;
left: 6%;
width: 94%;
height: 11px;
background: no-repeat;
background-size: contain;
}
#navigationFrame .L {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color: #495366;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bolder;
text-align: center;
font-size: 13px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
padding-top: 30px;
}
#navigationFrame .C4,
#navigationFrame .C4星 {
background: linear-gradient(180deg, #565382 0%, #896BA7 100%);
}
#navigationFrame .C5,
#navigationFrame .C5星 {
background: linear-gradient(180deg, #865A2E 0%, #B2732B 100%);
}
#navigationFrame .g>a {
color: transparent;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
#navigationFrame .g img {
border-radius: 5px 5px 0 0;
}
#navigationFrame .P {
background-color: #3E4556;
border-radius: 18px;
min-height: 140px;
width: 340px;
padding: 15px 20px;
}
#navigationFrame .T1 {
background-position: center bottom;
background-repeat: no-repeat;
background-size: 240px;
font-size: 14px;
font-weight: bolder;
color: #D3BC8E;
text-align: center;
padding-bottom: 14px;
margin-bottom: 7px;
}
#navigationFrame .B {
color: #FFF;
font-size: 12px;
}
#navigationFrame .B>.f1 {
color: #D3BC8E;
font-weight: bolder;
}
#navigationFrame .S {
width: 160px;
background-position: 72px;
background-repeat: no-repeat;
background-size: auto 11px;
}
#navigationFrame .S1 {
width: 160px;
background-position: 48px;
background-repeat: no-repeat;
background-size: auto 11px;
}
#navigationFrame span[style="color:rgb(69 113 236)"],
#navigationFrame .B a {
color: #FFC600 !important;
}
#navigationFrame .B>.F2 {
color: #54A9E7;
font-weight: bolder;
}
#navigationFrame .g+div>.tippy6-box {
border: none;
width: 374px;
box-shadow: none;
display: flex;
justify-content: center;
background-color: transparent;
background-repeat: no-repeat, no-repeat;
background-size: 31px, 31px;
background-position: left center, right center;
}
#navigationFrame .g+div>.tippy6-box>.tippy6-content {
padding: 3px;
background-color: #323745;
border-radius: 5px;
width: 346px;
z-index: -1;
}
#navigationFrame .g+div>.tippy6-box>.tippy6-arrow {
z-index: 1;
}
#navigationFrame .g+div>.tippy6-box>.tippy6-arrow:after {
border: none;
}
#navigationFrame .g+div>.tippy6-box>.tippy6-arrow:before {
border: none;
width: 20px;
height: 20px;
background-size: 100%;
bottom: -13px;
}