ISPGAYA Dracula Theme by Pelinho03

/* ==UserStyle==
@name           inforestudante.ispgaya.pt/nonio/dashboard/dashboard.do
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://inforestudante.ispgaya.pt/nonio/") {
    input {
        border-color: #6272a4;
    }

    #dash .imgconf {
        filter: brightness(0) saturate(100%) invert(82%) sepia(9%) saturate(4521%) hue-rotate(317deg) brightness(115%) contrast(102%);
    }

    #dash .imgclose {
        filter: brightness(0) saturate(100%) invert(82%) sepia(9%) saturate(4521%) hue-rotate(317deg) brightness(115%) contrast(102%);
    }

    img {
        border: none;
    }
    .eventTagSimples {
        background-color: #BD93F9;
    }

    .eventTagSimples:hover {
        background-color: #6272A4;
        color: #F8F8F2;
    }

    .dashWidgetContent table.link:hover {
        background-color: #BD93F9;
        color: #f8f8f2;
    }

    .contextDiv {
        line-height: 130%;
        margin: 0px 0 20px 0;
    }

    .contentCenter span {
        color: #FFB86C !important;
    }

    hover.contentCenter {
        background-color: red;
    }



    /*------------------------ Global ------------------------*/
    body {
        background-color: #282a36;
        color: #f8f8f2;
        font-family: "Ubuntu", sans-serif;
        background: linear-gradient(-45deg, #1c1f26, #282a36, #3b3f52, #BD93F9);
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
        height: 100vh;
    }

    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }

    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        background: #44475A;
    }

    ::-webkit-scrollbar-thumb {
        background: #BD93F9;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #BD93F9;
    }

    .eventTagTrabPorEntregar {
        background-color: #FF5555;
        color: #f8f8f2;
    }

    /*------------------------ Hyperlink ------------------------*/
    a {
        color: #BD93F9;
    }

    .selectedStep {
        border-color: #bd93f9;
        font-weight: bold;
    }

    a:hover.iconpesquisa {
        color: #f8f8f2;
    }

    a:hover {
        color: #bd93f9;
    }

    .linkFerramentas a:link {
        background-color: #6272a4;
        color: #f8f8f2;
    }

    .linkFerramentas a:hover {
        background-color: #6272a4;
        color: #f8f8f2;
    }

    .tabledefault a:link:not(.botaoDownload, .mceButton),
    .tabledefault a:visited:not(.botaoDownload, .mceButton) {
        background-color: #FFB86C;
        color: #f8f8f2;
        border-radius: 20px;
    }

    .tabledefault a:hover:not(.botaoDownload, .mceButton),
    .tabledefault a:active:not(.botaoDownload, .mceButton) {
        background-color: #44475a;
        color: #f8f8f2;
    }

    .successMessageContent a:link,
    .successMessageContent a:active {
        color: #f8f8f2;
        background-color: transparent !important;
        text-decoration: underline !important;
        padding: 0 !important;
        font-weight: bold;
    }

    .successMessageContent a:hover {
        color: #bd93f9 !important;
    }

    .botaodetalhes a:link,
    .botaodetalhes a:hover {
        color: #BD93F9;
        border-radius: 20px;
    }

    .botaodetalhes {
        color: #f8f8f2;
        background-color: #BD93F9;
        border-radius: 20px;
    }

    .botaodetalhes:hover {
        background-color: #44475a;
        color: #f8f8f2;
    }

    .botaoDownload {
        color: #f8f8f2;
        background-color: #bd93f9;
    }

    .botaoDownload a:link,
    .botaoDownload a:visited,
    .botaoDownload a:hover,
    .botaoDownload a:active {
        color: #f8f8f2;
    }

    .botaoDownload:hover {
        background-color: #bd93f9;
        color: #f8f8f2;
    }

    .linkIdioma a:link,
    .linkIdioma a:hover {
        color: #f8f8f2;
    }

    .linkIdioma {
        color: #f8f8f2;
        background-color: #6272a4;
    }

    .linkIdioma:hover {
        color: #f8f8f2;
        background-color: #44475a;
    }

    .linkIdiomaSemInfo {
        background-color: #ff5555;
    }

    .infoMessage {
        color: #282A36;
        border: 1px solid #f8f8f2;
        background-color: #beddef;
        border-radius: 10px;
    }

    /*------------------------ Header ------------------------*/
    #header {
        background-color: #44475A;
        color: #f8f8f2;
        border-bottom: 1px solid #44475A;
    }

    #navigation {
        background-color: #44475A;
    }

    .hidden-desktop.header-mobile {
        content: url('https://brand.ispgaya.pt/assets/ispgaya-logo-negative.507f6fc0.svg') !important;
        width: auto;
        height: auto;
        margin: 10px 0 10px 30px;
    }

    .hidden-phone.hidden-tablet.header-normal {
        content: url(https://brand.ispgaya.pt/assets/ispgaya-logo-negative.507f6fc0.svg) !important;
        width: 220px;
        height: auto;
        margin: 10px 0 10px 30px;
        border: none;
        outline: none;
    }


    .userFoto {
        content: url('https://avatars.githubusercontent.com/u/117535228?v=4') !important;
        border: solid #FFB86C;
    }

    .headerTableRight {
        color: #f8f8f2;
    }

    .headerTableRight a {
        color: #bd93f9;
    }

    .headerTableRight a:hover {
        color: #f8f8f2;
    }

    .UFshow-on-hover {
        background-color: #FFB86C;
        color: #f8f8f2;
        height: 25px;
        padding: 0.3rem;
    }

    .userFoto-wrap a:hover {
        color: #f8f8f2;
    }

    .headerTagLibErrors {
        color: #f8f8f2;
    }


    /*------------------------ Navigation ------------------------*/
    .contentLogin {
        background-color: rgba(40, 42, 54, 0.5);
    }

    .contentLoginContainer {
        background-color: rgba(40, 42, 54, 0.15);
    }

    #contentLoginContainerLeft {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        background-color: #282A36;
    }

    .contentLoginContainerLeft {
        background: #f8f8f2;
    }

    .logintableSpan {
        display: flex;
        align-items: center;
    }

    .logintableSpan a {
        color: #f8f8f2;
    }

    .logintableSpan a:hover {
        color: #6272a4;
    }

    #divAliasUsername a {
        color: #f8f8f2;
    }

    #divAliasUsername a:hover {
        color: #6272a4;
    }

    span.logintableSpan {
        color: #f8f8f2;
    }

    .tituloSeccaoLogin {
        color: #f8f8f2;
    }

    .captchaSpan {
        color: #bd93f9;
    }

    .navtableLight {
        background-color: #44475A;
    }

    .cellcontent {
        color: #F8F8F2 !important;
        font-weight: bold;
    }

    /*------------------------ Menu ------------------------*/
    .menu {
        background-color: #44475a;
        border-right: 1px solid #44475a;
        border-radius: 0 0 10px 10px;
        margin-bottom: 10px;
    }

    .menuTitle {
        color: #bd93f9;
        margin: 0px 0px 20px 0px;
    }



    .menuTitle:hover {
        background-color: #bd93f9;
        color: #f8f8f2;
        margin: 0px 0px 20px 0px;
    }

    .menuGroup {
        color: #f8f8f2 !important;
    }

    .menuGroup li a {
        color: #bd93f9 !important;
    }

    .menuGroup li a:hover {
        color: #bd93f9 !important;
    }

    ul.menu-list li:hover {
        background-color: #bd93f9;
        color: #f8f8f2;
    }

    ul.menu-list li:hover a {
        color: #f8f8f2 !important;
    }

    li.menuItemTitle:hover {
        background-color: transparent !important;
        color: #f8f8f2 !important;
    }

    ul.menu-list li.selectedOptionMenu {
        background-color: #bd93f9;
        color: #f8f8f2;
        font-weight: 600;
    }

    ul.menu-list li.selectedOptionMenu a {
        color: #f8f8f2;
    }


    /*------------------------ Context ------------------------*/
    #context {
        background-color: #44475A;
    }

    #contentalunos {
        border-color: #44475A;
    }

    /*------------------------ Separator ------------------------*/
    #separators {
        color: #282A36;
        border-color: #bd93f9 !important;
    }

    .separators {
        color: #282A36;
        border-bottom: 0.3rem solid #bd93f9 !important;
    }

    .separatorsInt {
        color: #282A36;
    }

    .closedtab_dl {
        background-color: #bd93f9;
        color: #F8F8F2;
    }

    .closedtabdiv {
        background-color: transparent;
    }

    .closedtab_sl {
        background-color: #bd93f9;
        color: #F8F8F2;
    }

    .openedtab_sl {
        color: #282A36;
        background-color: #F8F8F2;
    }

    .openedtab_sl:hover {
        background-color: #beddef;
    }

    .openedtab_sl a {
        color: #282A36;
    }

    .openedtab_dl {
        color: #282A36;
        background-color: #F8F8F2;
    }

    .openedtab_dl:hover {
        background-color: #beddef;
    }

    .openedtab_dl a {
        color: #282A36;
    }

    .separadorNoMenu {
        color: #bd93f9;
    }

    /*------------------------ Content ------------------------*/
    #contentContactos {
        background-color: #282A36 !important;
        border-color: #d5dadf;
    }

    /*------------------------ Footer ------------------------*/
    .footer {
        height: 4rem;
        background-color: #bd93f9;
    }

    .navtable {
        background-color: #282A36;
        color: #F8F8F2;
    }


    .roundedBorder,
    .fieldsetRoundedBorder {
        border-color: #F8F8F2;
    }

    .navtableDarkContent {
        color: #F8F8F2;
    }

    .navtableLightContent {
        color: #282A36;
    }

    .navtableGo {
        color: #bd93f9;
    }

    .footerTable {
        color: #F8F8F2;
        background-color: #bd93f9;...