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; }