|
|
| Line 1: |
Line 1: |
| /* All CSS here will be loaded for users of the Vector skin */
| |
|
| |
|
| /* This one changes CSS for the link buttons */
| |
|
| |
| #n-Access-Discord a:link,
| |
| #n-Access-Discord a:visited,
| |
| #n-View-YouTube a:link,
| |
| #n-View-YouTube a:visited,
| |
| #n-View-DynMap a:link,
| |
| #n-View-DynMap a:visited {
| |
| vertical-align: sub;
| |
| text-decoration: none;
| |
| font-weight: bold;
| |
| color: #ffffff;
| |
| }
| |
|
| |
| #n-Access-Discord {
| |
| background: #7289da;
| |
| background-image: url('https://static.wikitide.net/alathramcwiki/8/82/636e0a6ca814282eca7172c6_icon_clyde_white_RGB.svg');
| |
| background-repeat: no-repeat;
| |
| background-size: 16px;
| |
| background-position: center left;
| |
| border-width: 0px 6px 0px 6px;
| |
| border-style: solid;
| |
| border-radius: 4px;
| |
| border-color: #7289da;
| |
| padding-left: 1.8em;
| |
| transition: background-color .4s, border-color .4s;
| |
| margin-bottom: 3px;
| |
| }
| |
|
| |
| #n-View-YouTube {
| |
| background: #e60000;
| |
| background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/42/YouTube_light_icon_%282017%29.svg');
| |
| background-repeat: no-repeat;
| |
| background-size: 16px;
| |
| background-position: center left;
| |
| border-width: 0px 6px 0px 6px;
| |
| border-style: solid;
| |
| border-radius: 4px;
| |
| border-color: #e60000;
| |
| padding-left: 1.8em;
| |
| transition: background-color .4s, border-color .4s;
| |
| margin-bottom: 3px;
| |
| }
| |
|
| |
|
| |
| #n-View-DynMap {
| |
| background: #ad9c6f;
| |
| background-image: url('https://upload.wikimedia.org/wikipedia/commons/8/86/Map_icon.svg');
| |
| background-repeat: no-repeat;
| |
| background-size: 16px;
| |
| background-position: center left;
| |
| border-width: 0px 6px 0px 6px;
| |
| border-style: solid;
| |
| border-radius: 4px;
| |
| border-color: #ad9c6f;
| |
| padding-left: 1.8em;
| |
| transition: background-color .4s, border-color .4s;
| |
| }
| |
|
| |
|
| |
| #n-Access-Discord:hover {
| |
| border-color: #8699df;
| |
| background-color: #8699df;
| |
| }
| |
|
| |
| #n-View-DynMap:hover {
| |
| border-color: #b5a67d;
| |
| background-color: #b5a67d;
| |
| }
| |
|
| |
| #n-View-Youtube:hover {
| |
| border-color: #ff4d4d;
| |
| background-color: #ff4d4d;
| |
| }
| |
