「MediaWiki:Citizen.css」の版間の差分

2025年6月9日 (月) 17:13時点における版

/* All CSS here will be loaded for users of the Citizen skin */
#ca-talk { display:none!important; } /*議論タブを消す*/
#ca-history { display:none!important; } /*履歴表示タブを消す*/
#ca-viewsource { display:none!important; } /*ソース表示タブを消す*/

:root {
    --width-layout: 100vw; /* Slightly wider content */
}

.mw-logo-wordmark { color:#FF9800; }

.skin-theme-clientpref-night,
.skin-theme-clientpref-os {
.navbox {                     /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
    color: #000;
}

.navbox + .navbox {
	margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}

.navbox-inner,
.navbox-subgroup {
	width: 100%;
}

.navbox-title,
.navbox-abovebelow,
.navbox th {
	text-align: center;       /* Title, group and above/below styles */
	padding-left: 1em;
	padding-right: 1em;
}

th.navbox-group {             /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}

.navbox,
.navbox-subgroup {
	background-color:  #030303 !important; /* Background color */
    color: #e0e0e0  !important;
}

.navbox-list {
	border-color:  #030303 !important;    /* Must match background color */
    color: #e0e0e0  !important;
}

/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid  #030303; /* Must match background color */
}

.navbox th,
.navbox-title {
	background-color: #ccccff;      /* Level 1 color */
    color: #404040 !important;
	text-align: center;
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: #ddddff;      /* Level 2 color */
    color: #404040  !important;
	text-align: center;
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: #e6e6ff;      /* Level 3 color */
    color: #404040 !important;
	text-align: center;
}

.navbox-even {
	background-color:  #080808 !important;    /* Even row striping */
    color: #e0e0e0  !important;
	text-align: center;
}

.navbox-odd {
	background-color: transparent;  /* Odd row striping */
    color: #e0e0e0  !important;
	text-align: center;
}
}

#footer-icons .cdx-button {
	background: none;
	border: 0;
	padding: 0;
}

#footer-icons a img {
	opacity: var(--opacity-icon-base);
	filter: var(--filter-invert);
	transition: var(--transition-hover);
	transition-property: opacity;
}

#footer-icons a:hover img {
	opacity: var(--opacity-icon-base--hover);
}

#footer-icons a:active img {
	opacity: var(--opacity-icon-base--active);
}

.citizen-drawer__menu a:before {
	display: block;
	content: "";
	width: var(--size-icon);
	height: var(--size-icon);
	background: transparent center/contain no-repeat;
	opacity: var(--opacity-icon-base);
	filter: var(--filter-invert);
}