“MediaWiki:Common.css”的版本间的差异
跳到导航
跳到搜索
(创建页面,内容为“→这里放置的CSS将应用于所有皮肤: .heimu { background-color: #252525; color: #252525; text-shadow: none; } .heimu:hover, .heimu:active,…”) |
|||
第12行: | 第12行: | ||
transition: color .15s linear; | transition: color .15s linear; | ||
color: #fff; | color: #fff; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li { | ||
+ | float: left; | ||
+ | margin-bottom: -1px; | ||
+ | } | ||
+ | .nav-tabs > li > a { | ||
+ | margin-right: 2px; | ||
+ | line-height: 1.42857143; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | .nav-tabs > li > a:hover { | ||
+ | border-color: #cccccc #cccccc #cccccc; | ||
+ | } | ||
+ | .nav-tabs > li.active > a, | ||
+ | .nav-tabs > li.active > a:hover, | ||
+ | .nav-tabs > li.active > 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 > 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 > a { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | } | ||
+ | .nav-tabs.nav-justified > li > a { | ||
+ | margin-right: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .nav-tabs.nav-justified > .active > a, | ||
+ | .nav-tabs.nav-justified > .active > a:hover, | ||
+ | .nav-tabs.nav-justified > .active > a:focus { | ||
+ | border: 1px solid #cccccc; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .nav-tabs.nav-justified > li > a { | ||
+ | border-bottom: 1px solid #cccccc; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | .nav-tabs.nav-justified > .active > a, | ||
+ | .nav-tabs.nav-justified > .active > a:hover, | ||
+ | .nav-tabs.nav-justified > .active > a:focus { | ||
+ | border-bottom-color: rgba(217, 214, 214, 0.9); | ||
+ | } | ||
} | } |
2020年5月9日 (六) 21:51的版本
/* 这里放置的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 > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
border-color: #cccccc #cccccc #cccccc;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > 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 > 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 > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #cccccc;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #cccccc;
border-radius: 0 0 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: rgba(217, 214, 214, 0.9);
}
}