239
edits
MediaWiki:Vector.css: Difference between revisions
new top nav implementation, uses JS to create the nav instead of hacky CSS
(fix black text on header) |
(new top nav implementation, uses JS to create the nav instead of hacky CSS) |
||
Line 47:
#footer a:hover {
color: #fff;
}▼
height: calc(5em + 56px);▼
}
Line 62 ⟶ 57:
/* new Vector */
.mw-page-container-inner {▼
border: 0;▼
}
#mw-head, #mw-panel,▼
display: none;▼
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {▼
top: 56px;▼
}
/*
.client-js #mw-
background: none;▼
▲ border: 0;
}
▲.client-js .mw-page-container-inner {
padding-top: 56px;
position: fixed;▼
▲}
top: 0;▼
left: 0;▼
.client-js #mw-head,
width: 100%;▼
margin: 0;▼
▲.client-js .ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
padding: .5rem 1rem;▼
}
box-sizing: border-box;▼
font-family: Verdana, Arial, Helvetica, sans-serif;▼
#ricochet-top-nav {
font-size: 1rem;▼
font-weight: 400;
line-height: 1.5;
text-align: left;
z-index: 101;
}
#ricochet-top-nav-list {
list-style: none;
▲#p-Ricochet-label {
▲ display: none;
}
#ricochet-top-nav-list a {
color: rgba(255, 255, 255, 0.5);
}
#ricochet-top-nav-list a:hover,
#ricochet-top-nav-list a:focus {
▲ padding: 0;
color: rgba(255, 255, 255, 0.75);
▲ display: flex;
text-decoration: none;
▲ flex-direction: row;
}
#ricochet-top-nav-list svg {
width: 20px;
▲ padding: 0;
fill: hsla(0, 0%, 100%, 0.5);
▲ line-height: 1.5;
vertical-align: middle;
}
#ricochet-top-nav-list a[href="https://wiki.ricochetuniverse.com"]
▲#mw-panel #p-Ricochet a {
{
▲ display: block;
▲ padding: .5rem .5rem;
▲ color: #fff;
}
#ricochet-top-nav-list a[href$='/discord']:hover > svg,
#
fill: #5865f2;
▲ text-decoration: none;
}
| |||