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