MediaWiki:Common.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 18: | Line 18: | ||
} | } | ||
/* | /* hide all variants by default */ | ||
.variant { display: none; } | |||
/* container styling */ | |||
.variant-tabs { | .variant-tabs { | ||
display: flex; | display: flex; | ||
| Line 25: | Line 28: | ||
} | } | ||
/* | /* each tab */ | ||
.variant-tabs button { | .variant-tabs button { | ||
background: #f8f9fa; | background: #f8f9fa; | ||
| Line 31: | Line 34: | ||
border-bottom: 2px solid transparent; | border-bottom: 2px solid transparent; | ||
padding: 8px 16px; | padding: 8px 16px; | ||
cursor: pointer; | cursor: pointer; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 37: | Line 39: | ||
} | } | ||
/* | /* hover */ | ||
.variant-tabs button:hover { | .variant-tabs button:hover { background: #e9ecef; } | ||
} | |||
/* | /* active tab */ | ||
.variant-tabs button.active { | .variant-tabs button.active { | ||
border-bottom: 2px solid #3366cc; | border-bottom: 2px solid #3366cc; | ||
Revision as of 10:08, 22 August 2025
@import url("/images/assets/profile-image.css");
@import url("/images/assets/table-display.css");
@import url("/images/assets/link-color.css");
@import url("/images/assets/font-family.css");
@import url("/images/assets/approval-star.css");
/* @import url("/images/assets/nav.css"); */
/* @import url("/images/assets/dxgalaxy-old.css"); */
@import url("https://dxgalaxy.org/css/nav.css");
@import url("/images/assets/dxgalaxy.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");
body {
background-image: url("/images/assets/bg/bg_skyline.png") !important;
background-size: cover !important;
background-position: center !important;
background-attachment: fixed !important;
}
/* hide all variants by default */
.variant { display: none; }
/* container styling */
.variant-tabs {
display: flex;
border-bottom: 2px solid #ccc;
margin: 1em 0;
}
/* each tab */
.variant-tabs button {
background: #f8f9fa;
border: none;
border-bottom: 2px solid transparent;
padding: 8px 16px;
cursor: pointer;
font-weight: bold;
color: #555;
}
/* hover */
.variant-tabs button:hover { background: #e9ecef; }
/* active tab */
.variant-tabs button.active {
border-bottom: 2px solid #3366cc;
color: #000;
background: #fff;
}