MediaWiki:Gadget-PG PERIODIC TABLE OF ACTIONS.css - Revision history

Wikiadmin1 at 13:05, 20 February 2023

2023-02-20T13:05:51Z

← Older revision		Revision as of 15:05, 20 February 2023
Line 1:		Line 1:

	.pg-periodic-system-of-actions {		.pg-periodic-system-of-actions {
	background-color: ~~yellow~~;		background-color: blue;
	border: 0px solid;		border: 0px solid;
	display: flex;		display: flex;

Wikiadmin1 at 12:59, 20 February 2023

2023-02-20T12:59:33Z

← Older revision		Revision as of 14:59, 20 February 2023
Line 1:		Line 1:

			.pg-periodic-system-of-actions {
			background-color: yellow;
			border: 0px solid;
			display: flex;
			align-items: flex-end;
			justify-content: left;
			}
			.pg-periodic-system-column {
			width: 90%;
			margin: 0px;
			border: 0px;
			background-color: blue;
			border: 0px solid;
			}
			.pg-periodic-system-cell {
			background-color: white;
			border: 0px solid;
			text-align: center;
			margin: 0px;
			}

			/********** observed */
			.pg-observed-action {
			position: absolute;
			width: 50px;
			height: 50px;
			top: 10%;
			left: 50%;
			margin: -50px 0 0 -50px;
			background: red;
			border-color: black;
			border-width: 13px;
			border-radius: 8%;
			backface-visibility: hidden;
			}



	/* CSS for cell chasers */		/* CSS for cell chasers */

Wikiadmin1: Created page with " /* CSS for cell chasers */ div.pg-psoa-cell{ position: relative; width: 100px; height: 50px; border: 0px solid black; background-color: #d2d1d4; } div.pg-psoa-action-chaser { width: 100%; height: 10%; border: 0; overflow: hidden; } div.pg-psoa-action-animation { posit..."

2023-02-19T21:00:05Z

Created page with " CSS for cell chasers: div.pg-psoa-cell{ position: relative; width: 100px; height: 50px; border: 0px solid black; background-color: #d2d1d4; } div.pg-psoa-action-chaser { width: 100%; height: 10%; border: 0; overflow: hidden; } div.pg-psoa-action-animation { posit..."

New page

/* CSS for cell chasers */

div.pg-psoa-cell{
position: relative;
width: 100px;
height: 50px;
border: 0px solid black;
background-color: #d2d1d4;
}
div.pg-psoa-action-chaser {
width: 100%;
height: 10%;
border: 0;
overflow: hidden;
}
div.pg-psoa-action-animation {
position: absolute;
height: 100%;
width: 100%;
border: 0;
background: linear-gradient(to right, #d2d1d4, rgb(12, 1, 1));
animation: pg-chaser-horizontal 2s linear infinite;
}
@keyframes pg-chaser-horizontal{
0%{
transform: translateX(-100%);
}
100%{
transform: translateX(0%);
}
}