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
 
(32 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 for collapsible toggle */
/* Style for collapsible toggle */
.wikitable .collapsible-toggle {
cursor: pointer;
padding: 8px;
background-color: #f9f9f9;
border: 1px solid #ddd;
text-align: left;
font-weight: bold;
display: flex;
align-items: center;
width: fit-content;
}
}


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


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


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


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


.citizen-body-container{
/* Icon styling */
min-height: fit-content;
.icon {
background-image: url('https://aliaadam.com/wiki/images/6/60/WikimediaUI-Notice.svg');
display: inline-block;
margin-right: 10px;
transition: transform 0.3s ease;
font-size: 16px;
}
}


.wikitable img{
.mw-collapsible.mw-expanded .icon::before {
border-radius: 7px;
content: ''; /* Up arrow for expanded state */
}
}

.mw-collapsible.mw-collapsed .icon::before {
content: ''; /* Down arrow for collapsed state */
}

/* Align icon and text in the collapsible toggle */
.collapsible-toggle {
display: flex;
align-items: center;
}

.icon {
margin-right: 10px; /* Space between the icon and the text */
}





.citizen-body img{
.citizen-body img{
Line 83: 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 90: 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 99: 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 105: 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 115: 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 129: 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.