diff --git a/css/main2.css b/css/main2.css index 681528b5a..c95647ec1 100644 --- a/css/main2.css +++ b/css/main2.css @@ -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*/ @@ -413,4 +481,4 @@ body .ui-state-default a:visited:hover { margin-left: 0px; margin-right: 0px; } -} \ No newline at end of file +}