Welcome to Etherbox!

This pad text is synchronized as you type, so that everyone viewing this page sees the same text. Add __NOPUBLISH__ to prevent this pad from being archived.
body {
        margin-left:10vw;
        margin-right:10vw;
        background-color: gainsboro;
        color: midnightblue;
        font-size: 20px;
}



#TOC {
  position:fixed;
  right:2em;
  background-color:whitesmoke;
  padding-right:2em;
  font-size:16px;
}

.collapsed li > ul {
    display:none;
    }

.expanded li > ul {
    display:block;
    }
.expanded li > ul > li > ul{
    display:none;
    }

h1{
      border-bottom: 3px whitesmoke solid;
      margin-bottom:0em;
    font-family: "NotCourierSans";
}
h2{
    font-size: 140%;
    margin-bottom: 0em;
      font-size:100%;
  margin-bottom:0em;
    }
    
h3 {
  border-bottom:1px solid;

  
}
h4{
    font-size:medium
    }
section{
        max-width: 700px;
        line-height: 1.4em;
}

p {
    margin-left:1em;
    margin-bottom:1em;
}

a {color: deeppink;white-space: initial;}

pre {
    background-color: whitesmoke;
    padding-left: 0.1em;
    padding-right: 0.1em;
    /*! margin-left:2em; */
    white-space: pre-wrap;
    word-break: inherit;
    overflow-x: scroll;
}
code{
    background-color: whitesmoke;
    padding-left: 0.1em;
    padding-right: 0.1em;
}

blockquote {
    font-size: medium;
    line-height: 1.5em;
    font-style: italic;
}

img {
    max-width:100%;
}

#contentarea {
        font-size:smaller;
}

#indexlist {
        width: 80%;
}
.removed {
    display: none;
}

div.context {
    margin-top: 1em;
    font-size: smaller;
    font-style: italic;
}

dt{
    margin-bottom:0em;
}
dd{
    margin-bottom:1em;
    
    margin-left: 2.8em;
    font-size: 14px;
}

@media only screen and (max-width: 600px) {
    body {
        font-size: 14px;
        margin-left:4vw;
        margin-right:4vw;
        
    }
    #TOC{
        position: fixed;
        top:0px;
        margin-left: 0px;
        right:0px;
        padding:0px;
        font-size:14px;
        
        
    }
    
    .collapsed#TOC > ul >li{
        display:none;
    }
    
    .collapsed#TOC:before{
        content:"⤸";
    }
    
    .collapsed#TOC{
        position:fixed;
        top:0px;
        right:0px;
        /*! margin-top:0px; */
        font-size: 350%;
        font-style:bold;
        background-color: transparent;
        color:hotpink;
   

    }
    
    #TOC li:first-of-type{
        display:block;
    }
    
    .expanded#TOC{
        width:100%;
    }
    
    .expanded#TOC:before{
       content:"⤻";
       font-size:350%;
       margin:0;
       position: absolute;
       top:0px;
       right:0px;
    }
    
    
    p {
        line-height: 1.7;
    }
    a.uri{
        word-wrap: break-word;
    }
    
    ul{
        padding-left:40px;
    }

    pre{
        font-size:12px;
       margin-left:0;
        padding:5px
    }
    figure{
        margin:0;
    }
    blockquote{
        margin:1em;
        font-size:80%
    }
}