Mobile.css: Difference between revisions

Revision as of 01:19, 30 December 2014

/* CSS placed here will affect users of the mobile site */
.template_battlefield {
	padding: 72px 8px 0;
}

.template_battlefield table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	display: table;
	width: auto !important;
}

.template_battlefield th, .template_battlefield td {
	border: none !important;
	padding: 0 !important;
	position: relative;
}

.template_battlefield td {
	margin: 0;
	height: 8px;
	line-height: 0;
}

.template_battlefield_obj-red {
	position: absolute;
	bottom: 0;
	left: 50%;
	-moz-transform: scaleX(-1) translateX(50%);
	-o-transform: scaleX(-1) translateX(50%);
	-webkit-transform: scaleX(-1) translateX(50%);
	transform: scaleX(-1) translateX(50%);
}

.template_battlefield_obj-blue {
	position: absolute;
	bottom: 0;
	left: 50%;
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.template_battlefield img {
	display: block;
}