MediaWiki:Common.css - Revision history

TehCupcakes: Blanked the page

2024-05-01T18:56:47Z

Blanked the page

Show changes

TehCupcakes at 16:14, 1 May 2024

2024-05-01T16:14:12Z

Show changes

TehCupcakes: Add infobox css

2024-05-01T14:30:37Z

Add infobox css

← Older revision		Revision as of 10:30, 1 May 2024
Line 1:		Line 1:
	/* ~~CSS placed here will be applied to all skins~~ */		/* Infobox template style */
			.infobox {
			border: 1px solid #a2a9b1;
			border-spacing: 3px;
			background-color: #f8f9fa;
			color: black;
			/* @noflip */
			margin: 0.5em 0 0.5em 1em;
			padding: 0.2em;
			/* @noflip */
			float: right;
			/* @noflip */
			clear: right;
			font-size: 88%;
			line-height: 1.5em;
			width: 22em;
			}

			.infobox-header,
			.infobox-label,
			.infobox-above,
			.infobox-full-data,
			.infobox-data,
			.infobox-below,
			.infobox-subheader,
			.infobox-image,
			.infobox-navbar,
			/* Remove element selector when every .infobox thing is using the standard module/templates */
			.infobox th,
			.infobox td {
			vertical-align: top;
			}

			.infobox-label,
			.infobox-data,
			/* Remove element selector when every .infobox thing is using the standard module/templates */
			.infobox th,
			.infobox td {
			/* @noflip */
			text-align: left;
			}

			/* Remove .infobox when element selectors above are removed */
			.infobox .infobox-above,
			.infobox .infobox-title,
			/* Remove element selector when every .infobox thing is using the standard module/templates */
			.infobox caption {
			font-size: 125%;
			font-weight: bold;
			text-align: center;
			}

			.infobox-title,
			/* Remove element selector when every .infobox thing is using the standard module/templates */
			.infobox caption {
			padding: 0.2em;
			}

			/* Remove .infobox when element selectors above are removed */
			.infobox .infobox-header,
			.infobox .infobox-subheader,
			.infobox .infobox-image,
			.infobox .infobox-full-data,
			.infobox .infobox-below {
			text-align: center;
			}

			/* Remove .infobox when element selectors above are removed */
			.infobox .infobox-navbar {
			/* @noflip */
			text-align: right;
			}

TehCupcakes: Replaced content with "/* CSS placed here will be applied to all skins */"

2023-11-07T05:21:58Z

Replaced content with "CSS placed here will be applied to all skins: "

← Older revision		Revision as of 01:21, 7 November 2023
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
	~~/* Base CSS classes for demo. If you wish to use Mbox on your wiki, only copy the below. */~~

	~~.mbox {~~
	~~--type-important: rgba(200, 0, 0, 0.8);~~
	~~--type-moderate: rgba(233, 124, 47, 0.8);~~
	~~--type-minor: rgba(241, 197, 37, 0.8);~~
	~~display: flex;~~
	~~position: relative;~~
	~~background-color: var(--theme-page-background-color--secondary);~~
	~~border: 1px solid var(--theme-border-color);~~
	~~border-left-width: 8px;~~
	~~border-left-color: #d6d6d6;~~
	~~border-radius: 3px;~~
	~~margin-bottom: 5px;~~
	~~min-height: 32px;~~
	}

	~~.mbox.mbox-type-important {~~
	~~border-left-color: var(--type-important);~~
	}

	~~.mbox.mbox-type-moderate {~~
	~~border-left-color: var(--type-moderate);~~
	}

	~~.mbox.mbox-type-minor {~~
	~~border-left-color: var(--type-minor);~~
	}

	~~.mbox__content {~~
	~~display: table;~~
	~~box-sizing: border-box;~~
	~~width: 100%;~~
	~~padding: 8px 15px;~~
	}

	~~.mbox__content__image {~~
	~~display: table-cell;~~
	~~width: 40px;~~
	~~height: 100%;~~
	~~text-align: center;~~
	~~vertical-align: middle;~~
	~~padding-right: 15px;~~
	}

	~~.mbox__content__wrapper {~~
	~~display: table-cell;~~
	~~vertical-align: middle;~~
	}

	~~.mbox__content__header {~~
	~~display: block;~~
	~~font-weight: bold;~~
	}

	~~.mbox__content__text {~~
	~~display: block;~~
	}

	~~.mbox__content__text__comment {~~
	~~font-size: small;~~
	}

	~~.mbox__content__aside {~~
	~~display: table-cell;~~
	~~width: 100px;~~
	~~vertical-align: middle;~~
	~~text-align: center;~~
	~~padding: 0 15px;~~
	~~border-left: 1px solid #d6d6d6;~~
	}

	~~.mbox__close {~~
	~~position: absolute;~~
	~~right: 0;~~
	~~top: 0;~~
	~~padding: 2px 7px;~~
	~~font-weight: bold;~~
	~~font-size: 16px;~~
	~~color: #bbb;~~
	~~cursor: pointer;~~
	~~transition: all .15s ease-in;~~
	}

	~~.mbox__close:hover {~~
	~~color: #777;~~
	}

	~~.mbox__close:after {~~
	~~content: '×';~~
	}

	~~.mw-collapsed + .mbox__close {~~
	~~transform: rotate(45deg);~~
	~~padding: 4px 7px 5px 2px;~~
	}

	~~/* Mobile skin fixes */~~
	~~.skin-fandommobile .mbox__content__image {~~
	~~width: 60px;~~
	}

	~~.skin-fandommobile .mbox__content__image .article-media-thumbnail {~~
	~~margin-bottom: unset;~~
	}

	~~/* Wookieepedia-style Mbox demo. */~~
	~~.mbox--wook {~~
	~~background-color: #7bb0d8;~~
	~~border: none;~~
	~~border-radius: 10px;~~
	}

	~~.mbox--wook .mbox__close {~~
	~~color: #0c8787;~~
	~~font-weight: normal;~~
	~~font-size: 13px;~~
	}

	~~.mbox--wook .mbox__close:after {~~
	~~content: '[hide]';~~
	}

	~~.mbox--wook .mw-collapsed + .mbox__close {~~
	~~transform: none;~~
	~~padding: 2px 7px;~~
	}

	~~.mbox--wook .mw-collapsed + .mbox__close:after {~~
	~~content: '[show]';~~
	}

	~~/* Final Fantasy-style Mbox demo. */~~
	~~.theme-fandomdesktop-light .mbox--ff {~~
	~~border-top: 1px solid #afaa84;~~
	~~border-radius: 10px;~~
	~~background: linear-gradient(180deg,rgba(255,255,246,1) 0,rgba(247,219,185,1) 40px);~~
	}

	~~.theme-fandomdesktop-dark .mbox--ff {~~
	~~border-top: 3px solid #1e9de3 !important;~~
	~~border: 0;~~
	~~background: linear-gradient(180deg,rgba(5,37,78,.5) 0,rgba(5,37,78,.5) 75%,rgba(5,37,78,0));~~
	}

TehCupcakes: Created page with "/* CSS placed here will be applied to all skins / / Base CSS classes for demo. If you wish to use Mbox on your wiki, only copy the below. */ .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-left-width: 8px;..."

2023-11-07T05:21:35Z

Created page with "CSS placed here will be applied to all skins: Base CSS classes for demo. If you wish to use Mbox on your wiki, only copy the below.: .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-left-width: 8px;..."

New page

/* CSS placed here will be applied to all skins */
/* Base CSS classes for demo. If you wish to use Mbox on your wiki, only copy the below. */

.mbox {
--type-important: rgba(200, 0, 0, 0.8);
--type-moderate: rgba(233, 124, 47, 0.8);
--type-minor: rgba(241, 197, 37, 0.8);
display: flex;
position: relative;
background-color: var(--theme-page-background-color--secondary);
border: 1px solid var(--theme-border-color);
border-left-width: 8px;
border-left-color: #d6d6d6;
border-radius: 3px;
margin-bottom: 5px;
min-height: 32px;
}

.mbox.mbox-type-important {
border-left-color: var(--type-important);
}

.mbox.mbox-type-moderate {
border-left-color: var(--type-moderate);
}

.mbox.mbox-type-minor {
border-left-color: var(--type-minor);
}

.mbox__content {
display: table;
box-sizing: border-box;
width: 100%;
padding: 8px 15px;
}

.mbox__content__image {
display: table-cell;
width: 40px;
height: 100%;
text-align: center;
vertical-align: middle;
padding-right: 15px;
}

.mbox__content__wrapper {
display: table-cell;
vertical-align: middle;
}

.mbox__content__header {
display: block;
font-weight: bold;
}

.mbox__content__text {
display: block;
}

.mbox__content__text__comment {
font-size: small;
}

.mbox__content__aside {
display: table-cell;
width: 100px;
vertical-align: middle;
text-align: center;
padding: 0 15px;
border-left: 1px solid #d6d6d6;
}

.mbox__close {
position: absolute;
right: 0;
top: 0;
padding: 2px 7px;
font-weight: bold;
font-size: 16px;
color: #bbb;
cursor: pointer;
transition: all .15s ease-in;
}

.mbox__close:hover {
color: #777;
}

.mbox__close:after {
content: '×';
}

.mw-collapsed + .mbox__close {
transform: rotate(45deg);
padding: 4px 7px 5px 2px;
}

/* Mobile skin fixes */
.skin-fandommobile .mbox__content__image {
width: 60px;
}

.skin-fandommobile .mbox__content__image .article-media-thumbnail {
margin-bottom: unset;
}

/* Wookieepedia-style Mbox demo. */
.mbox--wook {
background-color: #7bb0d8;
border: none;
border-radius: 10px;
}

.mbox--wook .mbox__close {
color: #0c8787;
font-weight: normal;
font-size: 13px;
}

.mbox--wook .mbox__close:after {
content: '[hide]';
}

.mbox--wook .mw-collapsed + .mbox__close {
transform: none;
padding: 2px 7px;
}

.mbox--wook .mw-collapsed + .mbox__close:after {
content: '[show]';
}

/* Final Fantasy-style Mbox demo. */
.theme-fandomdesktop-light .mbox--ff {
border-top: 1px solid #afaa84;
border-radius: 10px;
background: linear-gradient(180deg,rgba(255,255,246,1) 0,rgba(247,219,185,1) 40px);
}

.theme-fandomdesktop-dark .mbox--ff {
border-top: 3px solid #1e9de3 !important;
border: 0;
background: linear-gradient(180deg,rgba(5,37,78,.5) 0,rgba(5,37,78,.5) 75%,rgba(5,37,78,0));
}