MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 16: | Line 16: | ||
.rare { | .rare { | ||
background-color: rgb(255, 255, 0) | background-color: rgb(255, 255, 0) | ||
} | |||
.button-style { | |||
background-color: #4CAF50; /* Button color */ | |||
color: white; /* Text color */ | |||
padding: 10px 20px; /* Padding inside the button */ | |||
text-align: center; /* Center the text */ | |||
text-decoration: none; /* No underline for the link */ | |||
display: inline-block; /* Allows setting width and height */ | |||
font-size: 16px; /* Size of the text */ | |||
margin: 4px 2px; /* Margin around the button */ | |||
cursor: pointer; /* Cursor appears as a pointer */ | |||
border-radius: 12px; /* Rounded corners */ | |||
transition: background-color 0.3s; /* Smooth transition for hover effect */ | |||
} | |||
.button-style:hover { | |||
background-color: #45a049; /* Darker shade for hover */ | |||
} | } | ||
Revision as of 07:51, 29 January 2024
/* CSS placed here will be applied to all skins */
/* CSS for the custom background */
.custom-background {
background-image: url('https://wikifiction.s3.amazonaws.com/static/Light_Background.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
/* Additional CSS properties for background positioning and color can be added here */
}
/* Hide the "Toolbox" section in the navigation bar */
#p-tb {
display: none;
}
.rare {
background-color: rgb(255, 255, 0)
}
.button-style {
background-color: #4CAF50; /* Button color */
color: white; /* Text color */
padding: 10px 20px; /* Padding inside the button */
text-align: center; /* Center the text */
text-decoration: none; /* No underline for the link */
display: inline-block; /* Allows setting width and height */
font-size: 16px; /* Size of the text */
margin: 4px 2px; /* Margin around the button */
cursor: pointer; /* Cursor appears as a pointer */
border-radius: 12px; /* Rounded corners */
transition: background-color 0.3s; /* Smooth transition for hover effect */
}
.button-style:hover {
background-color: #45a049; /* Darker shade for hover */
}