MediaWiki:Common.css: Difference between revisions

From Medalist Wiki
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 28: Line 28:




.toggle-container {
#p-navigation .body {
     background: #f8f9fa;
    position: relative;
     padding: 1em;
}
     margin: 1em 0;
 
     border: 1px solid #a2a9b1;
.version-toggle {
     border-radius: 4px;
     border-top: 1px solid #c8ccd1;
     text-align: center;
     padding: 12px 8px;
     margin-top: 6px;
}
 
.version-toggle-label {
     color: #54595d;
     font-size: 0.85em;
     margin-bottom: 6px;
}
 
.version-toggle-buttons {
    display: flex;
    gap: 4px;
}
}


.toggle-button {
.version-button {
     display: inline-block;
     flex: 1;
     padding: 0.5em 1em;
     padding: 4px;
     margin: 0 0.5em;
    font-size: 0.85em;
     background: #f8f9fa;
     border: 1px solid #a2a9b1;
     border: 1px solid #a2a9b1;
     border-radius: 3px;
     border-radius: 2px;
     cursor: pointer;
     cursor: pointer;
     background: #ffffff;
     text-align: center;
     transition: all 0.2s ease;
     color: #202122;
}
}


.toggle-button.active {
.version-button.active {
     background: #36c;
     background: #eaf3ff;
    color: white;
     border-color: #36c;
     border-color: #36c;
    color: #36c;
    font-weight: bold;
}
}



Revision as of 18:12, 6 February 2025

/* CSS placed here will be applied to all skins */
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 300px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox-table th {
    text-align: left;
    vertical-align: top;
    width: 120px;
}
.infobox-table td {
    vertical-align: top;
}





#p-navigation .body {
    position: relative;
}

.version-toggle {
    border-top: 1px solid #c8ccd1;
    padding: 12px 8px;
    margin-top: 6px;
}

.version-toggle-label {
    color: #54595d;
    font-size: 0.85em;
    margin-bottom: 6px;
}

.version-toggle-buttons {
    display: flex;
    gap: 4px;
}

.version-button {
    flex: 1;
    padding: 4px;
    font-size: 0.85em;
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    color: #202122;
}

.version-button.active {
    background: #eaf3ff;
    border-color: #36c;
    color: #36c;
    font-weight: bold;
}

.manga-content, .anime-content {
    display: none;
}

.show-manga .manga-content,
.show-anime .anime-content {
    display: block;
}