RuneScape Wiki
m (fix for within wikitables - important bad i know but still)
No edit summary
Line 60: Line 60:
 
top: 3px;
 
top: 3px;
 
}
 
}
  +
}
  +
  +
.featured-video__wrapper {
  +
--scale-small: scale(1);
  +
--scale-large: scale(1.25);
  +
--tilt-left: rotate(-7deg);
  +
--tilt-right: rotate(5deg);
  +
--offset-near: translateX(1%);
  +
--offset-far: translateX(3%);
  +
position: relative;
  +
}
  +
  +
.featured-video__wrapper::after {
  +
animation: 0.25s 8s linear infinite harlem, 0.5s 8s linear alternate infinite shake;
  +
content: 'RRRRRREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE';
  +
position: absolute;
  +
font-size: 1.2em;
  +
padding: 1em 2em;
  +
top: 43%;
  +
left: 13%;
  +
opacity: 0;
  +
z-index: 2;
  +
box-shadow: 0 0.25em 0.4em -0.25em rgba(0, 0, 0, 0.3);
 
}
 
}

Revision as of 22:43, 30 September 2018

//

/* ==============================
       Template:Equipment
   ============================== */

.equipmenttable {
    background-image: url( "http://runescape.wikia.com/wiki/Special:FilePath?file=Worn_equipment_interface_blank.png" );
    background-repeat: no-repeat;
    background-position: top left;
    width: 225px;
    height: 322px;
    text-align: center;
    padding: 60px 36px 62px 13px;

    tr {
        border: none;
        border-spacing: 0;
        padding: 0;
        margin: 0;
    }

    // for template usage within a table
    td {
        padding: 0 !important;
        border: 0 !important;
    }

    td.equipmentslot {
        width: 34px;
        height: 34px;
    }

	td.auraslot {
		padding-left: 5px !important;
	}
	td.headslot {
		padding-left: 4px !important;
	}
	td.weaponslot, td.glovesslot {
		padding-left: 20px !important;
	}
	td.ringslot, td.shieldslot {
		padding-left: 5px !important;
	}
	td.pocketslot, td.ammoslot {
		padding-left: 0 !important;
		padding-right: 1px !important;
	}
	
	
    .legsslot {
        position: relative;
        top: 2px;
    }

    .glovesslot,
    .bootsslot,
    .ringslot {
        position: relative;
        top: 3px;
    }
}

.featured-video__wrapper {
    --scale-small: scale(1);
    --scale-large: scale(1.25);
    --tilt-left: rotate(-7deg);
    --tilt-right: rotate(5deg);
    --offset-near: translateX(1%);
    --offset-far: translateX(3%);
    position: relative;
}

.featured-video__wrapper::after {
    animation: 0.25s 8s linear infinite harlem, 0.5s 8s linear alternate infinite shake;
    content: 'RRRRRREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE';
    position: absolute;
    font-size: 1.2em;
    padding: 1em 2em;
    top: 43%;
    left: 13%;
    opacity: 0;
    z-index: 2;
    box-shadow: 0 0.25em 0.4em -0.25em rgba(0, 0, 0, 0.3);
}