MediaWiki:Gadget-revocalc.less

From the RuneScape Wiki, the wiki for all things RuneScape
Jump to: navigation, search
#revocalc-hover { /* make the hover positioned absolutely with some basic styling to look like the bar */
	position: absolute;
	background: #0d1f25;
	border: #463a38 3px inset;
	z-index: 900001;
	
	.revocalc-table { /* hide all the class tables... */
		display: none;
	}
	table { /* styling for each table in the hover */
		width: 100%;
		text-align: center
	}
	
	&[data-hover-tab="melee"] #revocalc-table-melee, 
	&[data-hover-tab="magic"] #revocalc-table-magic, 
	&[data-hover-tab="ranged"] #revocalc-table-ranged, 
	&[data-hover-tab="defence"] #revocalc-table-defence {  /* ... except the selected one */
		display: table !important;
}
}
#revocalc-tabs td {
	vertical-align: top;
}
#revocalc-hover td, #revocalc-actionbar li, #revocalc-clearslot {
	cursor: pointer;
}
#revocalc-clearslot {
	color: white;
	border: 2px outset #102A32;
	text-align: center;
	margin: 2px;
	padding: 2px;
}
.revocalc-hover-hide {  /* hide the hover */
	display: none !important;
}
/* all of the following dim the ability when it is not able to be used, both in the hover and the bar */
[data-setting-class="melee"] [data-ability-class="magic"],   /* class inconsistencies */
[data-setting-class="melee"] [data-ability-class="ranged"], 
[data-setting-class="magic"] [data-ability-class="melee"], 
[data-setting-class="magic"] [data-ability-class="ranged"], 
[data-setting-class="ranged"] [data-ability-class="melee"], 
[data-setting-class="ranged"] [data-ability-class="magic"], 
[data-setting-hand="1"] [data-ability-hand="2"],   /* hand inconsistencies */
[data-setting-hand="1"] [data-ability-hand="3"], 
[data-setting-hand="1"] [data-ability-hand="4"], 
[data-setting-hand="2"] [data-ability-hand="3"],   /* 1h can be used with 2h, dw, and shield, so don't need to check for that */ 
[data-setting-hand="2"] [data-ability-hand="4"],
[data-setting-hand="3"] [data-ability-hand="2"],
[data-setting-hand="3"] [data-ability-hand="4"],
[data-setting-hand="4"] [data-ability-hand="2"],
[data-setting-hand="4"] [data-ability-hand="3"] {
	opacity:0.3
}
/* override for shieldbows */
[data-setting-class="ranged"][data-setting-hand="2"] [data-ability-hand="4"] {
    opacity:1 !important;
}
.revocalc-titlehover {  /* titlehover styles */
	border-bottom: 1px dotted black;
	cursor:help;
}
#revocalc-revosettings {
	width: 564px;
	border: 2px solid #438ab5;
	display: inline-block;
}
#revocalc-settings, #revocalc-settings-advanced {  /* settings area */
	padding: 4px;
}
#revocalc-settings input[name="advanced-toggle"] {  /* fix width of advanced settings button */
	width: 160px;
}
#revocalc-settings input, #revocalc-settings label {
	margin: 2px;
}
#revocalc-actionbar {
	margin: 5px 0;  /* some space between settings */
}
#revocalc-shift {
    display:block;
    width: 100%;
}
#revocalc-shift-left, #revocalc-shift-right {
    color: white;
    border: 2px outset #102A32;
    text-align: center;
    margin: 2px;
    padding: 2px;
    display: inline-block;
    width: calc(50% - 12px);
    cursor: pointer;
}

.rsw-revocalc .ability {
	display: block;
	width: 30px;
	height: 30px;
	background-size: 30px;
	background-position: center;
	background-repeat: no-repeat;
	
	&[data-abil="Slice"] {
		background-image: url("filepath://Slice.png");
	}
	&[data-abil="Havoc"] {
		background-image: url("filepath://Havoc.png");
	}
	&[data-abil="Backhand"] {
		background-image: url("filepath://Backhand.png");
	}
	&[data-abil="Smash"] {
		background-image: url("filepath://Smash.png");
	}
	&[data-abil="Barge"] {
		background-image: url("filepath://Barge.png");
	}
	&[data-abil="Mutated Barge"] {
		background-image: url("filepath://Mutated_Barge.png");
	}
	&[data-abil="Sever"] {
		background-image: url("filepath://Sever.png");
	}
	&[data-abil="Punish"] {
		background-image: url("filepath://Punish.png");
	}
	&[data-abil="Dismember"] {
		background-image: url("filepath://Dismember.png");
	}
	&[data-abil="Fury"] {
		background-image: url("filepath://Fury.png");
	}
	&[data-abil="Mutated Fury"] {
		background-image: url("filepath://Mutated_Fury.png");
	}
	&[data-abil="Cleave"] {
		background-image: url("filepath://Cleave.png");
	}
	&[data-abil="Decimate"] {
		background-image: url("filepath://Decimate.png");
	}
	&[data-abil="Forceful Backhand"] {
		background-image: url("filepath://Forceful_Backhand.png");
	}
	&[data-abil="Flurry"] {
		background-image: url("filepath://Flurry.png");
	}
	&[data-abil="Mutated Flurry"] {
		background-image: url("filepath://Mutated_Flurry.png");
	}
	&[data-abil="Hurricane"] {
		background-image: url("filepath://Hurricane.png");
	}
	&[data-abil="Blood Tendrils"] {
		background-image: url("filepath://Blood_Tendrils.png");
	}
	&[data-abil="Overpower"] {
		background-image: url("filepath://Overpower.png");
	}
	&[data-abil="Massacre"] {
		background-image: url("filepath://Massacre.png");
	}
	&[data-abil="Meteor Strike"] {
		background-image: url("filepath://Meteor_Strike.png");
	}
	&[data-abil="Berserk"] {
		background-image: url("filepath://Berserk.png");
	}
	&[data-abil="Wrack"] {
		background-image: url("filepath://Wrack.png");
	}
	&[data-abil="Dragon Breath"] {
		background-image: url("filepath://Dragon_Breath.png");
	}
	&[data-abil="Sonic Wave"] {
		background-image: url("filepath://Sonic_Wave.png");
	}
	&[data-abil="Impact"] {
		background-image: url("filepath://Impact.png");
	}
	&[data-abil="Concentrated Blast"] {
		background-image: url("filepath://Concentrated_Blast.png");
	}
	&[data-abil="Combust"] {
		background-image: url("filepath://Combust.png");
	}
	&[data-abil="Chain"] {
		background-image: url("filepath://Chain.png");
	}
	&[data-abil="Corruption Blast"] {
		background-image: url("filepath://Corruption_Blast.png");
	}
	&[data-abil="Piercing Shot"] {
		background-image: url("filepath://Piercing_Shot.png");
	}
	&[data-abil="Snipe"] {
		background-image: url("filepath://Snipe.png");
	}
	&[data-abil="Dazing Shot"] {
		background-image: url("filepath://Dazing_Shot.png");
	}
	&[data-abil="Mutated Dazing Shot"] {
		background-image: url("filepath://Mutated_Dazing_Shot.png");
	}
	&[data-abil="Binding Shot"] {
		background-image: url("filepath://Binding_Shot.png");
	}
	&[data-abil="Needle Strike"] {
		background-image: url("filepath://Needle_Strike.png");
	}
	&[data-abil="Fragmentation Shot"] {
		background-image: url("filepath://Fragmentation_Shot.png");
	}
	&[data-abil="Ricochet"] {
		background-image: url("filepath://Ricochet.png");
	}
	&[data-abil="Corruption Shot"] {
		background-image: url("filepath://Corruption_Shot.png");
	}
	&[data-abil="Salt the Wound"] {
		background-image: url("filepath://Salt_the_Wound.png");
	}
	&[data-abil="Anticipation"] {
		background-image: url("filepath://Anticipation.png");
	}
	&[data-abil="Freedom"] {
		background-image: url("filepath://Freedom.png");
	}
	&[data-abil="Bash"] {
		background-image: url("filepath://Bash.png");
	}
	&[data-abil="Provoke"] {
		background-image: url("filepath://Provoke.png");
	}
	&[data-abil="Sacrifice"] {
		background-image: url("filepath://Sacrifice.png");
	}
	&[data-abil="Tuska's Wrath"] {
		background-image: url("filepath://Tuska's_Wrath.png");
	}
	&[data-abil="Storm Shards"] {
		background-image: url("filepath://Storm_Shards.png");
	}
	&[data-abil="Shatter"] {
		background-image: url("filepath://Shatter.png");
	}
}