MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* Hide title and edit tools on main page */
/*.page-Main_Page .citizen-page-header,
.page-Main_Page #siteSub {
	display: none!important;
} */
/* .citizen-page-header */

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

.wikitable caption{
	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;
}

/* Change background color on hover */
.wikitable .collapsible-toggle:hover {
    background-color: #e9e9e9;
}

.wikitable .collapsible-content {
    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 */
}

.wikitable .mw-collapsible.mw-collapsed .collapsible-content {
    display: none; /* Hide content when collapsed */
}

/* Icon styling */
.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;
}

.mw-collapsible.mw-expanded .icon::before {
    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{
	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);
}

.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 .citizen-page-header .citizen-page-heading{
	display: none;
}
.page-Main_Page .citizen-page-header{
	justify-content: flex-end;
}

.page-Main_Page .citizen-body-container{
	grid-template-areas: 'content''header''afterHeader''footer';
	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;
}

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

/* 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;
} */