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
No edit summary
imported>Kiwibasket
No edit summary
Line 38: Line 38:
******************/
******************/


@media only screen and (max-width: 720px){
@media only screen and (min-resolution: 720dpi){
  .imgwrapper {
  .imgwrapper {
  width: 100%;
  width: 100%;

Revision as of 11:56, 19 June 2021

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

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-03em > tr > td,
table.padding-03em > * > tr > td {
	padding: 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;
}

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

MAPS

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

@media only screen and (min-resolution: 720dpi){
	  .imgwrapper {
	  width: 100%;
	  position: relative;
	  margin: auto;
	}
	
	.imgwrapper img {
	  width: 100%;
	  height: 100%;
	  max-width: 100%;
	  position: relative;
	  display: inline-block;
	}
	.imglink {
	  border: 1px solid red;
	  position: absolute;
	}
	
	.imglink > img, .imglink > a > img {
		width: 100%;
		height: 100% !important;
		position: absolute;
	}
}