MediaWiki:Minerva.css: Difference between revisions

Latest revision as of 03:54, 14 January 2025

/* 这里放置的CSS将应用于MinervaNeue皮肤 */
.header-container.header-chrome{
	background-color: var(--twitch-purple);
	color:#fff;
}
.hlist{
	justify-content: space-between;
	margin-top: 15px;
}


.minerva-header .branding-box a span {
    color:#FFF;
    font-size: 24px;
    filter: brightness(1000%);
}
.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {
    background-color:#FFF;
    border: 2px solid #fff;
	margin: 2px;
	border-radius: 0;
	box-shadow: 0 2px 5px #aaa;
}
.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
    background-color:#eee;
    border: 2px solid #fff;
    border-radius: 0;
}
#mw-mf-page-center{
	background:none;
}
.mw-mf-page-center__mask{
	background:none;
}
/*侧边栏*/
#mw-mf-page-left.menu.view-border-box {
    cursor: default;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 20px;
	font-weight: bold;
    color: #fff !important;
    padding-right: 5px;
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
	font-weight: bold;
}
#mw-mf-page-left ul .toggle-list-item:hover a .toggle-list-item__label::after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #fff;
    margin-top: 5px;
    margin-left: 4px;
}
#p-personal.toggle-list__list{
    background-color: transparent;
    padding: 0;
    padding-right: 0;
    font: inherit;
    font-weight: var(--font-weight-semibold);
}


.toggle-list-item__anchor .minerva-icon{
	margin-right: 10px;
	background-color: rgba(255, 255, 255, 0.6);
    padding: 12px;
    box-shadow: 0 2px 5px #aaa;
}
.toggle-list-item__anchor:hover .minerva-icon{
	background-color: rgba(255, 255, 200, 0.8);
}


#p-personal.toggle-list__list.new.minerva-user-menu-list.toggle-list__list--drop-down{
	background-color: rgba(255, 255, 255, 0.1);
	font-size:20px;
}
#mw-mf-page-left #p-navigation .toggle-list-item {
    background-color: var(--twitch-purple);
    margin-top:0;
    display: flex;
    justify-content: flex-start;
    transition: all 0.15s ease-in-out;
}
#mw-mf-page-left #p-navigation .toggle-list-item a{
    display: flex;
    width: 100%;
	padding-left: 0.75em;
	transition: all 0.15s ease-in-out;
}
#mw-mf-page-left #p-navigation .toggle-list-item a span {
	text-shadow: 0 0 #F6F6F6;
	color: #fff;
	font-size:18px;
}
#mw-mf-page-left #p-navigation .toggle-list-item:hover {
    background-color: #7127Df;
}
#mw-mf-page-left #p-navigation .toggle-list-item:hover a {
	padding-left: 45%;
}



.toggle-list-item__anchor .minerva-icon + span:not(:empty), .cdx-button .minerva-icon + span:not(:empty) {
    line-height: 1.125em;
    margin: 0;
    padding: 0.25em 0;
    font-size: 0.75em;
    word-wrap: break-word;
    text-shadow: 1px 1px #F6F6F6;
}


#mw-mf-page-left ul .toggle-list-item{
	background-color: rgba(255, 255, 255, 0.1);
	transition: all 0.15s ease-in-out;
	box-shadow: 0 2px 5px #aaa;
	margin-top: 6px;
}
#mw-mf-page-left ul .toggle-list-item:hover{
	background-color: var(--twitch-purple);
	color: #fff;
}
#p-navigation.toggle-list__list .toggle-list-item  .toggle-list-item__anchor .minerva-icon{
	margin-right: 10px;
	background-color: rgba(145, 71, 255, 0.1);
    padding: 12px;
    box-shadow: 0 0 0 #aaa;
    filter: brightness(1000%);
}



#mw-mf-page-left ul .toggle-list-item a span{
	transition: all 0.15s ease-in-out;
}
#mw-mf-page-left ul .toggle-list-item:hover a span{
	color: #fff;
	text-shadow: 0 0 #F6F6F6;
}
#mw-mf-page-left{
	transition: all 0.225s ease-in-out;
}
#mw-panel .portal .vector-menu-content .vector-menu-content-list li a:hover {
	color: #fff;
	background-color: var(--twitch-purple-2);
	margin: -2.5px 0 -2.5px 5px;
	padding: 12px 0 12px 25px;
}
/*xxxx*/
.page-actions-menu #p-views.page-actions-menu__list {
    display: flex;
    height: 3em;
    justify-content: flex-start;
}
page-actions-menu #p-views.page-actions-menu__list li a {
    background-color: rgba(255, 255, 255, 0.1);
}
page-actions-menu #p-views.page-actions-menu__list li:hover a {
    color: #fff;
    background-color: var(--twitch-purple-2);
}
.main-menu-mask {
    background: rgba(255, 255, 255, 0.95);
}

.minerva-search-form {
    display: flex;
    width: 100%;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}
.base_block > .sidebar_block > .sidebar_block_img{
	flex: 1 1 100%;
}