MediaWiki:Vector.css: Difference between revisions

From IulianArian's Encyclopedia
Jump to navigationJump to search
IulianArian (talk | contribs)
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"); /* Replace with the actual path */
     background-image: url("https://static.wikioasis.org/iulianarianwiki/6/68/IulianArian.jpg");
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     /* Optional: Adjust size if your image is larger/smaller than default */
     background-size: contain; /* This scales the image down if it's too large, without stretching */
     /* background-size: 135px 135px; */
     background-position: center center; /* This centers the image within the logo area */
     /* Optional: Adjust padding to center or position logo if needed */
     margin: 0; /* Remove any default margins that might push the logo */
     /* padding-top: 135px; */
     padding: 0; /* Remove any default padding */
}
}


/* Hide the default site name text if you only want the logo image */
#p-logo a {
#p-logo a {
     text-indent: -9999px; /* Hides text off-screen */
     text-indent: -9999px; /* Hides the default text link */
     display: block; /* Ensures the link area still covers the logo */
     display: block; /* Makes the entire area clickable */
     height: 135px; /* Match your logo's height */
     height: 160px; /* **Adjust this based on your image's actual height** */
     width: 135px; /* Match your logo's 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 */
}