expo/expoweb
1
0
Fork 0
mirror of https://expo.survex.com/repositories/expoweb/.git/ synced 2025-12-08 23:04:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changes the id for the menu links from links to menulinks

Browse Source
This commit is contained in:
Martin Green
2022-06-25 01:18:06 +01:00
parent 4904fd22ea
commit 64c2e6085e
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
css/main2.css
View File

@@ -121,7 +121,7 @@ table.imgtable td { vertical-align: middle; text-align: center;
padding: 10px; } padding: 10px; }
/*Menu*/ /*Menu*/
.menu, .menu,
ul#links { ul#menulinks {
background: #fff url(/images/style/menu-main.png) no-repeat 16px 4px; background: #fff url(/images/style/menu-main.png) no-repeat 16px 4px;
clear: both; clear: both;
border: 2px solid #99CCCC; border: 2px solid #99CCCC;
@@ -137,26 +137,26 @@ ul#links {
} }
*html .menu {width: 180px; left: 10px;} *html .menu {width: 180px; left: 10px;}
*+html .menu {width: 180px; left: 10px;} *+html .menu {width: 180px; left: 10px;}
*html ul#links {width: 180px; left: 10px;} *html ul#menulinks {width: 180px; left: 10px;}
*+html ul#links {width: 180px; left: 10px;} *+html ul#menulinks {width: 180px; left: 10px;}
.menu { .menu {
top: 20px; top: 20px;
} }
ul#links { ul#menulinks {
/*background-image: url(/images/style/menu-second.png); /*background-image: url(/images/style/menu-second.png);
border-color: #C8E1E2; border-color: #C8E1E2;
border-style: dotted;*/ border-style: dotted;*/
top: 15px /*300px; to be set once the menu is in all pages*/ top: 15px /*300px; to be set once the menu is in all pages*/
} }
@media only screen and (min-width: 751px) { @media only screen and (min-width: 751px) {
ul#links ~ ul#links { ul#menulinks ~ ul#menulinks {
top:500px; /*funky fix for a funky HTML*/ top:500px; /*funky fix for a funky HTML*/
} }
} }
/*Fix for modern displays 2020.01 by AZ*/ /*Fix for modern displays 2020.01 by AZ*/
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
ul#links { ul#menulinks {
width: 93%; width: 93%;
left: 2px; left: 2px;
font-size: 100%; font-size: 100%;
@@ -164,14 +164,14 @@ ul#links ~ ul#links {
padding-top:42px; 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*/ 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 { ul#menulinks li {
width: 95%; width: 95%;
display:block; display:block;
} }
} }
/*end of 2020.01 fix*/ /*end of 2020.01 fix*/
ul#links a { ul#menulinks a {
text-decoration: none; text-decoration: none;
} }
p#topheader { p#topheader {
@@ -183,35 +183,35 @@ p#topheader {
padding: 0; padding: 0;
} }
.menu li, .menu li,
ul#links li { ul#menulinks li {
margin: 6px 0; margin: 6px 0;
list-style: none outside none; list-style: none outside none;
} }
ul#links li { ul#menulinks li {
margin: 5px 0 0 0; margin: 5px 0 0 0;
} }
ul#links li ul { ul#menulinks li ul {
padding: 5px 0 5px 10px; padding: 5px 0 5px 10px;
} }
ul#links li li { ul#menulinks li li {
margin: 0 0 0 5px; margin: 0 0 0 5px;
} }
.menu li a, .menu li a,
ul#links li a { ul#menulinks li a {
background: url(/images/style/cave-picto.png) no-repeat 0 8px; background: url(/images/style/cave-picto.png) no-repeat 0 8px;
padding-left: 18px; padding-left: 18px;
} }
.menu li a:hover, .menu li a:hover,
ul#links li a:hover { ul#menulinks li a:hover {
background-position: 0 -8px; background-position: 0 -8px;
border-bottom: 2px solid #d7442b; border-bottom: 2px solid #d7442b;
} }
ul#links li a.editlink { ul#menulinks li a.editlink {
background: url(/images/style/edit-picto.png) no-repeat 100% 0; background: url(/images/style/edit-picto.png) no-repeat 100% 0;
font-size: 85%; font-size: 85%;
padding: 0 18px; padding: 0 18px;
} }
ul#links li a.editlink:hover { ul#menulinks li a.editlink:hover {
background-position: 100% -18px; background-position: 100% -18px;
} }
.menu li, .menu li,
@@ -480,7 +480,7 @@ var { # to match <code> but inline when documenting systems
@media only screen and (max-width: 600px), screen and (max-aspect-ratio: 5/4) @media only screen and (max-width: 600px), screen and (max-aspect-ratio: 5/4)
{ {
ul#links { ul#menulinks {
position: static; position: static;
} }
body { body {
@@ -495,7 +495,7 @@ var { # to match <code> but inline when documenting systems
@media only print, print) @media only print, print)
{ {
ul#links { ul#menulinks {
position: static; position: static;
} }
body { body {