MediaWiki:Common.css: Difference between revisions

Revision as of 03:44, 23 October 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-container a {
    background-color: #d6d6d6; /* Button color */
    color: white; /* Text color */
    padding: 10px 10px; /* 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-container a:hover {
    background-color: #c2c2c2; /* Darker shade for hover */
}

.responsive-image-container img {
  width: 100%;
  height: auto;
  display: block; /* Eliminates extra space below the image */
  margin-left: auto;
  margin-right: auto;
}

/* Hide the page toolbar for users without the mw-editable class (anonymous users) */
body:not(.mw-editable) .vector-page-toolbar {
    display: none !important;
}

/* Hide the last modified timestamp in the footer */
#footer-info-lastmod {
    display: none;
}




/* Hide any search result that contains the {{#seo}} tag */
.searchresult:before {
    content: ""; /* Make sure no content is displayed before the actual result */
}

/* Hide the entire line that contains the SEO tags */
.searchresult {
    white-space: pre-wrap;
}

/* Hide any div containing SEO tags */
.searchresult {
    display: inline-block;
}

.searchresult:has(span:contains('{{#seo')) {
    display: none;
}