MediaWiki:Common.less/calc.less

De RuneScape Wiki
Ir para navegação Ir para pesquisar
// <pre>
/* =====================================
      [[MediaWiki:Gadget-calc.js]]
      [[MediaWiki:Gadget-calc2.js]]
   ===================================== */

/* Hides configuration sections for dynamic templates (e.g. calculators). */
.jcConfig, .jcCookies, .jcSub {
    display: none;
}

/* Button select styling */
.jsCalc-field-buttonselect .oo-ui-buttonSelectWidget {
	display: flex;
	flex-flow: row wrap;
	margin-top: -0.2em;
	
	> .oo-ui-buttonOptionWidget {
		margin-top: 0.2em;
		white-space: nowrap;
	}
}

/* Fix small dropdowns and cut off help */
.oo-ui-horizontalLayout.jsCalc-group > *:last-child::after,
.jcTable .oo-ui-horizontalLayout.jsCalc-group > *:last-child::after,
.jcTable .oo-ui-horizontalLayout.jsCalc-group .jsCalc-field.oo-ui-fieldLayout::after {
  clear: both;
  content: '';
  display: block;
}
.oo-ui-horizontalLayout.jsCalc-group {
  overflow-y: visible;
}


/*
 * Special styles for individual calculators
 */

/* Skillcalc fixes */
#SkillCalcForm {
    .jcSubmit {
        margin: 0 auto;
        display: block;
        padding-top: 10px;
    }
}

/* Styles for slayer weighting calc */
#slayWeightCalcForm #slayWeightCalcForm-slayWeightCalcResult-master > div.oo-ui-optionWidget.oo-ui-buttonElement > a.oo-ui-buttonElement-button {
  padding-left: 2em;
  min-height: 2em;
  background-position: 0.3em center;
  background-size: auto 1.8em;
  background-repeat: no-repeat;
}
#slayWeightCalcForm [title="Turael/Spria"],
#slayWeightCalcForm [title="Turael"]
{
  background-image: url("/images/7/74/Turael_chathead.png?47c6b");
}
#slayWeightCalcForm [title="Mazchna/Achtryn"],
#slayWeightCalcForm [title="Mazchna"]{
  background-image: url("/images/c/c0/Mazchna_chathead.png?ad9aa");
}
#slayWeightCalcForm [title="Vannaka"] {
  background-image: url("/images/4/48/Vannaka_chathead.png?d5d5a");
}
#slayWeightCalcForm [title="Chaeldar"] {
  background-image: url("/images/7/78/Chaeldar_chathead.png?05f70");
}
#slayWeightCalcForm [title="Sumona"] {
  background-image: url("/images/c/c6/Sumona_chathead.png?ade4f");
}
#slayWeightCalcForm [title="Duradel/Lapalok"],
#slayWeightCalcForm [title="Duradel"] {
  background-image: url("/images/1/13/Duradel_chathead.png?67b9b");
}
#slayWeightCalcForm [title="Kuradal"] {
  background-image: url("/images/a/a9/Kuradal_chathead.png?3370f");
}
#slayWeightCalcForm [title="Mandrith"] {
  background-image: url("/images/a/a1/Mandrith_chathead.png?591f9");
}
#slayWeightCalcForm [title="Morvran"] {
  background-image: url("/images/0/06/Morvran_chathead.png?c7318");
}
#slayWeightCalcForm [title="Laniakea"] {
  background-image: url("/images/f/f3/Laniakea_chathead.png?bdbe1");
}

/* Styles for player owned ports calc */
.popVoyagesProgressContainer {
	background-color: #393939;
	background-image: url("/images/e/e8/RS_prog_bar_bg.svg?1016c");
	background-repeat: repeat;
	border-image: url("/images/5/53/RS_prog_bar_border.svg?fe10a");
	border-image-slice: 2 3 3 3;
	border-color: #5e5e5e;
	border-style: solid;
	border-width: 2px 3px 3px 3px;
	position: relative;
	width: 165px;
}
.popVoyagesProgressBar {
	background-image: url("/images/5/54/RS_green_prog_bar.svg?48a13");
	background-color: #5c8945;
	height: 19px;
	position: absolute;
}
.popVoyagesProgressPercent {
	color: #cbd9f4;
	display: table;
	line-height: 15px;
	margin: 0 auto;
	position: sticky;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

#popVoyagesCalcForm #popVoyagesCalcForm-popVoyagesCalcResult-farthestRegion > div.oo-ui-optionWidget.oo-ui-buttonElement > a.oo-ui-buttonElement-button {
    padding-left: 2.1em;
    padding-right: .5em;
    min-height: 2em;
    background-position: 0.3em center;
    background-size: auto 1.4em;
    background-repeat: no-repeat;
}

#popVoyagesCalcForm {
	[title="The Arc"] {
    	background-image: url("/images/d/d7/Bamboo_icon.png?05f2d");
	}
	[title="The Skull"] {
    	background-image: url("/images/4/49/Gunpowder_icon.png?d695f");
	}
	[title="The Hook"] {
    	background-image: url("/images/e/e7/Slate_icon.png?43cdd");
	}
	[title="The Scythe"] {
    	background-image: url("/images/c/cc/Cherrywood_icon.png?71a41");
	}
	[title="The Bowl"] {
    	background-image: url("/images/b/be/Jade_icon.png?aef27");
    	padding-left: 2.3em !important;
	}
	[title="The Pincers"] {
	    background-image: url("/images/9/97/Stainless_steel_icon.png?91858");
	}
	[title="The Pincers"] {
	    background-image: url("/images/9/97/Stainless_steel_icon.png?91858");
	}
	[title="The Loop"] {
	    background-image: url("/images/0/0f/Terracotta_icon.png?b3411");
	}
	[title="The Shield"] {
	    background-image: url("/images/2/20/Azure_icon.png?600e1");
	    padding-left: 1.6em !important;
	}
}