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;
	}