cv.uab.cat/protected/index.jsp by soks-kat

/* ==UserStyle==
@name           cv.uab.cat/protected/index.jsp
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://cv.uab.cat") {
    /* Insert code here... */
    :root{
        --background: #1e1e2e;
        --background-light:#2d2c3e;
        --background-dark: #181825;
        
        --text: #cdd6f4;
        --text-dark: #181825;
        
        --primary: #cba6f7;
        --primary-b: #a177d1;
        --secondary: #89b4fa;
        --secondary-b: #5d8cda;
        --tertiary: #fab387;
        --four: #f38ba8;
        
        --border-radius: 5px;
        
        --red: var(--four);
        --red-b: #dd6887;;
        --orange: var(--tertiary);
        --orange-b: #f58e6a;
        --yellow: #f9e2af;
        --yellow-b: #fbd98d;
        --green: #a6e3a1;
        --green-b: #83d37d;
        --blue: var(--secondary);
        --blue-b: #6c99e2;
        --purple: var(--primary);
        --purple-b: var(--primary-b);
        
        
        /*website variables*/
        --color-marca-primari: var(--primary);
        --color-marca-primari-b: var(--primary-b);
        
        /*side buttons*/
        --color-marca-secundari: var(--green);
        --color-marca-terciari: var(--red);
        --color-marca-terciari-b: var(--red-b);
        --color-marca-quaternari: var(--yellow);
        --color-marca-quaternari-b: var(--yellow-b);
        
        /*side button and secondary top bar*/
        --color-marca-secundari-b: var(--tertiary);
        --color-marca-secundari-fons: ;
        
        /*text on the colorful buttons*/
        --color-info-text: var(--text-dark);
        
        /*all of the main links*/
        --color-enllac: var(--secondary);
        --color-enllac-b: var(--primary);
        
        /*esdeveniments propers*/
        --color-positiu-fons: var(--red);
        --color-negatiu-fons: var(--background-light); 
        
        --color-negatiu-text: var(--red);
        
        --border-radius: 5px;
        
    }

    body{
        background: var(--background);
        color: var(--color-blanc);
        
    }
    
    .acordio .titol {
        margin: 1em;
    }

    .boto{
        border-radius: var(--border-radius);
    }
    /*missatgeria moodle*/
    .boto.color-primari{
        color: var(--color-info-text);
    }
    .boto .icona {
        fill: var(--color-info-text);
        height: var(--font-size-0);
    }
    .llistat-aules-item.especial h3 .icona {
        fill: var(--secondary);
    }


    /*esdeveniments propers*/
    .etiqueta.positiu{
        color: var(--color-info-text);
    }
    .etiqueta{
        color: var(--color-blanc);
        border-radius: var(--border-radius);
    }
    /*guia docent and bibliografia*/
    .boto.invertit.petit{
        background: #313244;
        color: var(--color-blanc);
        border: #313244;
    }
    .boto.invertit .icona {
        fill: var(--color-blanc);
    }


    /*curs actual*/
    #nav-seccio-menu li a {
        color: var(--secondary);
    }
    /*buttons under dreceres*/
    .dreceres a {
        background: var(--background-light);
        color: var(--color--blanc);
        border-radius: var(--border-radius);
    }
    
    footer {
        background: var(--background-dark);
    }
    
    /*side buttons*/
    .color {
        background-color: var(--orange);
    }
    a.color:hover {
        background-color: var(--orange-b);
    }
    a.color:hover .icona, a.negre:hover .icona {
        fill: var(--color-info-text);
    }
    a.color-secundari:hover {
        background-color: var(--green-b)
    }
    .color, .negre {
        color: var(--color-info-text);
    }
    .cc-banners-cta .color-quaternari .descripcio, .cc-banners-cta .color-quaternari .titol {
        color: var(--color-info-text);
    }
    .cc-banners-cta .color-quaternari .icona {
        fill: var(--color-info-text);
    }
    .cc-banners-cta .color .titol, .cc-banners-cta .negre, .cc-banners-cta .color .descripcio {
        color: var(--color-info-text);
    }
    .cc-banners-cta .color .icona {
        fill: var(--color-info-text);
    }    
    .gris {
        background-color: var(--blue);
    }
    a.gris:hover {
        background-color: var(--blue-b);
    }
    a:hover .icona {
        fill: var(--color-info-text);
    }
    /*warning*/
    #avisos .acordio-boto[aria-expanded=true] {
        color: var(--color-info-text);
    }
    /*better alignment*/
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }


    
    /*shit I've killed*/
    header {
        background-image: url(../img/columnes.svg);
        background-size: 0px;
        background-position: bottom;
        margin: 10px;
        display: none;
    }
    section .header {
        border-top: 0;
    }
    #avisos .acordio-boto.neutre {
        display: none;
    }
    .capcal-eines {
        background: #a177d1aa;
        height: var(--espai-4);
        border-radius: var(--border-radius);
    }
        #actualitat {
        background: #313244;
        display: none;
    }
    #actualitat .imatge img {
        display: none;
    }
}