Mercurial > p > roundup > code
comparison website/www/_static/style.css @ 7476:6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
Also add commented out code to highlight linked headers.
Not sure if I like it and if the link target is not before a
header the wrong headers gets highlighted.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Sun, 11 Jun 2023 20:44:05 -0400 |
| parents | a4987f5ebee0 |
| children | dcf37ca1a47d |
comparison
equal
deleted
inserted
replaced
| 7475:3ff266644794 | 7476:6dca1626f652 |
|---|---|
| 200 border: solid thin #dadada; | 200 border: solid thin #dadada; |
| 201 background-color:#ffffff; | 201 background-color:#ffffff; |
| 202 } | 202 } |
| 203 .menu > ul > li.current > * | 203 .menu > ul > li.current > * |
| 204 { | 204 { |
| 205 background-color:#dddddd; | 205 background-color: #f0f0f0; |
| 206 border-block-end: solid medium #cccccc; | |
| 206 } | 207 } |
| 207 | 208 |
| 208 .menu ul li:first-child { margin-top:0;} | 209 .menu ul li:first-child { margin-top:0;} |
| 209 .menu ul { list-style-type:none;} | 210 .menu ul { list-style-type:none;} |
| 210 | 211 |
| 233 .menu ul ul > li:first-child | 234 .menu ul ul > li:first-child |
| 234 { | 235 { |
| 235 border-top: none; | 236 border-top: none; |
| 236 } | 237 } |
| 237 | 238 |
| 239 /* make submenu items clickable cross whole width of menu */ | |
| 240 .menu ul ul > li > a { | |
| 241 display: block; | |
| 242 } | |
| 243 | |
| 238 .menu ul li.toctree-l2.current { | 244 .menu ul li.toctree-l2.current { |
| 239 background-color: #dddddd; | 245 background-color: #f0f0f0; |
| 240 pading-block: 0.25em; | 246 border-inline-start: solid 2px rgb(220, 0, 0); |
| 247 padding-block: 1em; | |
| 241 } | 248 } |
| 242 | 249 |
| 243 /* related */ | 250 /* related */ |
| 244 div.related | 251 div.related |
| 245 { | 252 { |
| 458 div.file_insert { /* use to insert COPYING into license.txt */ | 465 div.file_insert { /* use to insert COPYING into license.txt */ |
| 459 background: #f3f1cc; | 466 background: #f3f1cc; |
| 460 padding-inline: 0.5em; | 467 padding-inline: 0.5em; |
| 461 } | 468 } |
| 462 | 469 |
| 470 /* consider highlighting header element that is a target */ | |
| 471 /* | |
| 472 :target > :is(h1,h2,h3,h4,h5,h6) { | |
| 473 background: rgb(254, 227, 227); | |
| 474 outline: rgb(254, 227, 227) solid 3px; | |
| 475 padding: 0.3em; | |
| 476 } | |
| 477 */ | |
| 478 | |
| 463 /* website only */ | 479 /* website only */ |
| 464 /* assume desktop reader for local html files, also no contact | 480 /* assume desktop reader for local html files, also no contact |
| 465 page for local doc files */ | 481 page for local doc files */ |
| 466 | 482 |
| 467 @media only screen and (max-width:960px) { | 483 @media only screen and (max-width:960px) { |