farnborough.ac.uk - 19/09/2022, 15:51:35 by arlofilley

/* ==UserStyle==
@name           farnborough.ac.uk - 19/09/2022, 15:51:35
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("cristalweb.farnborough.ac.uk") {
    /* Root Colors / Elements*/
    :root {
        /* the navbar colors */
        --navbar: #291638;
        --navbar-dash-color: #fff;
        /* the colors that the background moves between */
        --bg-1: #000;
        --bg-2: #666;
        --animation: backdrop 10s infinite ease-in-out alternate;

        --sidebar-bg: #111;

        /* Borders which are off by default */
        --border: 0px solid #aaa;
        /* the colours that hyperlinks appear */
        --link: #398cd5;
        --link-hover: #502C6C;

        /* Font Settings */
        --text: #fff;
        --text-alt: #000;
        --font: 'Montserrat', sans-serif;
        ;
        --font-size: 14px;

        /* Review table */
        --great-color: #0f0;
        --good-color: #0bf;
        --mediocre-color: #fb0;
        --bad-color: #ff0038;
        --review-table-top-color: rgb(204, 78, 198);


        /* Timetable */
        --timetable-border: 1px solid black;

        /* Timetable blocks */
        --block-a: #1e9ffc;
        --block-b: #fa9c30;
        --block-c: #fffc55;
        --block-d: #3cd9f9;
        --block-e: #8e4dff;
        --block-f: #ff5858;
        --block-g: #ee63c5;
        --block-h: #000;
        --block-i: var(--bg-2);
    }
}
@-moz-document domain("cristalweb.farnborough.ac.uk") {
    /* Deals with the main code for every page */
    /* Sets main text/background colors */
    body {
        background: var(--bg-1);
        color: var(--text);
        font-size: var(--font-size);
        font-family: var(--font);
        font-weight: normal;
        text-decoration: none;
    }

    /* Gets Rid of ugly border around the main content */
    div#content {
        border: var(--border);
        width: 95%;
        padding: 0px;
        margin: 0px;
    }

    .main_with-menu {
        margin-left: clamp(160px, 16%, 500px);
    }

    /* Controls Link Colors */
    a,
    a:visited,
    a:link {
        color: var(--link);
        text-decoration: none;
        font-family: var(--font);
        font-weight: normal;
    }

    a:hover {
        color: var(--link-hover);
        font-family: var(--font);
        font-weight: normal;
    }

    /* Gets rid of the scrollbar for a cleaner look */
    ::-webkit-scrollbar {
        display: none;
    }

    table.grid tr:hover {
        background-color: rgba(255, 179, 0, 0.395);
    }
}

@-moz-document domain("cristalweb.farnborough.ac.uk") {
    /* Sidebar */
    .sidebar {
        margin: 0px;
        padding: 0px;
        margin-right: 5px;
        border: var(--border);
        border-right: 1px solid black;
        text-align: center;
        font-size: 1em;
        height: 100%;
        background: var(--sidebar-bg);
        border-top-right-radius: 0px;
        width: 15%;
        min-width: 150px;
    }

    .sidebar__logo {
        border: var(--border);
        margin-top: 0px;
        text-align: left;
        width: 100%;
        padding: 0px;
        border-top-right-radius: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 5px;
    }

    .sidebar__logo img {
        /* content: url("https://imgs.search.brave.com/YlQo45FLlYaForMaA23ZahEbHDizOswYq6zNUXuWTCU/rs:fit:318:197:1/g:ce/aHR0cHM6Ly93d3cu/Y29sbGVnZXdlYnNp/dGVzLmFjLnVrL2lt/YWdlcy9sb2dvcy9G/YXJuYm9yb3VnaC1T/aXh0aC1Gb3JtLUNv/bGxlZ2UucG5n"); */
        width: 100%;
        border: var(--border);
    }

    .week-badge,
    .badge {
        background-color: #0000;
        padding: 0px;
        border: var(--border);
        margin: 0px;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        font-size: 1.5em;
        text-align: center;
        color: var(--text);
    }

    .menu__subsection-header-link:hover,
    .menu__link:hover {
        color: var(--link-hover);
        text-decoration: none;
        font-weight: normal;
        font-size: var(--border);
    }

    .menu__subsection-header-link:focus,
    .menu__link {
        color: var(--link-hover);
        text-decoration: none;
        padding: 0px;
        padding-bottom: 2px;
        padding-top: 2px;
        font-weight: normal;
        font-size: var(--border);
    }

    .menu__section-header-link {
        color: #fff;
        font-size: 1em;
        font-weight: bold;
    }

    .menu__section-header-link:hover,
    .menu__section-header-link:focus {
        color: var(--link);
        font-weight: normal;
        font-size: var(--text-size);
    }

    .menu__section-header,
    .menu__subsection-header {
        border-top-right-radius: 0px;
        font-weight: normal;
        font-size: var(--text-size);
        font-family: var(--font);
    }

    .menu__section-header {
        background: var(--navbar);
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    .menu__section-list {
        border-left: var(--border);
        border-right: var(--border);
        font-size: 1em;
        font-weight: bold;
    }

    .menu__item,
    .menu__subsection {
        border-bottom: var(--border);
        padding: 0;
        padding-bottom: 2px;
        padding-top: 2px;
        font-size: var(--font-size);
        font-weight: normal;
    }
}

@-moz-document domain("cristalweb.farnborough.ac.uk") {
    /* Navbar */
    .navbar-inner {
        border: var(--border);
        min-height: 31px;
        background: var(--navbar);
    }

    .navbar-fixed-top {
        right: 10px;
        width: 100%;
        margin: 0px;
    }

    .navbar .badge {
        display: none;
    }

    .navbar .divider-vertical {
        height: 29px;
        border-left-color: var(--navbar-dash-color);
        border-right-color: var(--navbar-dash-color);
    }

    .navbar [class^="icon-"],
    .navbar [class*=" icon-"] {
        display: none;
    }
}

@-moz-document url("https://cristalweb.farnborough.ac.uk/CristalWeb/Students") {
    /* Main Site */
    /*.review-dial {
         background-image: url(https://cdn.discordapp.com/attachments/951435585636139008/1024666573815947295/review-dial-face_Background_Removed.png);
        width: 100%;
        height: 100%;
    } */
    div#content {
        padding-top: 1em;
    }

    table.wide {
        min-width: 400px;
    }

    hr {
        display: none;
    }

    #main #reminders p {
        margin: 0;
        padding-top: 5px;
        padding-bottom: 0px;
    }

    td {
        padding-bottom: 10px;
    }

    .btn:first-child {
        display: none;
    }
}
@-moz-document url("https://cristalweb.farnborough.ac.uk/CristalWeb/Students/Timetable") {
    /* Timetable */
    .timetable {
        width: 100%;
        max-width: 1000px;
        min-width: 800px;
        background-color: var(--bg-2);
        font-size: 140%;
        color: var(--text-alt);
    }

    table.timetable td {
        border: var(--timetable-border);
    }

    table.grid {
        border: var(--timetable-border);
    }

    thead {
        border: var(--timetable-border);
    }

    table.grid tr {
        border: 1px solid #000000;
    }

    table.grid tr:hover {
        background-color: rgba(255, 179, 0, 0.395);
    }

    table.timetable td.blocka {
        background-color: var(--block-a)
    }

    table.timetable td.blockb {
        background-color: var(--block-b)
    }

    table.timetable td.blockc {
        background-color: var(--block-c)
    }

    table.timetable td.blockd {
        background-color: var(--block-d)
    }

    table.timetable td.blocke {
        background-color: var(--block-e)
    }

    table.timetable td.blockf {
        background-color: var(--block-f)
    }

    table.timetable td.blockg {
        background-color: var(--block-g)
    }

    table.timetable td.blocki {
        background-color: var(--block-i)
    }
}