MediaWiki:Gadget-dps-core.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
(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: | 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 {} |
Revision as of 17:12, 17 October 2024
/*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 {}