Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(Created page with "→All CSS here will be loaded for users of the Vector skin: .navtable { margin-left: initial !important;") |
|||
| Line 2: | Line 2: | ||
.navtable { | .navtable { | ||
margin-left: initial !important; | margin-left: initial !important; | ||
| + | |||
| + | /*Button selectionscreen*/ | ||
| + | |||
| + | |||
| + | .selectionscreen#backtoselectionscreen { | ||
| + | background: red; | ||
| + | z-index: 2000; | ||
| + | width: 40px; | ||
| + | height: 40px; | ||
| + | z-index: 1000; | ||
| + | display: inline-block; | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | right: 1%; | ||
| + | padding: 5px; | ||
| + | margin: 20px; | ||
| + | background-color: #e8e6e1; | ||
| + | color: #477CE6; | ||
| + | border: 4px solid whitesmoke; | ||
| + | border-radius: 5px; | ||
| + | box-shadow: 0px 0.1px 5px 0px grey; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | |||
| + | .selectionscreen#innerselectionscreen { | ||
| + | width: 100%; | ||
| + | height 100%; | ||
| + | } | ||
| + | |||
| + | .selectionscreen > a { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | display: block; | ||
| + | text-decoration: none; | ||
| + | font-size: 15px; | ||
| + | text-align: center; | ||
| + | font-weight: 900; | ||
| + | color: #ff014d; | ||
| + | z-index: 2001; | ||
| + | position: relative; | ||
| + | padding: initial !important; | ||
| + | background: initial !important; | ||
| + | |||
| + | } | ||
| + | |||
| + | object { | ||
| + | pointer-events: none; | ||
| + | |||
| + | } | ||
| + | |||
| + | object.selectionscreen > svg:hover, object.selectionscreen > svg:focus-within{ | ||
| + | fill: dimgray; | ||
| + | } | ||
| + | |||
| + | .selectionscreen#backtoselectionscreen:hover, .selectionscreen#backtoselectionscreen:focus-within, .selectionscreen#backtoselectionscreen:active { | ||
| + | border: 4px solid #ff014d; | ||
| + | color: #ff014d; | ||
| + | background-color: white; | ||
| + | box-shadow: 0px 0.8px 7px 0.6px grey; | ||
| + | } | ||
Revision as of 12:48, 23 May 2021
/* All CSS here will be loaded for users of the Vector skin */
.navtable {
margin-left: initial !important;
/*Button selectionscreen*/
.selectionscreen#backtoselectionscreen {
background: red;
z-index: 2000;
width: 40px;
height: 40px;
z-index: 1000;
display: inline-block;
position: fixed;
top: 0;
right: 1%;
padding: 5px;
margin: 20px;
background-color: #e8e6e1;
color: #477CE6;
border: 4px solid whitesmoke;
border-radius: 5px;
box-shadow: 0px 0.1px 5px 0px grey;
cursor: pointer;
}
.selectionscreen#innerselectionscreen {
width: 100%;
height 100%;
}
.selectionscreen > a {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
font-size: 15px;
text-align: center;
font-weight: 900;
color: #ff014d;
z-index: 2001;
position: relative;
padding: initial !important;
background: initial !important;
}
object {
pointer-events: none;
}
object.selectionscreen > svg:hover, object.selectionscreen > svg:focus-within{
fill: dimgray;
}
.selectionscreen#backtoselectionscreen:hover, .selectionscreen#backtoselectionscreen:focus-within, .selectionscreen#backtoselectionscreen:active {
border: 4px solid #ff014d;
color: #ff014d;
background-color: white;
box-shadow: 0px 0.8px 7px 0.6px grey;
}