“MediaWiki:Common.css”的版本间的差异
跳到导航
跳到搜索
| 第18行： | 第18行： | ||
margin-bottom: -1px; | margin-bottom: -1px; | ||
} | } | ||
| − | .nav-tabs > li > a { | + | .nav-tabs > li > span > a { |
margin-right: 2px; | margin-right: 2px; | ||
line-height: 1.42857143; | line-height: 1.42857143; | ||
| 第24行： | 第24行： | ||
border-radius: 0 0 0 0; | border-radius: 0 0 0 0; | ||
} | } | ||
| − | .nav-tabs > li > a:hover { | + | .nav-tabs > li > span >a:hover { |
border-color: #cccccc #cccccc #cccccc; | border-color: #cccccc #cccccc #cccccc; | ||
} | } | ||
| − | .nav-tabs > li.active > a, | + | .nav-tabs > li.active > span > a, |
| − | .nav-tabs > li.active > a:hover, | + | .nav-tabs > li.active > span > a:hover, |
| − | .nav-tabs > li.active > a:focus { | + | .nav-tabs > li.active > span > a:focus { |
color: #333333; | color: #333333; | ||
background-color: rgba(217, 214, 214, 0.9); | background-color: rgba(217, 214, 214, 0.9); | ||
| 第43行： | 第43行： | ||
float: none; | float: none; | ||
} | } | ||
| − | .nav-tabs.nav-justified > li > a { | + | .nav-tabs.nav-justified > li > span > a { |
text-align: center; | text-align: center; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
| 第56行： | 第56行： | ||
width: 1%; | width: 1%; | ||
} | } | ||
| − | .nav-tabs.nav-justified > li > a { | + | .nav-tabs.nav-justified > li > span > a { |
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
} | } | ||
| − | .nav-tabs.nav-justified > li > a { | + | .nav-tabs.nav-justified > li > span > a { |
margin-right: 0; | margin-right: 0; | ||
border-radius: 0; | border-radius: 0; | ||
} | } | ||
| − | .nav-tabs.nav-justified > .active > a, | + | .nav-tabs.nav-justified > .active > span > a, |
| − | .nav-tabs.nav-justified > .active > a:hover, | + | .nav-tabs.nav-justified > .active > span > a:hover, |
| − | .nav-tabs.nav-justified > .active > a:focus { | + | .nav-tabs.nav-justified > .active > span > a:focus { |
border: 1px solid #cccccc; | border: 1px solid #cccccc; | ||
} | } | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
| − | .nav-tabs.nav-justified > li > a { | + | .nav-tabs.nav-justified > li > span > a { |
border-bottom: 1px solid #cccccc; | border-bottom: 1px solid #cccccc; | ||
border-radius: 0 0 0 0; | border-radius: 0 0 0 0; | ||
} | } | ||
| − | .nav-tabs.nav-justified > .active > a, | + | .nav-tabs.nav-justified > .active > span > a, |
| − | .nav-tabs.nav-justified > .active > a:hover, | + | .nav-tabs.nav-justified > .active > span > a:hover, |
| − | .nav-tabs.nav-justified > .active > a:focus { | + | .nav-tabs.nav-justified > .active > span > a:focus { |
border-bottom-color: rgba(217, 214, 214, 0.9); | border-bottom-color: rgba(217, 214, 214, 0.9); | ||
} | } | ||
} | } | ||
2020年5月9日 (六) 21:55的版本
/* 这里放置的CSS将应用于所有皮肤 */
.heimu {
background-color: #252525;
color: #252525;
text-shadow: none;
}
.heimu:hover,
.heimu:active,
.heimu:focus {
transition: color .15s linear;
color: #fff;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > span > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0 0 0 0;
}
.nav-tabs > li > span >a:hover {
border-color: #cccccc #cccccc #cccccc;
}
.nav-tabs > li.active > span > a,
.nav-tabs > li.active > span > a:hover,
.nav-tabs > li.active > span > a:focus {
color: #333333;
background-color: rgba(217, 214, 214, 0.9);
border: 1px solid #cccccc;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > span > a {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > span > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > span > a {
margin-right: 0;
border-radius: 0;
}
.nav-tabs.nav-justified > .active > span > a,
.nav-tabs.nav-justified > .active > span > a:hover,
.nav-tabs.nav-justified > .active > span > a:focus {
border: 1px solid #cccccc;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > span > a {
border-bottom: 1px solid #cccccc;
border-radius: 0 0 0 0;
}
.nav-tabs.nav-justified > .active > span > a,
.nav-tabs.nav-justified > .active > span > a:hover,
.nav-tabs.nav-justified > .active > span > a:focus {
border-bottom-color: rgba(217, 214, 214, 0.9);
}
}
