No edit summary
No edit summary
 
(56 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
h1, .mw-first-heading {
    text-align: left !important;
}
.toc, #toc {
    display: none !important;
}


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
Line 25: Line 33:
/* Change background color for Vector skin */
/* Change background color for Vector skin */
body {
body {
     background-color: #77d0ff; /* Replace with your desired color */
     background-color: #3eb489; /* Replace with your desired color */
}
}


Line 38: Line 46:


.custom-button {
.custom-button {
     display: inline-block; /* Makes the span behave like a button */
     display: inline-block; /* Makes the button behave like a block */
     padding: 10px 20px; /* Adds spacing inside the button */
     padding: 5px 5px; /* Adds spacing inside the button */
     font-size: 14px; /* Adjusts font size */
     font-size: 14px; /* Adjusts font size */
     background-color: #007bff; /* Blue background */
    color: #fff; /* White text color */
     border-radius: 5px; /* Rounded corners */
     background-color: #3eb489; /* Blue background */
    border: 1px solid black; /* Black border */
     border-radius: 3px; /* Rounded corners */
    text-decoration: none; /* Removes underline from link */
     text-align: center; /* Centers text inside the button */
     text-align: center; /* Centers text inside the button */
     cursor: pointer; /* Shows pointer cursor on hover */
     cursor: pointer; /* Pointer cursor on hover */
}
}


Line 51: Line 62:
     color: #fff; /* White text color */
     color: #fff; /* White text color */
     text-decoration: none; /* Removes underline from link */
     text-decoration: none; /* Removes underline from link */
    vertical-align: middle; /* Ensures vertical alignment of text */
    text-align: center; /* Centers text inside the button */
}
}


.custom-button a:hover {
.custom-button:hover {
     background-color: #0056b3; /* Darker blue on hover */
    color: #fff; /* White text color */
}
 
 
 
.static-button {
    width: 120px;
    display: inline-block; /* Makes the button behave like a block */
    padding: 5px 5px; /* Adds spacing inside the button */
    font-size: 14px; /* Adjusts font size */
    color: #fff; /* White text color */
     background-color: #3eb489; /* Blue background */
    border: 1px solid black; /* Black border */
    border-radius: 3px; /* Rounded corners */
    text-decoration: none; /* Removes underline from link */
    text-align: center; /* Centers text inside the button */
    cursor: pointer; /* Pointer cursor on hover */
}
 
.static-button a {
    display: block; /* Expands the link to fill the entire span */
    color: #fff; /* White text color */
    text-decoration: none; /* Removes underline from link */
    vertical-align: middle; /* Ensures vertical alignment of text */
    text-align: center; /* Centers text inside the button */
}
 
.static-button:hover {
    color: #fff; /* White text color */
}
 
 
 
.pre-content.heading-holder {
    display: none !important;
}
}

Latest revision as of 06:56, 1 May 2026

/* CSS placed here will be applied to all skins */

h1, .mw-first-heading {
    text-align: left !important;
}
.toc, #toc {
    display: none !important;
}


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

h1.firstHeading {
    font-family: 'Roboto', sans-serif;
}

.firstHeading {
    display: none;
}

.mw-headline {
    font-family: 'Roboto', sans-serif !important;
}



#p-search {
    position: absolute;
    top: 10px; /* Adjust as needed */
    right: 20px; /* Change to move it left/right */
}

/* Change background color for Vector skin */
body {
    background-color: #3eb489; /* Replace with your desired color */
}

#p-logo {
    display: none;
}

#ca-talk { display: none !important; }
#ca-history { display: none !important;}
#ca-viewsource { display: none !important; }


.custom-button {
    display: inline-block; /* Makes the button behave like a block */
    padding: 5px 5px; /* Adds spacing inside the button */
    font-size: 14px; /* Adjusts font size */
    color: #fff; /* White text color */
    background-color: #3eb489; /* Blue background */
    border: 1px solid black; /* Black border */
    border-radius: 3px; /* Rounded corners */
    text-decoration: none; /* Removes underline from link */
    text-align: center; /* Centers text inside the button */
    cursor: pointer; /* Pointer cursor on hover */
}

.custom-button a {
    display: block; /* Expands the link to fill the entire span */
    color: #fff; /* White text color */
    text-decoration: none; /* Removes underline from link */
    vertical-align: middle; /* Ensures vertical alignment of text */
    text-align: center; /* Centers text inside the button */
}

.custom-button:hover {
    color: #fff; /* White text color */
}



.static-button {
    width: 120px;
    display: inline-block; /* Makes the button behave like a block */
    padding: 5px 5px; /* Adds spacing inside the button */
    font-size: 14px; /* Adjusts font size */
    color: #fff; /* White text color */
    background-color: #3eb489; /* Blue background */
    border: 1px solid black; /* Black border */
    border-radius: 3px; /* Rounded corners */
    text-decoration: none; /* Removes underline from link */
    text-align: center; /* Centers text inside the button */
    cursor: pointer; /* Pointer cursor on hover */
}

.static-button a {
    display: block; /* Expands the link to fill the entire span */
    color: #fff; /* White text color */
    text-decoration: none; /* Removes underline from link */
    vertical-align: middle; /* Ensures vertical alignment of text */
    text-align: center; /* Centers text inside the button */
}

.static-button:hover {
    color: #fff; /* White text color */
}



.pre-content.heading-holder {
    display: none !important;
}