MediaWiki:Vector.css: Difference between revisions
From IulianArian's Encyclopedia
Jump to navigationJump to search
IulianArian (talk | contribs) Created page with "→All CSS here will be loaded for users of the Vector skin: →Custom logo for Vector 2010 skin: #p-logo { background-image: url("https://static.wikioasis.org/iulianarianwiki/6/68/IulianArian.jpg"); →Replace with the actual path: background-repeat: no-repeat; →Optional: Adjust size if your image is larger/smaller than default: →background-size: 135px 135px;: →Optional: Adjust padding to center or position logo if needed: /* p..." Tags: Mobile edit Mobile web edit Advanced mobile edit |
IulianArian (talk | contribs) No edit summary |
||
Line 3: | Line 3: | ||
/* Custom logo for Vector 2010 skin */ | /* Custom logo for Vector 2010 skin */ | ||
#p-logo { | #p-logo { | ||
background-image: url("https://static.wikioasis.org/iulianarianwiki/6/68/IulianArian.jpg"); | background-image: url("https://static.wikioasis.org/iulianarianwiki/6/68/IulianArian.jpg"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
/* | background-size: contain; /* This scales the image down if it's too large, without stretching */ | ||
background-position: center center; /* This centers the image within the logo area */ | |||
/* | margin: 0; /* Remove any default margins that might push the logo */ | ||
/* padding | padding: 0; /* Remove any default padding */ | ||
} | } | ||
#p-logo a { | #p-logo a { | ||
text-indent: -9999px; /* Hides text | text-indent: -9999px; /* Hides the default text link */ | ||
display: block; /* | display: block; /* Makes the entire area clickable */ | ||
height: | height: 160px; /* **Adjust this based on your image's actual height** */ | ||
width: | width: 160px; /* **Adjust this based on your image's actual width** */ | ||
background-color: transparent; /* Ensure no background color from the link itself */ | |||
} | } |
Revision as of 00:05, 17 July 2025
/* All CSS here will be loaded for users of the Vector skin */ /* Custom logo for Vector 2010 skin */ #p-logo { background-image: url("https://static.wikioasis.org/iulianarianwiki/6/68/IulianArian.jpg"); background-repeat: no-repeat; background-size: contain; /* This scales the image down if it's too large, without stretching */ background-position: center center; /* This centers the image within the logo area */ margin: 0; /* Remove any default margins that might push the logo */ padding: 0; /* Remove any default padding */ } #p-logo a { text-indent: -9999px; /* Hides the default text link */ display: block; /* Makes the entire area clickable */ height: 160px; /* **Adjust this based on your image's actual height** */ width: 160px; /* **Adjust this based on your image's actual width** */ background-color: transparent; /* Ensure no background color from the link itself */ }