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
Tag: Reverted
No edit summary
 
(38 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{
/* Style for collapsible toggle */
background: #262d45;
.wikitable .mw-collapsible-toggle {
cursor: pointer;
padding: 5px;
background-color: #f9f9f9;
border: 1px solid #ddd;
text-align: left;
font-weight: bold;
display: flex;
align-items: center;
}
}


.home-header__search{
/* Change background color on hover */
background-color: rgba(50, 64, 110, 0.2);
.wikitable .mw-collapsible-toggle:hover {
border-style: 1px solid;
background-color: #e9e9e9;
border-color: #f7dc81;
}
}


.home-header__searchText{
.wikitable .mw-collapsible-content {
color: rgb(253, 154, 38);
display: table-row-group; /* Default state is expanded (table displayed) */
padding: 10px;
background-color: #fff;
border-top: 1px solid #ddd;
}
}


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


.skin-citizen .mw-editform #wpTextbox1 {
.wikitable .mw-collapsible.mw-collapsed .mw-collapsible-content {
background-color: #262d45;
display: none; /* Hide content when collapsed */
}
}


.citizen-body-container{
/* Add UI icon styling */
min-height: fit-content;
.wikitable .mw-ui-icon-wikimedia-collapse::before {
content: '\f078'; /* Up arrow for expanded state */
font-family: "WikimediaUI"; /* Assuming WikimediaUI icon font is available */
font-size: 16px;
padding-right: 5px;
}
}


.wikitable img{
.wikitable .mw-collapsible.mw-collapsed .mw-ui-icon-wikimedia-collapse::before {
border-radius: 7px;
content: '\f077'; /* Down arrow for collapsed state */
}
}

/* Flexbox alignment for icon and text */
.wikitable .mw-collapsible-toggle {
display: flex;
align-items: center;
}

.wikitable .mw-ui-icon-wikimedia-collapse {
margin-right: 10px; /* Space between the icon and text */
}




.citizen-body img{
.citizen-body img{
Line 72: 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 79: 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 88: 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 94: 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 104: 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 118: 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.