org-theme/scss/partials/_base.scss

html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-size:16px;
    height:100%;
    overflow-x:hidden;
}

body {
    background: $color-background;
    color: $color-text;
    font-family: $sans-serif;
    font-weight: $normal;
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
}

#content {
    background: $color-background-light;
    height: 100%;
    min-height: 100%;
    margin-left: $toc-width;
    max-width: $content-max-width;
    padding: 1.618em 3.236em;
}

a{
    color: $color-link;
    text-decoration:none;
    cursor:pointer;

    &:hover{
        outline:0;
        color: $color-link;
    }

    &:visited{
        outline:0;
        color: $color-link-visited;
    }
}

p {
    font-size: 1rem;
    line-height: 24px;
    margin: 0 0 1.5em 0;
}

b,strong {
    font-weight: $bold;
}

i {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

// Inline Code
code {
    background: $white;
    border: solid 1px #e1e4e5;
    font-family: $mono;
    font-size: 0.75em;
    max-width:100%;
    overflow-x:auto;
    padding:0 5px;
    white-space:nowrap;
}

blockquote {
    background-color: $pale-grey;
    border-left: 5px solid $grey;
    font-style: italic;
    line-height: 24px;
    margin: 0px 0px 24px 0px;
    padding: 6px 20px;

    > p {
        margin-bottom: 1em;

        &:last-child {
            margin-bottom: 0;
        }
    }
}

// Subscripts and Superscripts
sub, sup {
    font-size: 0.6rem;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup{ top:-0.5em; }
sub{ bottom:-0.25em; }



mark{
    background:#ff0;
    color:#000;
    font-style: italic;
    font-weight: $bold;
}

small{
    font-size: 0.85rem;
}

img{
    -ms-interpolation-mode:bicubic;
    vertical-align:middle;
    max-width: 100%;
}

svg:not(:root){
    overflow:hidden;
}

label{
    cursor:pointer;
    display:block;
    margin:0 0 0.3125em 0;
    color:#333;
    font-size: 0.9rem;
}

legend{
    border:0;
    margin-left:-7px;
    padding:0;
    white-space:normal;
    display:block;
    width:100%;
    padding:0;
    white-space:normal;
    margin-bottom:24px;
    font-size: 1.5rem;
}

.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
    display:inline;
}

.left{
    text-align:left;
}

.center{
    text-align:center;
}

.right{
    text-align:right;
}

hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #e1e4e5;
    margin:24px 0;
    padding:0;
}

// footer{
//     color:#999;

//     p {
//         margin-bottom:12px;
//     }
// }

#content img{
    max-width:100%;
}

#content .section>img,#content .section>a>img{
    margin-bottom:24px;
}

.verse{
    border-left:5px solid #6AB0DE;
    background-color: #E7F2FA;
    padding: 6px 20px;
    font-style:italic;
}

#content .section ol p,#content .section ul p{
    margin-bottom:12px;
}

#content h1 .headerlink,#content h2 .headerlink,#content h3 .headerlink,#content h4 .headerlink,#content h5 .headerlink,#content h6 .headerlink,#content dl dt .headerlink{
    display:none;
    visibility:hidden;
    font-size: 14px;
}

#content h1 .headerlink:after,#content h2 .headerlink:after,#content h3 .headerlink:after,#content h4 .headerlink:after,#content h5 .headerlink:after,#content h6 .headerlink:after,#content dl dt .headerlink:after{
    visibility:visible;
    content:"";
    font-family: $fa;
    font-weight: 900;
    display:inline-block;
}

#content h1:hover .headerlink,#content h2:hover .headerlink,#content h3:hover .headerlink,#content h4:hover .headerlink,#content h5:hover .headerlink,#content h6:hover .headerlink,#content dl dt:hover .headerlink{
    display:inline-block;
}

// Is is really used?
// #content .sidebar{
//     float:right;
//     width:40%;
//     display:block;
//     margin:0 0 24px 24px;
//     padding:24px;
//     background:#f3f6f6;
//     border:solid 1px #e1e4e5;

//     p, ul, dl{
//         font-size: 0.9rem;
//     }

//     .last{
//         margin-bottom:0;
//     }

//     .sidebar-title{
//         display:block;
//         font-family: $sans-serif
//         font-weight:bold;
//         background:#e1e4e5;
//         padding:6px 12px;
//         margin:-24px;
//         margin-bottom:24px;
//         font-size: 1rem;
//     }
// }


#content .highlighted{
    background:#F1C40F;
    display:inline-block;
    font-weight: $bold;
    padding:0 6px;
}

#content .footnote-reference,#content .citation-reference{
    vertical-align:super;
    font-size: 0.9rem;
}


span[id*='MathJax-Span']{
    color:#404040;
}

.math{
    text-align:center;
}

// Font Awesome

.fa:before,#content h1 .headerlink:before,#content h2 .headerlink:before,#content h3 .headerlink:before,#content h4 .headerlink:before,#content h5 .headerlink:before,#content h6 .headerlink:before,#content dl dt .headerlink:before,.icon:before,.wy-dropdown .caret:before,.wy-inline-validate.wy-inline-validate-success .wy-input-context:before,.wy-inline-validate.wy-inline-validate-danger .wy-input-context:before,.wy-inline-validate.wy-inline-validate-warning .wy-input-context:before,.wy-inline-validate.wy-inline-validate-info .wy-input-context:before,.wy-alert,.btn,input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],select,textarea,#table-of-contents li.on a,#table-of-contents li.current>a,.wy-side-nav-search>a,.wy-side-nav-search .wy-dropdown>a,.wy-nav-top a{
    -webkit-font-smoothing:antialiased;
}

.fa,.icon{
    display:inline-block;
    font-family: $fa;
    font-style:normal;
    font-style:normal;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.fa-ul{
    padding-left:0;
    margin-left:2.14286em;
    list-style-type:none;
}

.fa-ul>li{
    position:relative;
}

.fa-li{
    position:absolute;
    left:-2.14286em;
    width:2.14286em;
    top:0.14286em;
    text-align:center;
}

.fa-li.fa-lg{
    left:-1.85714em;
}

.fa-border{
    padding:.2em .25em .15em;
    border:solid 0.08em #eee;
    border-radius:.1em;
}

.figure.wrap-right {
    float: right;
    &:after {
        content:'';
        display:block;
        clear: both;
    }
}

.figure.wrap-left {
    float: left;
    &:after {
        content:'';
        display:block;
        clear: both;
    }
}

// TODO Highlight links/etc.
@-webkit-keyframes target {
    from { background:#ffffff; }
    50% { background:#ffffd3; }
    to { background:#ffffff; }
}

:target {
    -webkit-animation: target .5s linear;
}