MediaWiki:Gadget-dps-core.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
(Created page with "→‎Hello, Gau Cho here. Big thanks to riblet15 for introducing me to CSS Also thanks to Elessar2 for some miscellaneous questions: →‎Infobox: →‎Override some parameters to bring the DPS calc in the main space: .infobox.dps { max-width: 1000px; float: none; width: auto; } →‎Player + Monster skills: div.dps-skill-layout.oo-ui-layout.oo-ui-horizontalLayout { width: 96px; margin-left: 3px; margin-right: 3px; } div.dps-skill-layout.oo-ui-layout....")
 
No edit summary
Tag: Reverted
Line 1:
/*Hello, Gau Cho here.Big thanks to riblet15 for introducing me to CSSAlso thanks to Elessar2 for some miscellaneous questions*//*Infobox*//*Override some parameters to bring the DPS calc in the main space*/.infobox.dps { max-width: 1000px; float: none; width: auto;}/*Player + Monster skills*/div.dps-skill-layout.oo-ui-layout.oo-ui-horizontalLayout { width: 96px; margin-left: 3px; margin-right: 3px;}div.dps-skill-layout.oo-ui-layout.oo-ui-horizontalLayout > label.dps-skill-icon { width: 100%; height: 40px; line-height: 40px; text-align: center;}.dps-skill-input.oo-ui-widget.oo-ui-textInputWidget { width: 45px; margin-right: 0px;}label.dps-skill-slash.oo-ui-labelElement { width: 6px; text-align: center; margin-right: 0px;}.dps-skill-input.oo-ui-widget.oo-ui-textInputWidget input { text-align: center;} /*Make the textInputWidget invisible for all disabled elements*/.dps-skill-input.oo-ui-textInputWidget.oo-ui-widget-disabled input { background-color: transparent; -webkit-text-fill-color: #000000; color: #000000; text-shadow: none; border-color: transparent;}/*Equipment icons*/div.dps-slot-icon { width: 38px; height: 32px; line-height: 32px; text-align: center;}.dps-player-skill-current { width: 43px;}.dps-player-skill-visible { width: 43px;}/*rsnInput*/#dps-player-rsnInput-layout > div.oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field > div.oo-ui-actionFieldLayout-input { width: 300px; padding-right: 0px;}#dps-player-rsnInput { width: 301px}/*boost + slot icons*/div.dps-injectedIcon { width: 35px; height: 34px; line-height: 34px; float: left; text-align: center; margin-right: 10px;}/*boost + slot text*/.dps-slot-menu > div.oo-ui-menuSelectWidget > div.oo-ui-menuOptionWidget > span.oo-ui-labelElement-label,.dps-slot-menu.combatStyle > .oo-ui-dropdownWidget > .oo-ui-selectWidget > .oo-ui-labelElement > .oo-ui-labelElement-label { line-height: 34px;}/*Equipment icons*/div.dps-slot-icon { width: 38px; height: 32px; line-height: 32px; text-align: center;}/*Equipment stats button*/#dps-equip-levelToggle.oo-ui-toggleWidget-on { background-color: #d33; border-color: #d33;}/*When button is held down/selected*/#dps-equip-levelToggle.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: #d33; box-shadow: inset 0 0 0 1px #d33;}/*Equipment and Monster slots*/div.dps-equip-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-header,div.dps-monster-input-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-header{ width:100%; height: 40px; margin-right:0px; text-align: center;}div.dps-equip-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-header > label.oo-ui-labelElement-label,div.dps-monster-input-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-header > label.oo-ui-labelElement-label { line-height: 40px;}div.dps-equip-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field,div.dps-monster-input-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field { width: 100%; margin-right: 0px;}div.dps-equip-layout.oo-ui-layout.oo-ui-fieldLayout,div.dps-monster-input-layout.oo-ui-layout.oo-ui-fieldLayout{ width: 56px;}/*Equipment stats And Monster TextInputs*/.dps-equip-menu.oo-ui-widget.oo-ui-textInputWidget input,.dps-monster-input.oo-ui-widget.oo-ui-textInputWidget input{ text-align: center;}.dps-equip-menu.oo-ui-widget.oo-ui-textInputWidget.oo-ui-widget-disabled input,.dps-monster-input.oo-ui-widget.oo-ui-textInputWidget.oo-ui-widget-disabled input{ background-color: transparent; -webkit-text-fill-color: #000000; color: #000000; text-shadow: none; border-color: transparent;}.dps-equip-menu.oo-ui-widget.oo-ui-textInputWidget.oo-ui-widget-enabled input {}
/*
Hello, Gau Cho here.
Big thanks to riblet15 for introducing me to CSS
Also thanks to Elessar2 for some miscellaneous questions
*/
 
/*Infobox*/
/*Override some parameters to bring the DPS calc in the main space*/
.infobox.dps {
max-width: 1000px;
float: none;
width: auto;
}
 
/*Player + Monster skills*/
div.dps-skill-layout.oo-ui-layout.oo-ui-horizontalLayout {
width: 96px;
margin-left: 3px;
margin-right: 3px;
}
div.dps-skill-layout.oo-ui-layout.oo-ui-horizontalLayout > label.dps-skill-icon {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
}
.dps-skill-input.oo-ui-widget.oo-ui-textInputWidget {
width: 45px;
margin-right: 0px;
}
label.dps-skill-slash.oo-ui-labelElement {
width: 6px;
text-align: center;
margin-right: 0px;
}
.dps-skill-input.oo-ui-widget.oo-ui-textInputWidget input {
text-align: center;
}
/*Make the textInputWidget invisible for all disabled elements*/
.dps-skill-input.oo-ui-textInputWidget.oo-ui-widget-disabled input {
background-color: transparent;
-webkit-text-fill-color: #000000;
color: #000000;
text-shadow: none;
border-color: transparent;
}
 
/*Equipment icons*/
div.dps-slot-icon {
width: 38px;
height: 32px;
line-height: 32px;
text-align: center;
}
 
.dps-player-skill-current {
width: 43px;
}
.dps-player-skill-visible {
width: 43px;
}
 
/*rsnInput*/
#dps-player-rsnInput-layout > div.oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field > div.oo-ui-actionFieldLayout-input {
width: 300px;
padding-right: 0px;
}
#dps-player-rsnInput {
width: 301px
}
 
/*boost + slot icons*/
div.dps-injectedIcon {
width: 35px;
height: 34px;
line-height: 34px;
float: left;
text-align: center;
margin-right: 10px;
}
 
/*boost + slot text*/
.dps-slot-menu > div.oo-ui-menuSelectWidget > div.oo-ui-menuOptionWidget > span.oo-ui-labelElement-label,
.dps-slot-menu.combatStyle > .oo-ui-dropdownWidget > .oo-ui-selectWidget > .oo-ui-labelElement > .oo-ui-labelElement-label {
line-height: 34px;
}
 
/*Equipment icons*/
div.dps-slot-icon {
width: 38px;
height: 32px;
line-height: 32px;
text-align: center;
}
 
/*Equipment stats button*/
#dps-equip-levelToggle.oo-ui-toggleWidget-on {
background-color: #d33;
border-color: #d33;
}
/*When button is held down/selected*/
#dps-equip-levelToggle.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
border-color: #d33;
box-shadow: inset 0 0 0 1px #d33;
}
 
/*Equipment and Monster slots*/
div.dps-equip-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-header,
div.dps-monster-input-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-header{
width:100%;
height: 40px;
margin-right:0px;
text-align: center;
}
div.dps-equip-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-header > label.oo-ui-labelElement-label,
div.dps-monster-input-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-header > label.oo-ui-labelElement-label {
line-height: 40px;
}
 
div.dps-equip-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field,
div.dps-monster-input-layout.oo-ui-layout.oo-ui-fieldLayout > div.oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field {
width: 100%;
margin-right: 0px;
}
 
div.dps-equip-layout.oo-ui-layout.oo-ui-fieldLayout,
div.dps-monster-input-layout.oo-ui-layout.oo-ui-fieldLayout{
width: 56px;
}
 
/*Equipment stats And Monster TextInputs*/
.dps-equip-menu.oo-ui-widget.oo-ui-textInputWidget input,
.dps-monster-input.oo-ui-widget.oo-ui-textInputWidget input{
text-align: center;
}
.dps-equip-menu.oo-ui-widget.oo-ui-textInputWidget.oo-ui-widget-disabled input,
.dps-monster-input.oo-ui-widget.oo-ui-textInputWidget.oo-ui-widget-disabled input{
background-color: transparent;
-webkit-text-fill-color: #000000;
color: #000000;
text-shadow: none;
border-color: transparent;
}
.dps-equip-menu.oo-ui-widget.oo-ui-textInputWidget.oo-ui-widget-enabled input {}

Navigation menu