Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
| Line 18: | Line 18: | ||
border-right: 2px solid black; | border-right: 2px solid black; | ||
border-bottom: 2px solid black; | border-bottom: 2px solid black; | ||
| + | } | ||
| + | /* That will place a temporary campaign/launch/event/whatever image right down the | ||
| + | main logo - pretty useful hun? nah */ | ||
| + | |||
| + | /* Make clickable text on links invisible. */ | ||
| + | li#n-hi { | ||
| + | color:#f6f6f6; | ||
| + | visibility: visible; | ||
| + | font-size:0em; | ||
| + | } | ||
| + | |||
| + | #n-hi:hover ::after, #n-hi ::after { | ||
| + | content: ''; | ||
| + | display:inline-block; | ||
| + | width: 48px; | ||
| + | height: 48px; | ||
| + | |||
| + | background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg'); | ||
| + | } | ||
| + | |||
| + | /* Every image need to have its own rule defined. */ | ||
| + | #n-hi::after{ | ||
| + | background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg'); | ||
| + | } | ||
| + | |||
| + | #n-hi:hover ::after { | ||
| + | background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg'); | ||
| + | } | ||
| + | #n-hi:hover ::after, #n-hi ::after{ | ||
| + | background-repeat: no-repeat; | ||
| + | background-size: contain; | ||
| + | } | ||
| + | |||
| + | #mw-panel .portal .body li#n-hi { | ||
| + | font-size:0em; | ||
| + | padding:10px; | ||
| + | } | ||
| + | |||
| + | /* Make clickable text on links invisible. */ | ||
| + | #n-hi1 { | ||
| + | color:#f6f6f6; | ||
| + | font-size:0em; | ||
| + | } | ||
| + | |||
| + | #n-hi1:hover ::after, #n-hi1 ::after { | ||
| + | content: ''; | ||
| + | display:inline-block; | ||
| + | width: 48px; | ||
| + | height: 48px; | ||
| + | |||
| + | background: url('https://www.gstatic.com/webp/gallery/1.jpg'); | ||
| + | } | ||
| + | |||
| + | /* Every image need to have its own rule defined. */ | ||
| + | #n-hi1::after{ | ||
| + | background: url('https://www.gstatic.com/webp/gallery/1.jpg'); | ||
| + | } | ||
| + | |||
| + | #n-hi1:hover ::after { | ||
| + | background: url('https://www.gstatic.com/webp/gallery/1.jpg'); | ||
| + | } | ||
| + | #n-hi1:hover ::after, #n-hi1 ::after{ | ||
| + | background-repeat: no-repeat; | ||
| + | background-size: contain; | ||
| + | } | ||
| + | |||
| + | #mw-panel .portal .body li#n-hi1 { | ||
| + | font-size:0em; | ||
| + | padding:10px; | ||
} | } | ||
Revision as of 11:59, 1 September 2019
/* CSS placed here will affect users of the Vector skin */
#p-navigation
{
border-image: url("http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg") 30
round;
border-top: 25px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
}
#p-tb
{
border-image: url("http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg") 30
round;
border-top: 25px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
}
/* That will place a temporary campaign/launch/event/whatever image right down the
main logo - pretty useful hun? nah */
/* Make clickable text on links invisible. */
li#n-hi {
color:#f6f6f6;
visibility: visible;
font-size:0em;
}
#n-hi:hover ::after, #n-hi ::after {
content: '';
display:inline-block;
width: 48px;
height: 48px;
background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
}
/* Every image need to have its own rule defined. */
#n-hi::after{
background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
}
#n-hi:hover ::after {
background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
}
#n-hi:hover ::after, #n-hi ::after{
background-repeat: no-repeat;
background-size: contain;
}
#mw-panel .portal .body li#n-hi {
font-size:0em;
padding:10px;
}
/* Make clickable text on links invisible. */
#n-hi1 {
color:#f6f6f6;
font-size:0em;
}
#n-hi1:hover ::after, #n-hi1 ::after {
content: '';
display:inline-block;
width: 48px;
height: 48px;
background: url('https://www.gstatic.com/webp/gallery/1.jpg');
}
/* Every image need to have its own rule defined. */
#n-hi1::after{
background: url('https://www.gstatic.com/webp/gallery/1.jpg');
}
#n-hi1:hover ::after {
background: url('https://www.gstatic.com/webp/gallery/1.jpg');
}
#n-hi1:hover ::after, #n-hi1 ::after{
background-repeat: no-repeat;
background-size: contain;
}
#mw-panel .portal .body li#n-hi1 {
font-size:0em;
padding:10px;
}