MediaWiki:Vector.css: Difference between revisions

From Pokemon Revolution Online Wiki
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-navigation
#p-navigatio
{
{
border-image: url("http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg") 30  
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-tb
#p-t
{
{
border-image: url("http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg") 30  
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('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
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('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
background: url('https://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
}
}


#n-hi:hover ::after {
#n-hi:hover ::after {
background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
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;
}