MediaWiki:Gadget-dps-core.css

From Zeah RSPS - Wiki
Revision as of 08:17, 16 February 2022 by Soulgazer (talk | contribs) (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....")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/*
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 {}