[css-box] Fix up annoying notice to float over the ToC

Author: fantasai

css-box/Overview.html

@@ -46,13 +46,13 @@
   .css::after, .property::after, .descriptor::after {content: none}
 
   @media screen {
-    #annoying-warning:not(:checked) + * + * {position: fixed; z-index: 1;
+    #annoying-warning:not(:checked) + * + * {position: fixed; z-index: 2;
       bottom: 2em; left: 0; right: 0; text-align: center;
       padding: 0.5em 0.5em 1em 0.5em; box-shadow: 0 2px 8px black;
       border-top: thin solid; border-bottom: thin solid;
       background: hsla(40,100%,50%,0.9); color: black}
     #annoying-warning:not(:checked) + * + * p {margin: 0}
-    #annoying-warning, #annoying-warning + * {position: fixed; z-index: 2}
+    #annoying-warning, #annoying-warning + * {position: fixed; z-index: 3}
     #annoying-warning {font-size: 1em; bottom: 2.3em; right: 0.5em; margin: 0}
     #annoying-warning + * {font-size: 80%; bottom: 2.5em; right: 2.3em}
     #annoying-warning:checked, #annoying-warning:checked + * {display: none}

css-box/Overview.src.html

@@ -41,13 +41,13 @@
   .css::after, .property::after, .descriptor::after {content: none}
 
   @media screen {
-    #annoying-warning:not(:checked) + * + * {position: fixed; z-index: 1;
+    #annoying-warning:not(:checked) + * + * {position: fixed; z-index: 2;
       bottom: 2em; left: 0; right: 0; text-align: center;
       padding: 0.5em 0.5em 1em 0.5em; box-shadow: 0 2px 8px black;
       border-top: thin solid; border-bottom: thin solid;
       background: hsla(40,100%,50%,0.9); color: black}
     #annoying-warning:not(:checked) + * + * p {margin: 0}
-    #annoying-warning, #annoying-warning + * {position: fixed; z-index: 2}
+    #annoying-warning, #annoying-warning + * {position: fixed; z-index: 3}
     #annoying-warning {font-size: 1em; bottom: 2.3em; right: 0.5em; margin: 0}
     #annoying-warning + * {font-size: 80%; bottom: 2.5em; right: 2.3em}
     #annoying-warning:checked, #annoying-warning:checked + * {display: none}