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
Tags: Manual revert Reverted
Line 13: Line 13:
width: max-content;
width: max-content;
}
}
/* Style for collapsible toggle */
/* Style the collapsible table */
/* Style for collapsible toggle */
.wikitable .mw-collapsible {
border-collapse: collapse;
.wikitable .collapsible-toggle {
width: 100%;
}

.wikitable .mw-collapsible-toggle {
cursor: pointer;
cursor: pointer;
padding: 8px;
padding: 5px;
background-color: #f9f9f9;
background-color: #f9f9f9;
border: 1px solid #ddd;
border: 1px solid #ddd;
text-align: left;
text-align: left;
font-weight: bold;
font-weight: bold;
display: flex;
align-items: center;
width: fit-content;
}
}


.wikitable .mw-collapsible-content {
/* Change background color on hover */
display: none; /* Initially hide the collapsible content */
.wikitable .collapsible-toggle:hover {
background-color: #e9e9e9;
}

.wikitable .collapsible-content {
display: table-row-group; /* Default state is expanded */
padding: 10px;
padding: 10px;
background-color: #fff;
background-color: #fff;
Line 39: Line 35:
}
}


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


/* Add UI icon for collapse */
.wikitable .mw-collapsible.mw-collapsed .collapsible-content {
.wikitable .collapse-icon::before {
display: none; /* Hide content when collapsed */
content: ''; /* Down arrow for collapsed state */
padding-right: 5px;
}
}


.wikitable .expanded .collapse-icon::before {
/* Icon styling */
content: ''; /* Up arrow for expanded state */
.icon {
padding-right: 5px;
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;
}
}


/* Optional styling for table rows and header */
.mw-collapsible.mw-expanded .icon::before {
.wikitable .mw-collapsible th, .mw-collapsible td {
content: ''; /* Up arrow for expanded state */
padding: 8px;
border: 1px solid #ddd;
text-align: left;
}
}


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





Revision as of 23:01, 16 October 2024

/* 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 the collapsible table */
.wikitable .mw-collapsible {
    border-collapse: collapse;
    width: 100%;
}

.wikitable .mw-collapsible-toggle {
    cursor: pointer;
    padding: 5px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    text-align: left;
    font-weight: bold;
}

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

/* Add UI icon for collapse */
.wikitable .collapse-icon::before {
    content: '▼'; /* Down arrow for collapsed state */
    padding-right: 5px;
}

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

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





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