MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→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..." |
mNo edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
#p- | #p-navigatio | ||
{ | { | ||
border-image: url(" | border-image: url("https://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg") 30 | ||
round; | round; | ||
border-top: 25px solid black; | border-top: 25px solid black; | ||
| Line 9: | Line 9: | ||
border-bottom: 2px solid black; | border-bottom: 2px solid black; | ||
} | } | ||
#p- | #p-t | ||
{ | { | ||
border-image: url(" | border-image: url("https://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg") 30 | ||
round; | round; | ||
border-top: 25px solid black; | border-top: 25px solid black; | ||
| Line 34: | Line 34: | ||
height: 48px; | height: 48px; | ||
background: url(' | background: url('https://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg'); | ||
} | } | ||
/* Every image need to have its own rule defined. */ | /* Every image need to have its own rule defined. */ | ||
#n-hi::after{ | #n-hi::after{ | ||
background: url(' | background: url('https://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg'); | ||
} | } | ||
#n-hi:hover ::after { | #n-hi:hover ::after { | ||
background: url(' | background: url('https://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg'); | ||
} | } | ||
#n-hi:hover ::after, #n-hi ::after{ | #n-hi:hover ::after, #n-hi ::after{ | ||
Revision as of 21:54, 2 June 2020
/* CSS placed here will affect users of the Vector skin */
#p-navigatio
{
border-image: url("https://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-t
{
border-image: url("https://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('https://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
}
/* Every image need to have its own rule defined. */
#n-hi::after{
background: url('https://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
}
#n-hi:hover ::after {
background: url('https://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;
}