User:Culi/common.css
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.
#content {
color: #233;
font-family: sans-serif;
}
#content * {
box-sizing: border-box;
}
#content a {
font-weight: 600;
color: inherit;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
#content a:hover {
color: #1c7ed6;
}
#content .fancy-button {
position: relative;
padding: 0.5rem;
background-color: #fefefe;
border: 2px solid #233;
border-radius: 0.15rem;
}
#content .fancy-button::after {
content: "";
position: absolute;
background-color: #63e6be;
border: 2px solid #233;
width: 100%;
height: 100%;
left: 10px;
top: 10px;
z-index: -1;
pointer-events: none;
transition: all 0.25s ease-in-out;
}
#content .fancy-button:hover::after {
left: -1px;
top: -1px;
}
#content .fancy-button > a {
width: 100%;
height: 100%;
}