|
Thanks for using our site! |
Template:Styles/mobile.css
From ranchstory
/******************
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 (max-width: 720px) {
.map .noresize {
width: 100% !important;
height: 100% !important;
}
.map img{
height: 100%;
max-width: 100%;
}
}
#wrapper {
width: 100%;
max-width: 504px; /*actual width of image-- behaves strangely if exceeding this*/
max-height: 480px;
position: relative;
}
#wrapper img {
max-width: 100%;
}
#link {
border: 1px solid red;
height: 35.71%;
width: 13.54%;
position: absolute;
left: 33.73%;
top: 84.38%;
}