User:AtKing/common.css - Revision history

AtKing at 03:05, 19 August 2022

2022-08-19T03:05:14Z

← Older revision		Revision as of 03:05, 19 August 2022
Line 1:		Line 1:
	/* atKs personal stylesheet ~~(caution: bug prone, NOT mobile compatible)~~ */		/* atKs personal stylesheet */
	@keyframes animlogo {		@keyframes animlogo {
	0% { transform: translate(-1px, 9px); }		0% { transform: translate(-1px, 9px); }
Line 80:		Line 80:
	animation: animtext 0.1s linear reverse forwards;		animation: animtext 0.1s linear reverse forwards;
	}		}
			#mw-panel a:hover {
			text-decoration: none;
			cursor: pointer;
			}
	#mw-panel li {		#mw-panel li {
	text-align: center;		text-align: center;

AtKing at 00:51, 18 June 2022

2022-06-18T00:51:37Z

← Older revision		Revision as of 00:51, 18 June 2022
Line 1:		Line 1:
	/* atKs personal stylesheet (caution: bug prone, NOT mobile compatible) */		/* atKs personal stylesheet (caution: bug prone, NOT mobile compatible) */
			@keyframes animlogo {
			0% { transform: translate(-1px, 9px); }
			20% { transform: translate(1px, 12px); }
			100% { transform: translate(0px, 11px); }
			}
			@keyframes animtext {
			0% { transform: translate(-1px, -1px); }
			20% { transform: translate(2px, 2px); }
			100% { transform: translate(1px, 1px); }
			}
	#n-Vast-Error, #n-Vast-Error a {		#n-Vast-Error, #n-Vast-Error a {
	background: #b95c00;		background: #b95c00;
Line 20:		Line 30:
	background: #eeeeee;		background: #eeeeee;
	}		}
	.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {		.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown {
	background: linear-gradient(0deg, #eeeeee, #c6c6c6);		background: linear-gradient(0deg, #eeeeee, #c6c6c6);
	font-family: "Courier New", monospace;		font-family: "Courier New", monospace;
	font-weight: bold;		font-weight: bold;
			}
			.vector-menu-tabs a:hover, #mw-head .vector-menu-dropdown:hover {
			filter: brightness(1.1);
			}
			.vector-menu-tabs a:active, #mw-head .vector-menu-dropdown:active {
			filter: brightness(1.2) drop-shadow(0px -3px 4px #000);
	}		}
	.mw-wiki-logo {		.mw-wiki-logo {
Line 32:		Line 48:
	animation: animlogo 0.2s step-end;		animation: animlogo 0.2s step-end;
	filter: drop-shadow(0px 0px 0px #000);		filter: drop-shadow(0px 0px 0px #000);
	}

	~~@keyframes animlogo {~~
	~~0% { transform: translate(-1px, 9px); }~~
	~~20% { transform: translate(1px, 12px); }~~
	~~100% { transform: translate(0px, 11px); }~~
	}
	~~@keyframes animtext {~~
	~~0% { transform: translate(-1px, -1px); }~~
	~~20% { transform: translate(2px, 2px); }~~
	~~100% { transform: translate(1px, 1px); }~~
	}		}

Line 72:		Line 77:
	animation: animtext 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;		animation: animtext 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
	}		}
			#mw-panel li:active {
			animation: animtext 0.1s linear reverse forwards;
			}

	#mw-panel li {		#mw-panel li {
	text-align: center;		text-align: center;
Line 98:		Line 107:
	}		}
	footer li {		footer li {
	~~background~~: ~~#eee~~;		filter: drop-shadow(0px 0px 2px white);
	~~box~~-shadow: 0px ~~0px 17px 12px #eee~~;		text-shadow: 1px 1px 0px white;
	}		}

AtKing at 14:51, 17 June 2022

2022-06-17T14:51:54Z

← Older revision		Revision as of 14:51, 17 June 2022
Line 46:		Line 46:

	body, #mw-page-base {		body, #mw-page-base {
	background: url(https://wiki.deconreconstruction.com/images/0/04/The_Static.gif);		background: url('https://wiki.deconreconstruction.com/images/0/04/The_Static.gif');
	background-attachment: fixed;		background-attachment: fixed;
	}		}
Line 97:		Line 97:
	background-color: #ffffff00;		background-color: #ffffff00;
	}		}
	footer a {		footer li {
	background: #~~fff~~;		background: #eee;
	box-shadow: ~~0 0~~ 12px ~~6px white~~;		box-shadow: 0px 0px 17px 12px #eee;
	}		}

AtKing: personal css

2022-06-17T14:24:57Z

personal css

New page

/* atKs personal stylesheet (caution: bug prone, NOT mobile compatible) */
#n-Vast-Error, #n-Vast-Error a {
background: #b95c00;
color: #8dad00;
text-shadow: 1px 1px 0 #000000;
}
#n-Snowbound-Blood, #n-Snowbound-Blood a {
background: #def0ff;
color: #0f0f0f;
}
#n-Thaumatrope, #n-Thaumatrope a {
background: #2f2f2f;
color: #f0f0f0;
}
#p-navigation li, #p-navigation li a, #p-Characters li, #p-Characters li a, #p-tb li, #p-tb li a {
background: #f0f0f0;
color: #0f0f0f;
}
#left-navigation, #right-navigation {
background: #eeeeee;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background: linear-gradient(0deg, #eeeeee, #c6c6c6);
font-family: "Courier New", monospace;
font-weight: bold;
}
.mw-wiki-logo {
box-shadow: 0px 0px 3px 0px black;
transform: translate(0px, 11px);
}
.mw-wiki-logo:hover {
animation: animlogo 0.2s step-end;
filter: drop-shadow(0px 0px 0px #000);
}

@keyframes animlogo {
0% { transform: translate(-1px, 9px); }
20% { transform: translate(1px, 12px); }
100% { transform: translate(0px, 11px); }
}
@keyframes animtext {
0% { transform: translate(-1px, -1px); }
20% { transform: translate(2px, 2px); }
100% { transform: translate(1px, 1px); }
}

body, #mw-page-base {
background: url(https://wiki.deconreconstruction.com/images/0/04/The_Static.gif);
background-attachment: fixed;
}
#p-personal {
background: #ffffffcc;
font-family: "Courier New", monospace;
box-shadow: 20px -8px 17px 19px #ffffffcc;
width: inherit;
font-weight: bold;
font-size: 18px;
color: #000;
}
#p-personal .vector-menu-content-list a:before, #p-personal .vector-menu-content-list a:after {
padding-right: 3px;
content: " ";
}
#mw-panel {
box-shadow: 0px 20px 18px 10px #ffffffcc;
background: linear-gradient(180deg,#ffffff00 0rem,#ffffffcc 13rem);
margin-top: 1.8rem;
font-family: "Courier New", monospace;
font-weight: bold;
}
#mw-panel li:hover {
animation: animtext 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}
#mw-panel li {
text-align: center;
font-size: 14px;
border: 2px solid #ffffff00;
padding: 2px;
border-radius: 0px;
display: grid;
box-shadow: 2px 2px 0px black;
}
#content a {
font-family: sans-serif;
font-weight: normal;
}
#content {
background-color: #eeeeee;
}
#firstHeading {
font-family: "Courier New", monospace;
font-weight: bold;
text-align: center;
}
#searchInput {
font-family: "Courier New", monospace;
background-color: #ffffff00;
}
footer a {
background: #fff;
box-shadow: 0 0 12px 6px white;
}