Updated css from Aiora to improve phone use

This commit is contained in:
expo on server 2020-01-24 04:55:43 +00:00
parent 7631fd1c4b
commit e72354228c

View File

@ -17,6 +17,23 @@ body {
/*max-width: 800px;*/
}
/*Fix for modern displays 2020.01 by AZ*/
@media all and (max-width: 750px) {
body {
margin-left: 5px;
margin-right: 5px;
}
img {
max-width:100% !important;
height:auto !important;
}
table#cavepage {
font-size: 120%;
}
}
/*end of 2020.01 fix*/
body#homepage {
background: #008787 url(../images/style/homebackground.jpg) no-repeat 0 0;
background-size: 140% auto;
@ -129,6 +146,29 @@ ul#links {
border-style: dotted;*/
top: 15px /*300px; to be set once the menu is in all pages*/
}
@media only screen and (min-width: 751px) {
ul#links ~ ul#links {
top:500px; /*funky fix for a funky HTML*/
}
}
/*Fix for modern displays 2020.01 by AZ*/
@media only screen and (max-width: 750px) {
ul#links {
width: 93%;
left: 2px;
font-size: 100%;
padding: 5px;
padding-top:42px;
position: relative; /*this puts the menu back where the HTML places it --at the bottom. This is necessary to avoid two elements with same ID overlapping*/
}
ul#links li {
width: 95%;
display:block;
}
}
/*end of 2020.01 fix*/
ul#links a {
text-decoration: none;
}
@ -257,6 +297,34 @@ ul#homenu li {
background: #008787;
color: #fff;
}
/*Fix for modern displays 2020.01 by AZ*/
@media all and (max-width: 750px) {
body#homepage {
margin:5px;
}
ul#homenu {
width:93%;
top:0;
position: absolute;
}
ul#homenu li {
margin:0;
padding: 0;
display: inline-block;
}
ul#homenu li a {
padding:5px;
}
#homebox {
left:0;
position:relative;
top:70px;
margin-right:2px !important;
}
}
/*end of 2020.01 fix*/
/*caves*/
table#cavepage {
background: none repeat scroll 0 0 #FFFFFF;
@ -386,7 +454,7 @@ body .ui-state-default a:visited:hover {
/*Narrow screens support*/
/*Added 2019-02-22 by Radost Waszkiewicz*/
/*Added 2019-02-22 by Radost Waszkiewicz
@media only screen and (max-width: 600px), screen and (max-aspect-ratio: 5/4)
{
@ -398,7 +466,7 @@ body .ui-state-default a:visited:hover {
margin-left: 100px;
margin-right: 100px;
}
}
}*/
/*Print support*/
/*Complete ignorant hack 2019-07-16 by Philip Sargent*/