MediaWiki:Mobile.css: Difference between revisions

From Official Gamemode 4 Wiki
Jump to navigation Jump to search
(fix minecraftia font)
(Add GM4 items to Sprite Sheet)
Line 12: Line 12:


.inv-sprite{
.inv-sprite{
   background-image: url(https://gamepedia.cursecdn.com/minecraft_gamepedia/archive/4/44/20181213074717%21InvSprite.png)
   background-image: url(https://cdn.discordapp.com/attachments/511552078481457175/651602769878450207/InvSpriteGM4.png)
}
}



Revision as of 01:57, 4 December 2019

/* CSS placed here will affect users of the mobile site */

/* ======================= CRAFTING GRID CSS ================== */
@font-face {
    font-family: 'minecraftia';
    src: url('https://www.gm4.co/includes/minecraftia-regular-webfont.woff2') format('woff2'),
         url('https://www.gm4.co/includes/minecraftia-regular-webfont.woff') format('woff');
         url('https://www.gm4.co/includes/Minecraftia-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

.inv-sprite{
  background-image: url(https://cdn.discordapp.com/attachments/511552078481457175/651602769878450207/InvSpriteGM4.png)
}

.invgrid{
  border-collapse: collapse;
	display: inline-block;
}

.invslot{
	border-width: 2px;
	border-style: solid;
	display:inline-block;
	overflow:hidden;
	width:32px;
	height:32px;
	position:relative;
}

.invslot-stacksize{
	position:absolute;
	right:0;
	bottom:0;
	font-family:minecraftia,sans-serif !important;
	font-weight:normal !important;
	color:#FFF !important;
	text-shadow:2px 2px 0 #3F3F3F;
	filter:dropshadow(color=#3F3F3F,offx=2,offy=2);
	z-index:2
}

.crafting-custom .invslot{
	background-color:#67AFD0;
	border-color: #1A536E #C0DEEB #C0DEEB #1A536E;
}

.crafting-standard .invslot{
	background-color: #8B8B8B;
	border-color: #373737 #FFFFFF #FFFFFF #373737;
}

.invslot-large{
  padding: 8px;
}

.crafting{
  padding: 12px;
  display: inline-block;
	border-width: 3px;
	border-style: solid;
}

.crafting-custom{
  background-color: #8FC4DC;
  border-color: #C0DEEB #1A536E #1A536E #C0DEEB;
}

.crafting-standard{
	background-color: #C6C6C6;
	border-color: #DBDBDB #5B5B5B #5B5B5B #DBDBDB;
}

.crafting-arrow{
  width: 32px;
  height: 32px;
}

.catalyst {
	margin: 16px 0px 0px 3px;
}

.crafting-custom .crafting-arrow{
  background-image: url(https://wiki.gm4.co/images/b/b7/Custom_Crafting_arrow.png);
}

.crafting-standard .crafting-arrow{
  background-image: url(https://wiki.gm4.co/images/b/b7/Standard_Crafting_arrow.png);
}

.crafting > * {
	vertical-align: middle;
  display: inline-block;
}

.tooltip {
    font-family: minecraftia;
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 2px;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.tooltip p{
    margin: 0;
    line-height: 0px;
}