MediaWiki:Mbhh.css: Difference between revisions
From Heroes of Might and Magic: Olden Era Official Wiki
No edit summary |
No edit summary |
||
| Line 31: | Line 31: | ||
.tabber { | .tabber { | ||
display: flex; | display: flex !important; | ||
flex-direction: column; /* Stack tabs vertically */ | flex-direction: column !important; /* Stack tabs vertically */ | ||
} | } | ||
.tabber .tabbertab { | .tabber .tabbertab { | ||
display: block; /* Ensure each tab is treated as a block */ | display: block !important; /* Ensure each tab is treated as a block */ | ||
width: 100%; /* Full width of the container */ | width: 100% !important; /* Full width of the container */ | ||
margin-bottom: 5px; /* Add some space between tabs */ | margin-bottom: 5px !important; /* Add some space between tabs */ | ||
box-sizing: border-box; /* Include padding in the width */ | box-sizing: border-box !important; /* Include padding in the width */ | ||
} | |||
.tabbernav li a { | |||
padding: 0px 0.5em !important; | |||
margin-left: 0px !important; | |||
} | } | ||
Revision as of 15:42, 31 October 2025
/* All CSS here will be loaded for users of the MBHH skin */
body {
background-image: url(/Heroes_of_Might_and_Magic_Olden_Era/skins/MBHH/resources/images/shade-right.png?9ba42),
url(/Heroes_of_Might_and_Magic_Olden_Era/skins/MBHH/resources/images/shade-left.png?30070),
url(/Heroes_of_Might_and_Magic_Olden_Era/skins/MBHH/resources/images/shade-bottom.png?ff4a7),
url(/Heroes_of_Might_and_Magic_Olden_Era/skins/MBHH/resources/images/game_bgs/HOMM_bg.jpg?3vva2);
}
h1, h2, h3, strong, th {
color: #c8b36c;
}
p, td, li, dd, b, caption {
color: #bcb096;
}
a, a:link, .toctogglelabel {
color: dodgerblue !IMPORTANT;
}
a.new {
color: palevioletred !IMPORTANT;
}
.tabber__tab, a.tabber__tab, a.tabber__tab:visited {
margin-left: auto;
margin-right: auto;
width: 50%;
text-align: center;
justify-content: center
}
.tabber {
display: flex !important;
flex-direction: column !important; /* Stack tabs vertically */
}
.tabber .tabbertab {
display: block !important; /* Ensure each tab is treated as a block */
width: 100% !important; /* Full width of the container */
margin-bottom: 5px !important; /* Add some space between tabs */
box-sizing: border-box !important; /* Include padding in the width */
}
.tabbernav li a {
padding: 0px 0.5em !important;
margin-left: 0px !important;
}
