“MediaWiki:Common.css”的版本间的差异
跳到导航
跳到搜索
第14行: | 第14行: | ||
} | } | ||
+ | .nav { | ||
+ | margin-bottom: 0; | ||
+ | padding-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .nav > li { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | } | ||
+ | .nav > li > span { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | } | ||
+ | .nav > li > span > a { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | padding: 10px 15px; | ||
+ | } | ||
+ | .nav > li > span > a:hover, | ||
+ | .nav > li > span > a:focus { | ||
+ | text-decoration: none; | ||
+ | background-color: rgba(192, 188, 188, 0.9); | ||
+ | } | ||
+ | .nav > li.disabled > span > a { | ||
+ | color: #777777; | ||
+ | } | ||
+ | .nav > li.disabled > span > a:hover, | ||
+ | .nav > li.disabled > span > a:focus { | ||
+ | color: #777777; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | cursor: not-allowed; | ||
+ | } | ||
+ | .nav .open > span > a, | ||
+ | .nav .open > span > a:hover, | ||
+ | .nav .open > span > a:focus { | ||
+ | background-color: rgba(192, 188, 188, 0.9); | ||
+ | border-color: #144563; | ||
+ | } | ||
+ | .nav .nav-divider { | ||
+ | height: 1px; | ||
+ | margin: 9px 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #e5e5e5; | ||
+ | } | ||
+ | .nav > li > span > a > img { | ||
+ | max-width: none; | ||
+ | } | ||
.nav-tabs > li { | .nav-tabs > li { | ||
float: left; | float: left; |
2020年5月9日 (六) 21:58的版本
/* 这里放置的CSS将应用于所有皮肤 */
.heimu {
background-color: #252525;
color: #252525;
text-shadow: none;
}
.heimu:hover,
.heimu:active,
.heimu:focus {
transition: color .15s linear;
color: #fff;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > span {
position: relative;
display: block;
}
.nav > li > span > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > span > a:hover,
.nav > li > span > a:focus {
text-decoration: none;
background-color: rgba(192, 188, 188, 0.9);
}
.nav > li.disabled > span > a {
color: #777777;
}
.nav > li.disabled > span > a:hover,
.nav > li.disabled > span > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > span > a,
.nav .open > span > a:hover,
.nav .open > span > a:focus {
background-color: rgba(192, 188, 188, 0.9);
border-color: #144563;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > span > a > img {
max-width: none;
}
.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);
}
}