User:Culi/common.css: Difference between revisions
Content added Content deleted
No edit summary |
(fancy button?) |
||
Line 2: | Line 2: | ||
color: #233; |
color: #233; |
||
font-family: sans-serif; |
font-family: sans-serif; |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
color: #fefefe; |
|||
} |
} |
||
#content a { |
#content a { |
||
font-weight: 600; |
|||
color: inherit; |
color: inherit; |
||
text-decoration: none; |
|||
transition: all 0.2s ease-in-out; |
transition: all 0.2s ease-in-out; |
||
} |
} |
||
Line 18: | Line 13: | ||
#content a:hover { |
#content a:hover { |
||
color: #1c7ed6; |
color: #1c7ed6; |
||
⚫ | |||
⚫ | |||
position: relative; |
|||
⚫ | |||
⚫ | |||
border: 2px solid #233; |
|||
⚫ | |||
} |
|||
#content .fancy-button::after { |
|||
content: ""; |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
transform: translate(10px, 10px); |
|||
transition: transform 0.25s ease-in-out; |
|||
} |
|||
#content .fancy-button:hover::after { |
|||
transform: translate(0, 0); |
|||
} |
|||
#content .fancy-button > a { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
} |