User:AtKing/common.css

/* 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 {
    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 {
    background: linear-gradient(0deg, #eeeeee, #c6c6c6);
    font-family: "Courier New", monospace;
    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 {
    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);
}

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:active {
    animation: animtext 0.1s linear reverse 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 li {
    filter: drop-shadow(0px 0px 2px white);
    text-shadow: 1px 1px 0px white;
}