MediaWiki:Mbhh.css: Difference between revisions
From Corsair Cove Official Wiki
Added background image and border image for ship thumbnails |
added frame art for compass icons |
||
| Line 26: | Line 26: | ||
width: 100%; | width: 100%; | ||
} | } | ||
/* ART */ | /* ART */ | ||
.cc-ship-background img { | .cc-ship-background img { | ||
| Line 39: | Line 43: | ||
border-image-outset: 6px !important; | border-image-outset: 6px !important; | ||
} | } | ||
.cc-compass-icon { | |||
position: relative; | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
line-height: 0; | |||
font-size: 0; | |||
border-radius: 50%; | |||
background-color: var(--instance-path-color, transparent); | |||
width: var(--instance-size, 16px); | |||
height: var(--instance-size, 16px); | |||
} | |||
.cc-compass-icon::after { | |||
content: ""; | |||
position: absolute; | |||
top: 1px; left: 1px; right: 0; bottom: 0; | |||
background-image: url("/images/mbhh_cove/d/de/T_Button_Compass_Node_Round_Color.png"); | |||
background-position: center; | |||
background-size: 185% 185%; | |||
} | |||
.mw-body-content .cc-compass-icon img { | |||
position: relative; | |||
line-height: 0; | |||
font-size: 0; | |||
border-radius: 50%; | |||
z-index: 1; | |||
width: var(--instance-inner-size) !important; | |||
height: var(--instance-inner-size) !important; | |||
} | |||
.mw-body-content .cc-compass-icon a, | |||
.mw-body-content .cc-compass-icon span.mw-default-size { | |||
display: inline-flex; | |||
margin: 0; | |||
padding: 0; | |||
line-height: 0; | |||
} | |||
Revision as of 03:17, 26 July 2026
/* All CSS here will be loaded for users of the MBHH skin */
body {
background-image: url(/Corsair_Cove/skins/MBHH/resources/images/shade-right.png?9ba42),
url(/Corsair_Cove/skins/MBHH/resources/images/shade-left.png?30070),
url(/Corsair_Cove/skins/MBHH/resources/images/shade-bottom.png?ff4a7),
url(/Corsair_Cove/skins/MBHH/resources/images/game_bgs/COVE_bg.jpg?placeholder);
}
a, a:link, .toctogglelabel {
color: #c8b36c !IMPORTANT;
}
a.new {
color: palevioletred !IMPORTANT;
}
.tabber__tab, a.tabber__tab, a.tabber__tab:visited {
margin-left: 25px;
margin-right: 25px;
text-align: center;
justify-content: center;
}
.tabber__tabs {
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
/* ART */
.cc-ship-background img {
display: inline-block;
background-image: url("/images/mbhh_cove/7/76/T_PopulationBackground_Gray.png");
background-size: 100% 100%;
background-repeat: no-repeat;
border-image-source: url("/images/mbhh_cove/4/4e/T_Button_SelectionBorder_Default.png") !important;
border-image-slice: 12 !important;
border-image-width: auto !important;
border-image-outset: 6px !important;
}
.cc-compass-icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
font-size: 0;
border-radius: 50%;
background-color: var(--instance-path-color, transparent);
width: var(--instance-size, 16px);
height: var(--instance-size, 16px);
}
.cc-compass-icon::after {
content: "";
position: absolute;
top: 1px; left: 1px; right: 0; bottom: 0;
background-image: url("/images/mbhh_cove/d/de/T_Button_Compass_Node_Round_Color.png");
background-position: center;
background-size: 185% 185%;
}
.mw-body-content .cc-compass-icon img {
position: relative;
line-height: 0;
font-size: 0;
border-radius: 50%;
z-index: 1;
width: var(--instance-inner-size) !important;
height: var(--instance-inner-size) !important;
}
.mw-body-content .cc-compass-icon a,
.mw-body-content .cc-compass-icon span.mw-default-size {
display: inline-flex;
margin: 0;
padding: 0;
line-height: 0;
}


