User:AtKing/common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* atKs personal stylesheet */
@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 a:hover {
text-decoration: none;
cursor: pointer;
}
#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;
}