Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Content deleted Content added
No edit summary
Tags: Manual revert Reverted
No edit summary
 
(31 intermediate revisions by 2 users not shown)
Line 6: Line 6:
/* .citizen-page-header */
/* .citizen-page-header */


:root{
.wikitable img{
--color-link: #ffa943;
border-radius: 7px;
--color-link--hover: #fcdb8a;
}
}


html,body{
.wikitable caption{
background: #262d45;
width: max-content;
}
/* Style the collapsible table */
.wikitable .mw-collapsible {
border-collapse: collapse;
width: 100%;
}
}


.home-header__search{
.wikitable .mw-collapsible-toggle {
background-color: rgba(50, 64, 110, 0.2);
cursor: pointer;
border-style: 1px solid;
padding: 5px;
background-color: #f9f9f9;
border-color: #f7dc81;
border: 1px solid #ddd;
text-align: left;
font-weight: bold;
}
}


.home-header__searchText{
.wikitable .mw-collapsible-content {
color: rgb(253, 154, 38);
display: none; /* Initially hide the collapsible content */
padding: 10px;
background-color: #fff;
border-top: 1px solid #ddd;
}
}


/* Show content when expanded */
.wikitable .mw-collapsible.expanded .mw-collapsible-content {
display: table-row-group; /* Show table content when expanded */
}


.skin-citizen .mw-editform #wpTextbox1 {
/* Add UI icon for collapse */
background-color: #262d45;
.wikitable .collapse-icon::before {
content: '▼'; /* Down arrow for collapsed state */
padding-right: 5px;
}
}


.citizen-body-container{
.wikitable .expanded .collapse-icon::before {
min-height: fit-content;
content: '▲'; /* Up arrow for expanded state */
padding-right: 5px;
}
}


.wikitable img{
/* Optional styling for table rows and header */
border-radius: 7px;
.wikitable .mw-collapsible th, .mw-collapsible td {
padding: 8px;
border: 1px solid #ddd;
text-align: left;
}
}






.citizen-body img{
.citizen-body img{
Line 68: Line 44:
.citizen-footer{
.citizen-footer{
margin-top: 0;
margin-top: 0;
background-color: rgb(50 70 109);
background-color: rgb(50, 70, 109);
}
}


Line 75: Line 51:
padding-top: 0;
padding-top: 0;
margin-bottom: var(--space-xxl);
margin-bottom: var(--space-xxl);
}

.page-info__label{
color: white;
font-weight: 700;
font-size: 0.85rem;
}
}


Line 84: Line 66:
.citizen-ui-icon::before{
.citizen-ui-icon::before{
opacity: 1;
opacity: 1;
}

.page-Main_Page .page-info__text{
color: rgb(253, 154, 38);
text-shadow: 0px 1px #000;
background-color: rgba(50, 64, 110, 0.2);
border-radius: 5px;
}
}


Line 90: Line 80:
}
}
.page-Main_Page .citizen-page-header{
.page-Main_Page .citizen-page-header{
justify-content: flex-end;
justify-content: center;
}
.page-Main_Page .page-actions{
background:#32466dcf;
border-radius:9999px;
flex-direction: row-reverse;
}

.page-Main_Page .catlinks{
display: none;
}

.citizen-menu__card{
background: hsl(226.45deg 28.97% 20.98%);
}
}


.page-Main_Page .citizen-body-container{
.page-Main_Page .citizen-body-container{
grid-template-areas: 'content''header''afterHeader''footer';
grid-template-areas: 'content''afterHeader''footer''header';
margin: 0px;
margin: 0px;
}
}
Line 100: Line 103:
.citizen-body-container{
.citizen-body-container{
margin: 0px;
margin: 0px;
background-color: rgb(38 45 69);
background-color: rgb(38, 45, 69);
}
}


Line 114: Line 117:
border-right-width: 1px;
border-right-width: 1px;
border-color: #32466d;
border-color: #32466d;
}

.citizen-page-header::before{
background-color: #262d45;
}
}


.page-Main_Page .citizen-body-container{
.page-Main_Page .citizen-body-container{
background-image: url('/wiki/images/c/c1/Main-BG.webp');
background-image: url('/mediawiki/img_auth.php/c/c1/Main-BG.webp');
background-position: top center;
background-position: top center;
background-size: 1920px;
background-size: 1920px;
background-repeat: repeat;
background-repeat: no-repeat;
background-attachment: scroll;
background-attachment: fixed;
}
}



Latest revision as of 16:36, 7 January 2025

/* Hide title and edit tools on main page */
/*.page-Main_Page .citizen-page-header,
.page-Main_Page #siteSub {
	display: none!important;
} */
/* .citizen-page-header */

:root{
	--color-link: #ffa943;
	--color-link--hover: #fcdb8a;
}

html,body{
	background: #262d45;
}

.home-header__search{
	background-color: rgba(50, 64, 110, 0.2);
	border-style: 1px solid;
	border-color: #f7dc81;
}

.home-header__searchText{
	color: rgb(253, 154, 38);
}


.skin-citizen .mw-editform #wpTextbox1 {
	background-color: #262d45;
}

.citizen-body-container{
	min-height: fit-content;
}

.wikitable img{
	border-radius: 7px;
}

.citizen-body img{
	border-radius: 6px;
}

.citizen-footer{
	margin-top: 0;
	background-color: rgb(50, 70, 109);
}

.citizen-page-footer{
	gap: var(--space-sm);
	padding-top: 0;
	margin-bottom: var(--space-xxl);
}

.page-info__label{
	color: white;
	font-weight: 700;
	font-size: 0.85rem;
}

.citizen-ui-icon {
	filter: brightness(0) saturate(100%) invert(87%) sepia(26%) saturate(742%) hue-rotate(339deg) brightness(102%) contrast(94%);
}

.citizen-header__button .citizen-ui-icon::before,
.citizen-ui-icon::before{
	opacity: 1;
}

.page-Main_Page .page-info__text{
	color: rgb(253, 154, 38);
	text-shadow: 0px 1px #000;
	background-color: rgba(50, 64, 110, 0.2);
	border-radius: 5px;
	
}

.page-Main_Page .citizen-page-header .citizen-page-heading{
	display: none;
}
.page-Main_Page .citizen-page-header{
	justify-content: center;
}
.page-Main_Page .page-actions{
	background:#32466dcf;
	border-radius:9999px;
	flex-direction: row-reverse;
}

.page-Main_Page .catlinks{
	display: none;
}

.citizen-menu__card{
	background: hsl(226.45deg 28.97% 20.98%);
}

.page-Main_Page .citizen-body-container{
	grid-template-areas: 'content''afterHeader''footer''header';
	margin: 0px;
}

.citizen-body-container{
	margin: 0px;
	background-color: rgb(38, 45, 69);
}

.home-logo-aomr{
	pointer-events: none; /* Disable clicking */
    transform: none !important; /* Disable zoom effect */
    cursor: default !important; /* Change cursor to default */
    transition: none !important; /* Disable any transition effects */
} 

.citizen-header{
	background-color: #262d45;
	border-right-width: 1px;
	border-color: #32466d;
}

.citizen-page-header::before{
	background-color: #262d45;
}

  .page-Main_Page .citizen-body-container{
	background-image: url('/mediawiki/img_auth.php/c/c1/Main-BG.webp');
	background-position: top center;
    background-size: 1920px;
    background-repeat: no-repeat;
    background-attachment: fixed; 
} 

/* Force override until skin is updated */
.skin-citizen blockquote {
	margin: 0.8rem 20px;
	padding: 0;
}
/*
.citizen-search .citizen-dropdown-summary .citizen-ui-icon span:nth-child(1),
.citizen-drawer .citizen-dropdown-summary .citizen-ui-icon span:nth-child(1){

    background-color: #e88510;
} 

.citizen-search .citizen-dropdown-summary .citizen-ui-icon span:nth-child(2),
.citizen-drawer .citizen-dropdown-summary .citizen-ui-icon span:nth-child(2){

    border-color: #e88510;
}

.citizen-drawer .citizen-dropdown-summary .citizen-ui-icon span{
    background-color: #e88510;
}
*/
.citizen-search .citizen-dropdown-summary .citizen-ui-icon span,
.citizen-drawer .citizen-dropdown-summary .citizen-ui-icon span{
    opacity: 1; 
    filter: brightness(100%);
} 

/* :root.skin-theme-clientpref-night {   
    --background-color-button-quiet--hover: lightblue;
} */
Cookies help us deliver our services. By using our services, you agree to our use of cookies. We only use cookie to make the site function and save your preferences, nothing else.