Purdue Statics Blog by dragonvortex

/* ==UserStyle==
@name           Purdue Engineering Blog
@namespace      github.com/openstyles/stylus
@version        1.2.0
@description    A new userstyle
@author         Me
@preprocessor   stylus
@var            color rowColor "Accent Color" #092b29
==/UserStyle== */
@-moz-document url-prefix("https://www.purdue.edu/freeform/") {

    ::selection {
        background: lighten(rowColor, 25);
    }

    a {
        height: 52px;
    }
    
    .site-title a {
        if light(rowColor) {
            color: darken(rowColor, 5)
        }
        else {
            color: lighten(rowColor, 5)
        }
    }
    
    table, th, td {
        background-color: lighten(#393939,20) !important;
        border: 1px solid rgb(153, 153, 153);
    }
    .site-navigation .current_page_item > a,
    .site-navigation .current_page_ancestor > a,
    .site-navigation .current-menu-item > a,
    .site-navigation .current-menu-ancestor > a {
        color: lighten(rowColor, 5);
    }

    a {
        color: lighten(rowColor, 25)
    }

    .search-toggle {
        background-color: lighten(rowColor, 5);
        height: 52px !important;
        width: 52px;
    }

    .search-toggle:hover {
        background-color: lighten(rowColor, 25);
    }

    .site-navigation a:hover {
        color: lighten(rowColor, 35);
    }


    .primary-navigation li:hover > a,
    .primary-navigation li.focus > a {
        background-color: lighten(rowColor, 5) !important;
    }


    .primary-navigation ul ul a:hover,
    .primary-navigation ul ul li.focus > a {
        background-color: lighten(rowColor, 25);
    }

    a:active,
    a:hover {
        color: lighten(rowColor, 65);
    }

    .primary-navigation ul ul {
        background-color: lighten(rowColor, 35);
    }

    .site,
    .site-header {
        max-width: 100% !important;
    }
    .children {
        margin-left: 19px !important;
        border-style: solid;
        padding-left: 15px;
        border-left-width: 5px;
        border-color: #ffffff1f;
    }


    input,
    textarea {
        background: #525252;
    }
    body,
    button,
    input,
    select,
    textarea {
        color: #fff;
    }

    .site {
        background-color: #393939;
    }
    .post-navigation .meta-nav {
        color: #8c8c8c;
    }
    .post-navigation a,
    .image-navigation a {
        color: #fff;
        border-bottom: 1px solid rgba(227, 227, 227, .1);
    }
    .nav-links {
        border-top: 1px solid rgba(227, 227, 227, .1);
    }
    .site-content .entry-header,
    .site-content .entry-meta {
        background-color: #393939;
    }
    .cat-links a {
        color: #fff;
    }
    .site-content .entry-content,
    .site-content .entry-summary,
    .page-content {
        background-color: #393939;
    }
    .entry-title a {
        color: #fff;
    }

    #content img {
        filter: hue-rotate(202deg) invert(.776) saturate(1.3);
    }

    .list-view .site-content .hentry {
        border-top: 1px solid rgba(255, 255, 255, .14);
        padding-top: 48px;
    }
}


@-moz-document url-prefix("https://www.purdue.edu/freeform/statics/homework/") {
    .content-area {
        background-color: darken(rowColor, 6)
    }
    @media screen {
        .full-width .archive-header,
        .full-width .comments-area,
        .full-width .image-navigation,
        .full-width .page-header,
        .full-width .page-content,
        .full-width .post-navigation,
        .full-width .site-content .entry-header,
        .full-width .site-content .entry-content,
        .full-width .site-content .entry-summary,
        .full-width .site-content footer.entry-meta {
            background-color: darken(rowColor, 6) !important;
        }
        p,
        h1,
        td,
        table {
            color: #fff;
            border-color: rgb(255, 255, 255) !important;
        }
        a {
            color: #55d737;
        }


        body {
            background: #151515;
            color: white;
            font-family: Arial, Helvetica, sans-serif !important;
        }

        li {
            padding: 2px;
        }

        table {
            margin-left: auto;
            margin-right: auto;
            border-collapse: collapse;

            font-size: 0.9em;
            min-width: 400px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

            table-layout: initial;
            border: 1px hidden #000 !important;
            white-space: nowrap;
        }

        table,
        th,
        td {
            color: lighten(rowColor, 25);
            font-size: 20px;
            border: 1px hidden black;
            font-family: Arial, Helvetica, sans-serif !important;
        }

        th {
            background-color: lighten(rowColor, 15);
            color: lighten(rowColor, 45);
            text-align: left;
        }

        th,
        td {
            padding: 12px 15px;
            text-align: left;
        }

        tbody tr {
            border-bottom: 1px solid #dddddd !important;
        }

        tr:nth-of-type(even) {
            background-color: rowColor;
        }
        tr:nth-of-type(odd) {
            /*if light(rowColor)*/
            background-color: darken(rowColor, 7)
        }
        a {
            if light(rowColor) {
                color: darken(rowColor, 30)
            }
            else {
                color: lighten(rowColor, 25)
            }
        }
    }
}