<!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&trade;.. from corz.org</title>
<meta name="description" content="Test Page for Auto-Sections menu.. Another Great Web Site Spare Part&trade;.. 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>
back to the source menu
test

Welcome to corz.org!

If something isn't working, I'm probably improving it, try again in a minute. If it's still not working, please mail me!