MediaWiki:Common.css - Revision history

Guillem at 09:19, 15 June 2023

2023-06-15T09:19:58Z

2023-06-15T08:50:10Z

← Older revision		Revision as of 08:50, 15 June 2023
Line 17:		Line 17:
	}		}

			.bs-callout {
			margin: 20px 0;
			padding: 20px;
			border: 1px solid #eee;
			border-left-width: 5px;
			border-radius: 3px;
			}

			.bs-callout a {
			text-decoration: underline;
			}

			.bs-callout-highlight {
			border-color: #FFBF00;
			background-color: #FF0;
			}

			.bs-callout-personal {
			border-left-color: #ff2893;
			background-color: #ffc1e0;
			}

			.bs-callout-anecdote {
			border-left-color: #006600;
			background-color: #99ff99;
			}

			.bs-callout-supermemo {
			border-left-color: #8000ff;
			background-color: #d9d9ff;
			}

			.bs-callout-metaphor {
			border-left-color: #9bb79b;
			background-color: #d1ded1;
			}

			.bs-callout-archive {
			border-color: #ccc;
			background-color: #e5e5e5;
			}

			.bs-callout-note {
			position: relative;
			float: right;
			display: inline-block;
			white-space: nowrap;
			}

			.btn-callout-note {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 10;
			display: block;
			padding: 5px 8px;
			font-size: 12px;
			color: #767676;
			background-color: #fff;
			border-radius: 0 2px 0 2px;
			}

			.bs-callout + .bs-callout-note > .btn-callout-note,
			.faq-q + .bs-callout-note > .btn-callout-note,
			.excerpt + .bs-callout-note > .btn-callout-note,
			.motto + .bs-callout-note > .btn-callout-note {
			top: -13px;
			}

			.text-center {
			text-align: center;
			}

			.motto {
			margin: 20px 5em;
			padding: 20px;
			border-radius: 3px;
			background-color: #F8FAAD;
			}

			.inline-highlight {
			color: #e10071;
			background-color: #ffffae;
			font-weight: bold;
			}

	.excerpt{		.excerpt{

2023-06-15T08:35:27Z

← Older revision		Revision as of 08:35, 15 June 2023
Line 129:		Line 129:
	}		}

	~~blockquestion~~:not([class])::after {		questionbody:not([class])::after {
	content: "❓";		content: "❓";
	position: absolute;		position: absolute;

2023-06-15T08:27:19Z

@@ Line 110: / Line 110: @@
 blockquote:not([class])::after {
 	content: "❝";
 	position: absolute;
 	z-index: 1;

2023-01-10T18:32:45Z

← Older revision		Revision as of 18:32, 10 January 2023
Line 77:		Line 77:
	blockquote:not([class]) {		blockquote:not([class]) {
	position: relative;		position: relative;
	margin: ~~40px~~ 0;		margin: 50px 0;
	padding: 1.6em 2.4em .7em calc(1.4em + var(--quote-image-width));		padding: 1.6em 2.4em .7em calc(1.4em + var(--quote-image-width));
	font: italic 1.2rem var(--type-quote);		font: italic 1.2rem var(--type-quote);
Line 89:		Line 89:
	@media (min-width: 768px) {		@media (min-width: 768px) {
	blockquote {		blockquote {
	margin: ~~40px~~ 60px;		margin: 50px 60px;
	}		}
	}		}
Line 134:		Line 134:
	top: 0;		top: 0;
	width: var(--quote-image-width);		width: var(--quote-image-width);
	height: ~~100%~~;		height: 100px;
	opacity: 0.75;		opacity: 0.75;
	background: var(--accent-color) var(--image) no-repeat center / cover;		background: var(--accent-color) var(--image) no-repeat center / cover;
Line 140:		Line 140:
	border-top-left-radius: var(--border-rad);		border-top-left-radius: var(--border-rad);
	border-bottom-left-radius: var(--border-rad);		border-bottom-left-radius: var(--border-rad);

	}		}

2021-03-30T18:06:49Z

← Older revision		Revision as of 18:06, 30 March 2021
Line 134:		Line 134:
	top: 0;		top: 0;
	width: var(--quote-image-width);		width: var(--quote-image-width);
	height: ~~100px~~;		height: 100%;
	opacity: 0.75;		opacity: 0.75;
	background: var(--accent-color) var(--image) no-repeat center / cover;		background: var(--accent-color) var(--image) no-repeat center / cover;
Line 142:		Line 142:
	}		}

			blockquote-author-image img {
			height:100px; width:auto;

			}
	cite {		cite {
	display: block;		display: block;

2021-03-30T18:00:40Z

← Older revision		Revision as of 18:00, 30 March 2021
Line 134:		Line 134:
	top: 0;		top: 0;
	width: var(--quote-image-width);		width: var(--quote-image-width);
	height: ~~100%~~;		height: 100px;
	opacity: 0.75;		opacity: 0.75;
	background: var(--accent-color) var(--image) no-repeat center / cover;		background: var(--accent-color) var(--image) no-repeat center / cover;

2021-03-24T00:28:32Z

← Older revision		Revision as of 00:28, 24 March 2021
Line 257:		Line 257:
	position: relative;		position: relative;
	line-height: 1.5;		line-height: 1.5;
			}
	message + message {		message + message {
	margin-top: 2em;		margin-top: 2em;
Line 274:		Line 274:
	line-height: 1.5;		line-height: 1.5;
	text-align: center;		text-align: center;
	}

	~~p {~~
	~~margin: 0 0 1em;~~

	~~&:last-child {~~
	~~margin-bottom: 0;~~
	}
	}
	}		}

	.message--error {		.message--error {
	border-left-color: firebrick;		border-left-color: firebrick;
			}
	message--error::before {		message--error::before {
	background-color: firebrick;		background-color: firebrick;
	content: "‼";		content: "‼";
	}
	}		}

	.message--warning {		.message--warning {
	border-left-color: darkorange;		border-left-color: darkorange;
			}
	.message--warning::before {		.message--warning::before {
	background-color: darkorange;		background-color: darkorange;
	content: "!";		content: "!";
	}
	}		}

	.message--success {		.message--success {
	border-left-color: darkolivegreen;		border-left-color: darkolivegreen;
			}
	message--success::before {		message--success::before {
	background-color: darkolivegreen;		background-color: darkolivegreen;
	content: "✔";		content: "✔";
	}
	}		}

2021-03-24T00:20:30Z

← Older revision		Revision as of 00:20, 24 March 2021
Line 288:		Line 288:
	border-left-color: firebrick;		border-left-color: firebrick;

	message--error :before {		message--error::before {
	background-color: firebrick;		background-color: firebrick;
	content: "‼";		content: "‼";
Line 297:		Line 297:
	border-left-color: darkorange;		border-left-color: darkorange;

	.message--warning:before {		.message--warning::before {
	background-color: darkorange;		background-color: darkorange;
	content: "!";		content: "!";
Line 306:		Line 306:
	border-left-color: darkolivegreen;		border-left-color: darkolivegreen;

	message--success:before {		message--success::before {
	background-color: darkolivegreen;		background-color: darkolivegreen;
	content: "✔";		content: "✔";
	}		}
	}		}

2021-03-24T00:18:36Z

← Older revision		Revision as of 00:18, 24 March 2021
Line 258:		Line 258:
	line-height: 1.5;		line-height: 1.5;

	& + & {		message + message {
	margin-top: 2em;		margin-top: 2em;
	}		}

	&:before {		message:before {
	color: white;		color: white;
	width: 1.5em;		width: 1.5em;
Line 288:		Line 288:
	border-left-color: firebrick;		border-left-color: firebrick;

	&:before {		message--error :before {
	background-color: firebrick;		background-color: firebrick;
	content: "‼";		content: "‼";
Line 297:		Line 297:
	border-left-color: darkorange;		border-left-color: darkorange;

	&:before {		.message--warning:before {
	background-color: darkorange;		background-color: darkorange;
	content: "!";		content: "!";
Line 306:		Line 306:
	border-left-color: darkolivegreen;		border-left-color: darkolivegreen;

	&:before {		message--success:before {
	background-color: darkolivegreen;		background-color: darkolivegreen;
	content: "✔";		content: "✔";
	}		}
	}		}