Thanks for using our site!

If you're looking to become an editor, please read the Becoming an Editor section carefully.

Template:Styles/mobile.css: Difference between revisions

From ranchstory
Jump to navigationJump to search
imported>Kiwibasket
mNo edit summary
imported>Kiwibasket
mNo edit summary
Line 5: Line 5:
******************/
******************/
@media screen and (max-width: 600px) {
@media screen and (max-width: 600px) {
.nomobile {
table.nomobile {
display: none;
display: none;
visibility: hidden;
visibility: hidden;
Line 12: Line 12:


@media screen and (max-width: 600px) {
@media screen and (max-width: 600px) {
.mobileonly {
table.mobileonly {
display: none;
display: none;
visibility: hidden;
visibility: hidden;

Revision as of 08:04, 25 June 2021

/******************

NOMOBILE/MOBILEONLY

******************/
@media screen and (max-width: 600px) {
	table.nomobile {
		display: none;
		visibility: hidden;
	}
}

@media screen and (max-width: 600px) {
	table.mobileonly {
		display: none;
		visibility: hidden;
	}
}

/******************

PADDING

******************/

/* Table padding */
table.padding-1em > tr > td,
table.padding-1em > * > tr > td {
	padding: 0.7em 1em;
}

table.padding-07em > tr > td,
table.padding-07em > * > tr > td {
	padding: 0.5em 0.7em;
}

table.padding-05em > tr > td,
table.padding-05em > * > tr > td {
	padding: 0.3em 0.5em;
}

table.padding-03em > tr > td,
table.padding-03em > * > tr > td {
	padding: 0.1em 0.3em;
}

/* Table Heading */
table.header-1em > tr > th,
table.header-1em > * > tr > th {
	padding: 0.7em 1em;
}

table.header-07em > tr > th,
table.header-07em > * > tr > th {
	padding: 0.5em 0.7em;
}