corz.org uses cookies to remember that you've seen this notice explaining that corz.org uses cookies, okay!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<title>Auto-Sections Test.. Another Great Web Site Spare Part™.. from corz.org</title>
<meta name="description" content="Test Page for Auto-Sections menu.. Another Great Web Site Spare Part™.. from corz.org" />
<style media="screen">
/*<![CDATA[*/
<!--
body {
color: #000000;
margin: 1rem auto 3rem 3rem;
font-family: Tahoma, 'Lucida Grande', Verdana, Trebuchet, Helvetica, sans-serif;
max-width: 70%;
}
nav h1, aside h1 {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
a:link {
color: #000099;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
font-size: 150%;
}
h2 {
font-size: 125%;
}
pre {
white-space: pre-wrap;
}
em {
padding-right: .2rem;
}
.byline {
font-size: 90%;
color: #1b2336;
}
code {
color: #5c4934;
}
.reftext {
font-size: 90%;
}
.auto-section {
position: fixed;
font-size: 1.1rem;
top: 1rem;
right: .9rem;
text-align: right;
z-index: 99;
}
.auto-section-title {
font-weight: 600;
font-size: 1.3rem;
color: #2644ac;
padding: 0.25rem 0 0.33rem;
}
.auto-section-links a {
display: block;
}
@media screen and (max-width: 800px) {
body {
margin: 3rem auto 3rem;
max-width: 92%;
}
p {
text-align: justify;
}
.auto-section {
width: 100%;
display: inline-block;
text-align: justify;
font-size: 90%;
line-height: 80%;
font-weight: bold;
font-variant: small-caps;
background-color: #ddd;
right: 0; left: 0; bottom: 0; top: auto; /* er.. "position: auto 0 0;" hello! */
}
.auto-section-links a {
display: inline-block;
margin: 0;
padding: .75rem 1rem .1rem;
}
.auto-section-links:last-child::after {
display: inline-block;
width: 100%;
content: "";
}
.auto-section-title {
display: none;
}
}
//-->
/*]]>*/
</style>
</head>
<body>
<?php
include 'auto-sections.php';
include 'auto-sections-menu-test.htm';
?>
</body>
</html>