MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
6,310 bytes removed ,  08:06, 7 October 2022
no edit summary
No edit summary
No edit summary
Line 2,698: Line 2,698:
     width: 46px;
     width: 46px;
     height: 32px;
     height: 32px;
}
.inventorytable .inv-quantity-text,
.lootingbagtable .inv-quantity-text,
.runepouchtable .inv-quantity-text,
.equipment .inv-quantity-text {
    font-family: 'RuneScape Small';
    font-size: 12pt;
    position: absolute;
    top: -8px;
    left: 4px;
    text-shadow: #000 1px 1px;
    color: #ffff00;
    pointer-events: none;
}
.inventorytable .inv-quantity-text.qty-1,
.lootingbagtable .inv-quantity-text.qty-1,
.runepouchtable .inv-quantity-text.qty-1,
.equipment .inv-quantity-text.qty-1 {
    color: #ffff00;
}
.inventorytable .inv-quantity-text.qty-100k,
.lootingbagtable .inv-quantity-text.qty-100k,
.runepouchtable .inv-quantity-text.qty-100k,
.equipment .inv-quantity-text.qty-100k {
    color: #fff;
}
.inventorytable .inv-quantity-text.qty-10m,
.lootingbagtable .inv-quantity-text.qty-10m,
.runepouchtable .inv-quantity-text.qty-10m,
.equipment .inv-quantity-text.qty-10m {
    color: #01ff80;
}
.runepouchtable .inv-quantity-text {
    left: -1px;
}
.runepouchtable td.middle-rune .inv-quantity-text {
    left: 23px;
}
.equipment .inv-quantity-text {
    top: -3px;
}
span.noted-item {
    width: 30px;
    height: 29px;
    text-align: center;
    display: inline-block;
}
span.noted-item a {
    width: 30px;
    height: 29px;
}
.noted-item a {
    background-image: url('filepath://Bank_note.png');
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
}
td.noted-item a {
    width: 32px;
    line-height: 28px;
}
.noted-item img {
    transform: scale(0.65);
}
.equipment {
    background: var(--equipment-background-color);
    border: 9px solid transparent;
    border-image-source: var(--equipment-border-image-source);
    border-image-slice: 9;
    border-image-width: 9px;
    border-image-outset: 0;
    border-image-repeat: repeat;
    margin: 7px 0;
}
.equipment-div,
.equipment-div-buttons {
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    width: 175px;
    margin: 5px;
    display: flex;
}
.equipment-div {
    background-image: var(--equipment-div-background-image);
    height: 222px;
}
.equipment-div-buttons {
    background-image: var(--equipment-div-buttons-background-image);
    height: 244px;
}
.equipment-blank {
    background-image: var(--equipment-blank-background-image);
    width: 36px;
    height: 36px;
}
.equipment-left {
    float: left;
    clear: left;
    margin-right: 7px;
}
.equipment-center {
    margin-left: auto;
    margin-right: auto;
}
.equipment-right {
    float: right;
    clear: right;
    margin-left: 7px;
}
.equipment-stats,
.equipment-ikod {
    font-family: 'RuneScape';
    font-size: 16px;
    line-height: 14px;
    color: #ff981f;
    text-shadow: 1px 1px 0 black;
}
td.equipment-stats b {
    font-family: 'RuneScape';
    font-weight: bold;
    display: block;
    margin-top: 2px;
}
td.equipment-stats data {
    display: block;
    padding-left: 8px;
}
td.equipment-stats data img {
    vertical-align: bottom;
}
td.equipment-ikod {
    max-width: 325px;
}
td.equipment-ikod em {
    font-style: normal;
    display: block;
    margin-bottom: 3px;
}
td.equipment-ikod b {
    font-weight: normal;
    color: white;
}
td.equipment-ikod strong {
    font-weight: normal;
    color: red;
}
td.equipment-ikod ul {
    list-style: none;
    margin: 0;
}
td.equipment-ikod li {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0;
    margin-right: 14px;
}
td.equipment-ikod img {
    cursor: help;
}
td.equipment-ikod hr {
    border-top: 1px solid #0e0e0c;
    border-bottom: 1px solid #474745;
    margin: 7px 0;
}
.equipment-plinkp {
    position: absolute;
    width: 36px;
    height: 36px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.equipment-head,
.equipment-cape,
.equipment-neck,
.equipment-ammo,
.equipment-weapon,
.equipment-torso,
.equipment-shield,
.equipment-legs,
.equipment-gloves,
.equipment-boots,
.equipment-ring,
.equipment-statsbutton,
.equipment-ikodbutton {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
.equipment-head {
    left: 70px;
    top: 0px;
}
.equipment-cape {
    left: 29px;
    top: 39px;
}
.equipment-neck {
    left: 70px;
    top: 39px;
}
.equipment-ammo {
    left: 111px;
    top: 39px;
}
.equipment-weapon {
    left: 14px;
    top: 78px;
}
.equipment-torso {
    left: 70px;
    top: 78px;
}
.equipment-shield {
    left: 126px;
    top: 78px;
}
.equipment-legs {
    left: 70px;
    top: 118px;
}
.equipment-gloves {
    left: 14px;
    top: 158px;
}
.equipment-boots {
    left: 70px;
    top: 158px;
}
.equipment-ring {
    left: 126px;
    top: 158px;
}
.equipment-statsbutton {
    top: 204px;
    left: 0px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    box-shadow: 2px 2px 3px black;
}
.equipment-ikodbutton {
    top: 204px;
    left: 90px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    box-shadow: 2px 2px 3px black;
}
}


Line 3,460: Line 3,160:
     color: rgba(255, 255, 255, 0.9);
     color: rgba(255, 255, 255, 0.9);
     border-radius: 0 3px 3px 0;
     border-radius: 0 3px 3px 0;
}
.skill-agility a:first-child,
.skill-melee a:first-child {
    background: #bc483d;
}
.skill-agility:hover a:last-child,
.skill-melee:hover a:last-child {
    background: #932419;
}
.skill-ranged a:first-child {
    background: #748d36;
}
.skill-ranged:hover a:last-child {
    background: #4c6215;
}
.skill-magic a:first-child {
    background: #6274ab;
}
.skill-magic:hover a:last-child {
    background: #304791;
}
.skill-fishing a:first-child,
.skill-fletching a:first-child {
    background: #3e8e9a;
}
.skill-fishing:hover a:last-child,
.skill-fletching:hover a:last-child {
    background: #1a6671;
}
.skill-cooking a:first-child,
.skill-thieving a:first-child {
    background: #91689e;
}
.skill-cooking:hover a:last-child,
.skill-thieving:hover a:last-child {
    background: #713684;
}
.skill-farming a:first-child,
.skill-woodcutting a:first-child {
    background: #59924f;
}
.skill-farming:hover a:last-child,
.skill-woodcutting:hover a:last-child {
    background: #306f25;
}
.skill-mining a:first-child {
    background: #6385a8;
}
.skill-mining:hover a:last-child {
    background: #315f8d;
}
.skill-smithing a:first-child {
    background: #d2b244;
}
.skill-smithing:hover a:last-child {
    background: #b69213;
}
}


Navigation menu