MediaWiki:Vector.css: Difference between revisions
No edit summary |
Muggshotter (talk | contribs) (Added hover effect for button-portrait-002 and 003) |
||
| (12 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Vector skin */ | /* All CSS here will be loaded for users of the Vector skin */ | ||
.mw-logo-icon { width: 100%; height: auto } | .mw-logo-icon { width: 100% !important; height: auto !important } | ||
.mw-logo-container, | .mw-logo-container, | ||
.mw-logo-wordmark { display: none } | .mw-logo-wordmark { display: none !important } | ||
.mw-collapsible.Navbox012.mw-made-collapsible { display: block } | |||
.button-psp1 { | |||
border: 3px outset #eee; | |||
background: #a5a1b5; | |||
box-shadow: 3px 3px 3px #807391; | |||
width: 60px; | |||
overflow: hidden | |||
} | |||
.button-psp1 img, | |||
.button-psp1 p { | |||
margin: 0; | |||
text-align: center; | |||
vertical-align: middle | |||
} | |||
.button-psp1 img:hover, | |||
.button-portrait-001 img:hover, | |||
.button-portrait-002 img:hover, | |||
.button-portrait-003 img:hover { | |||
transition: 0.3s ease-in-out; | |||
transform: scale(0.9); | |||
} | |||
.button-portrait-001 { | |||
float: none; | |||
background: #a5a1b5; | |||
box-shadow: 2px 2px 2px; | |||
width: 70px; | |||
height: 100px; | |||
overflow: hidden; | |||
padding: 3px; | |||
} | |||
.button-portrait-001 img, | |||
.button-portrait-001 p { margin: -55px 110px 50px -110px; } | |||
.button-portrait-002 { | |||
float: none; | |||
background: #a5a1b5; | |||
box-shadow: 2px 2px 2px; | |||
width: 70px; | |||
height: 100px; | |||
overflow: hidden; | |||
padding: 3px; | |||
} | |||
.button-portrait-002 img, | |||
.button-portrait-002 p { margin: -55px 0px 0px -132px; } | |||
/*Centers portraits that are too much on the right side. Terra, Firion & Bartz. */ | |||
.button-portrait-003 { | |||
float: none; | |||
background: #a5a1b5; | |||
box-shadow: 2px 2px 2px; | |||
width: 70px; | |||
height: 100px; | |||
overflow: hidden; | |||
padding: 3px; | |||
} | |||
.button-portrait-003 img, | |||
.button-portrait-003 p { margin: -55px 0px 50px -100px; } | |||
/*Centers portraits that are too much on the left side. Garland, Emperor, Golbez, Kain, Exdeath, Kuja, Jecht, Shantotto & Gabranth. */ | |||
Latest revision as of 15:01, 5 June 2025
/* All CSS here will be loaded for users of the Vector skin */
.mw-logo-icon { width: 100% !important; height: auto !important }
.mw-logo-container,
.mw-logo-wordmark { display: none !important }
.mw-collapsible.Navbox012.mw-made-collapsible { display: block }
.button-psp1 {
border: 3px outset #eee;
background: #a5a1b5;
box-shadow: 3px 3px 3px #807391;
width: 60px;
overflow: hidden
}
.button-psp1 img,
.button-psp1 p {
margin: 0;
text-align: center;
vertical-align: middle
}
.button-psp1 img:hover,
.button-portrait-001 img:hover,
.button-portrait-002 img:hover,
.button-portrait-003 img:hover {
transition: 0.3s ease-in-out;
transform: scale(0.9);
}
.button-portrait-001 {
float: none;
background: #a5a1b5;
box-shadow: 2px 2px 2px;
width: 70px;
height: 100px;
overflow: hidden;
padding: 3px;
}
.button-portrait-001 img,
.button-portrait-001 p { margin: -55px 110px 50px -110px; }
.button-portrait-002 {
float: none;
background: #a5a1b5;
box-shadow: 2px 2px 2px;
width: 70px;
height: 100px;
overflow: hidden;
padding: 3px;
}
.button-portrait-002 img,
.button-portrait-002 p { margin: -55px 0px 0px -132px; }
/*Centers portraits that are too much on the right side. Terra, Firion & Bartz. */
.button-portrait-003 {
float: none;
background: #a5a1b5;
box-shadow: 2px 2px 2px;
width: 70px;
height: 100px;
overflow: hidden;
padding: 3px;
}
.button-portrait-003 img,
.button-portrait-003 p { margin: -55px 0px 50px -100px; }
/*Centers portraits that are too much on the left side. Garland, Emperor, Golbez, Kain, Exdeath, Kuja, Jecht, Shantotto & Gabranth. */