MediaWiki:Mbhh.css: Difference between revisions
From Heroes of Might and Magic: Olden Era Official Wiki
No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
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/shade-bottom.png?ff4a7), | ||
url(/Heroes_of_Might_and_Magic_Olden_Era/skins/MBHH/resources/images/game_bgs/HOMM_bg.jpg?3vva2); | url(/Heroes_of_Might_and_Magic_Olden_Era/skins/MBHH/resources/images/game_bgs/HOMM_bg.jpg?3vva2); | ||
} | } | ||
| Line 28: | Line 20: | ||
a.new { | a.new { | ||
color: palevioletred !IMPORTANT; | 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; | |||
flex-direction: column; /* Stack tabs vertically */ | |||
} | |||
.tabber .tabbertab { | |||
display: block; /* Ensure each tab is treated as a block */ | |||
width: 100%; /* Full width of the container */ | |||
margin-bottom: 5px; /* Add some space between tabs */ | |||
box-sizing: border-box; /* Include padding in the width */ | |||
} | } | ||
Revision as of 15:39, 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;
flex-direction: column; /* Stack tabs vertically */
}
.tabber .tabbertab {
display: block; /* Ensure each tab is treated as a block */
width: 100%; /* Full width of the container */
margin-bottom: 5px; /* Add some space between tabs */
box-sizing: border-box; /* Include padding in the width */
}


