MediaWiki:Common.css - Revision history

WikiDevops at 13:54, 21 August 2023

2023-08-21T13:54:30Z

← Older revision		Revision as of 13:54, 21 August 2023
Line 281:		Line 281:
	transform: scale(1, 1);		transform: scale(1, 1);
	}		}
			}

			#p-tb {
			cursor: pointer;
	}		}

Import-sysop: transformed

2023-01-16T14:05:08Z

transformed

← Older revision		Revision as of 14:05, 16 January 2023
Line 4:		Line 4:
	}		}

	.controls-loggedin {		.controls-loggedin, .controls-loggedin-inline {
	display: none;		display: none;
	}		}
Line 13:		Line 13:
	font-weight: normal;		font-weight: normal;
	color: #0645ad;		color: #0645ad;
			white-space: nowrap;
	}		}


	#p-tb::after {		#p-tb::after {

Import-sysop at 17:30, 14 January 2023

2023-01-14T17:30:23Z

← Older revision		Revision as of 17:30, 14 January 2023
Line 4:		Line 4:
	}		}

	.controls-loggedin~~, .controls-loggedin-inline~~ {		.controls-loggedin {
	display: none;		display: none;
	}		}
Line 13:		Line 13:
	font-weight: normal;		font-weight: normal;
	color: #0645ad;		color: #0645ad;
	~~white-space: nowrap;~~
	}		}


	#p-tb::after {		#p-tb::after {

Import-sysop: transformed

2023-01-05T13:52:33Z

transformed

← Older revision		Revision as of 13:52, 5 January 2023
Line 4:		Line 4:
	}		}

	.controls-loggedin {		.controls-loggedin, .controls-loggedin-inline {
	display: none;		display: none;
	}		}
Line 13:		Line 13:
	font-weight: normal;		font-weight: normal;
	color: #0645ad;		color: #0645ad;
			white-space: nowrap;
	}		}

Line 77:		Line 78:
	padding: 30px;		padding: 30px;
	padding-top: 10px;		padding-top: 10px;
	~~background-color: #397ab8;~~
	margin: 0px;		margin: 0px;
	background-image: url(images/Thinker-crop.png);		background-color: #1c3c67;
			/* background-image: url(images/Thinker-crop.png); */
	background-size: contain;		background-size: contain;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	background-position: right 0 bottom 0;		background-position: right 0 bottom 0;
	}

	~~.hero-section {~~
	~~background-color: #2e598e;~~
	}		}

Import-sysop: transformed

2023-01-04T13:48:21Z

transformed

← Older revision		Revision as of 13:48, 4 January 2023
Line 4:		Line 4:
	}		}

			.controls-loggedin {
			display: none;
			}

			.label-loggedin {
			font-size: 14px;
			font-family: Helvetica;
			font-weight: normal;
			color: #0645ad;
			}

	#p-tb::after {		#p-tb::after {

Import-sysop: transformed

2022-12-28T22:08:35Z

transformed

@@ Line 2: / Line 2: @@
 body {
    margin: 0;
+}

Import-sysop: transformed

2022-11-28T21:12:48Z

transformed

← Older revision		Revision as of 21:12, 28 November 2022
Line 7:		Line 7:
	.mw-htmlform-ooui-wrapper {		.mw-htmlform-ooui-wrapper {
	display: none;		display: none;
			}

			div.hero-sections a.mw-selflink.selflink {
			background-color: white;
			color: #1c3c67;
			padding: 6px 4px 6px 4px;
	}		}

Line 13:		Line 19:
	}		}

	.mw-headline {		h1 .mw-headline {
	font-family: ~~"Fira Sans",~~ sans-serif;		font-family: sans-serif;
	margin-bottom: 10px;		margin-bottom: 10px;
	}		}

			h2, h3 {
			font-family: Georgia, Times, serif;
			}


	#firstHeading {		#firstHeading {
Line 42:		Line 53:

	.hero-background-right {		.hero-background-right {
			min-height: 200px;
	padding: 30px;		padding: 30px;
	padding-top: 10px;		padding-top: 10px;
Line 47:		Line 59:
	margin: 0px;		margin: 0px;
	background-image: url(images/Thinker-crop.png);		background-image: url(images/Thinker-crop.png);
	background-size: ~~260px 260px~~;		background-size: contain;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	background-position: right ~~50px~~ bottom 0;		background-position: right 0 bottom 0;
	}		}

	.hero-section {		.hero-section {
	~~height: 230px;~~
	background-color: #2e598e;		background-color: #2e598e;
	}		}

Import-sysop: transformed

2022-11-28T13:30:59Z

transformed

← Older revision		Revision as of 13:30, 28 November 2022
Line 2:		Line 2:
	body {		body {
	margin: 0;		margin: 0;
			}

			/* hack: hide purge form to auto click it (is unhidden after 2s) */
			.mw-htmlform-ooui-wrapper {
			display: none;
	}		}

Line 104:		Line 109:


	#timeline, .timeline-tooltip {		#timeline,
			.timeline-tooltip {
	font-family: Helvetica		font-family: Helvetica
	}		}

Import-sysop: transformed

2022-11-25T19:50:57Z

transformed

New page

/* CSS placed here will be applied to all skins */
body {
margin: 0;
}

.hidden {
display: none;
}

.mw-headline {
font-family: "Fira Sans", sans-serif;
margin-bottom: 10px;
}

#firstHeading {
display: none;
}

.for-missing {
font-weight: bold;
}

#timeline {
width: 100%;
}

#timeline .vis-item-content {
font-size: 80%;
padding: 2px;
}

.formtable th {
width: 7em;
}

.hero-background-right {
padding: 30px;
padding-top: 10px;
background-color: #397ab8;
margin: 0px;
background-image: url(images/Thinker-crop.png);
background-size: 260px 260px;
background-repeat: no-repeat;
background-position: right 50px bottom 0;
}

.hero-section {
height: 230px;
background-color: #2e598e;
}

.hero-sections {
background-color: #1c3c67;
padding: 10px;
color: white;
}

.hero-sections a,
.hero-sections a:link,
.hero-sections a:visited {
white-space: nowrap;
text-decoration: none;
color: white;
}

.hero-background-right ul {
margin: 0px;
}

.hero-background-right li {
list-style-type: none;
list-style-image: none;
}

.hero-background-right a,
.hero-background-right a:link,
.hero-background-right a:visited {
text-decoration: underline;
}

.hero-background-right h1,
.hero-background-right a {
color: white;
}

.hero-background-right a,
.hero-background-right a:link,
.hero-background-right a:visited {
text-decoration: underline;
}

.hero-background-right h1 {
font-weight: bold;
border-bottom: none;
}

main,
header {
padding: 30px;
font-family: Helvetica
}

#timeline, .timeline-tooltip {
font-family: Helvetica
}

header {
position: sticky;
top: 0;
background: #2196F3;
}

main {
min-height: 1000vh;
background: #E3F2FD;
line-height: 2;
font-size: 2em;
}

.col-container {
display: flex;
}

.col-container>div {
width: 50%;
margin-right: 10px;
}

.loading-text {
background: white;
color: black;
font-weight: bold;
padding-left: 2em;
}

/**
* ==============================================
* Dot Elastic
* from https://codepen.io/nzbin/pen/GGrXbp
* ==============================================
*/
.dot-elastic {
position: relative;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #9880ff;
color: #9880ff;
animation: dotElastic 1s infinite linear;
}

.dot-elastic::before,
.dot-elastic::after {
content: '';
display: inline-block;
position: absolute;
top: 0;
}

.dot-elastic::before {
left: -15px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #9880ff;
color: #9880ff;
animation: dotElasticBefore 1s infinite linear;
}

.dot-elastic::after {
left: 15px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #9880ff;
color: #9880ff;
animation: dotElasticAfter 1s infinite linear;
}

@keyframes dotElasticBefore {
0% {
transform: scale(1, 1);
}

25% {
transform: scale(1, 1.5);
}

50% {
transform: scale(1, 0.67);
}

75% {
transform: scale(1, 1);
}

100% {
transform: scale(1, 1);
}
}

@keyframes dotElastic {
0% {
transform: scale(1, 1);
}

25% {
transform: scale(1, 1);
}

50% {
transform: scale(1, 1.5);
}

75% {
transform: scale(1, 1);
}

100% {
transform: scale(1, 1);
}
}

@keyframes dotElasticAfter {
0% {
transform: scale(1, 1);
}

25% {
transform: scale(1, 1);
}

50% {
transform: scale(1, 0.67);
}

75% {
transform: scale(1, 1.5);
}

100% {
transform: scale(1, 1);
}
}