/*
   This file is part of Eighty Stylesheets, Wei's website stylesheets.

   Eighty Stylesheets is free software: you can redistribute it and/or
   modify it under the terms of the GNU General Public License as
   published by the Free Software Foundation, either version 3 of the
   License, or (at your option) any later version.

   Eighty Stylesheets is distributed in the hope that it will be
   useful, but WITHOUT ANY WARRANTY; without even the implied warranty
   of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
   General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with Eighty Stylesheets. If not, see
   <https://www.gnu.org/licenses/>.

   Copyright (c) Wei Tang, 2020.
*/

label.sidenote-number {
    text-decoration: underline;
    color: #6087dd;
}

label.margin-toggle:not(.sidenote-number) {
    display: inline;
    font-size: 1.2rem;
    color: #6087dd;
    vertical-align: super;
    margin-left: -4px;
    text-decoration: underline;
}

.sidenote, .marginnote {
    display: none;
}

.margin-toggle:checked + .sidenote,
.margin-toggle:checked + .marginnote {
    display: block;
    float: left;
    left: 1rem;
    clear: both;
    width: 95%;
    margin: 1rem 2.5%;
    vertical-align: baseline;
    position: relative;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

label {
    cursor: pointer;
}

div.table-wrapper, table {
    width: 85%;
}