Тёмная тема для БРС by MaksPV

/* ==UserStyle==
@name       ?
@version    20250430.20.10
@namespace  ?
==/UserStyle== */

/* ==UserStyle==
@name           Тёмная тема для личного кабинета студента ТГТУ
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Полная тёмная тема для личного кабинета + адаптив под мобильные устройства
@author         Максим Попов
==/UserStyle== */

@-moz-document url-prefix("http://web-iais.admin.tstu.ru") {
:root {
    --bg-color: #1e1e1e;
    --text-color: #ffffff;
    --link-color: #fff;
    --link-hover: #cccccc;
    --header-bg: #2d2d2d;
    --menu-bg: #252525;
    --border-color: #444;
    --highlight: #333;
    --button-bg: #3a3a3a;
    --button-hover: #4a4a4a;
    --heading-bg: #3a3a3a;
    --heading-text: #ffffff;
    --table-header-bg: #3a3a3a;
    --table-header-text: #ffffff;
    --table-header-blue: #2828c1;
    --table-header-green: #579857;
    --table-header-orange: #a87721;
    --table-header-yellow: #a7a722;
    --table-border: #444;
    --table-row-odd: #2d2d2d;
    --table-row-even: #333;
    --table-row-hover: #222;
    --ir-toolbar-bg: #333;
    --ir-control-panel-bg: #2a2a2a;
    --light-blue: #31c8f8
}

#uBodyContainer,body {
    width: 1200px
}

#uBodyContainer,#uOneCol,body {
    background-color: var(--bg-color)!important;
    color: var(--text-color)!important;
    margin: auto
}

@media (max-width:1200px) {
    #uBodyContainer,#uOneCol,body {
        width: 100%;
        margin: auto
    }
}

a,a.itemLabel,a.itemLabel:link,a.itemLabel:visited,a.list,a.list:link,a.list:visited,a:link,a:visited {
    color: var(--link-color)!important;
    text-decoration: none!important
}

a.itemLabel:hover,a.list:hover,a:active,a:hover {
    color: var(--link-hover)!important;
    text-decoration: underline!important
}

.uRegion>div.uRegionHeading,header#uHeader {
    border-bottom: 1px solid var(--border-color)!important
}

header#uHeader {
    background: 0 0;
    background-color: var(--header-bg)!important;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

header#uHeader nav ul {
    background-color: var(--menu-bg)!important
}

header#uHeader nav ul li a:hover,nav ul li a.active {
    background-color: var(--highlight)!important
}

.uRegion,.uRegionContent,.uRegionHeading {
    background-image: none!important;
    background-color: var(--header-bg)!important;
    border-color: var(--border-color)!important;
    color: var(--text-color)
}

.uRegion>div.uRegionHeading {
    background-color: var(--heading-bg)!important;
    box-shadow: none!important
}

.uRegionHeading h1,.uRegionHeading h1 a,.uRegionHeading h1 span {
    color: var(--heading-text)!important
}

.TEXT_O,.fielddata,.fielddatabold,.fielddatasmall,.pagination .fielddata,header#uHeader nav ul li a {
    color: var(--text-color)!important
}

table,table.accessible-report,table.standard-report,table.uReport,table.uReportStandard,table.vertical1,table.vertical1 td {
    background-color: var(--header-bg)!important;
    border-color: var(--border-color)!important
}

table.accessible-report thead>tr>th,table.standard-report thead>tr>th,table.uReport thead>tr>th,table.uReportStandard thead>tr>th {
    color: var(--table-header-text)!important;
    border-bottom: 1px solid var(--table-border)!important
}

.apexir_WORKSHEET_DATA th,table.accessible-report thead>tr>th,table.standard-report thead>tr>th,table.uReport thead>tr>th,table.uReportStandard thead>tr>th {
    background-color: var(--table-header-bg)!important;
    background-image: none!important;
    text-shadow: none!important;
    padding: 8px!important;
    text-align: center!important
}

table.accessible-report tbody>tr>td,table.standard-report tbody>tr>td,table.uReport tbody>tr>td,table.uReportStandard tbody>tr>td {
    background-color: var(--table-row-odd)!important;
    color: var(--text-color)!important;
    border-bottom: 1px solid var(--table-border)!important;
    padding: 6px!important
}

.apexir_WORKSHEET_DATA td {
    background-color: var(--table-row-odd)!important
}

.apexir_WORKSHEET_DATA tr.even td,table.accessible-report tbody>tr:nth-child(even)>td,table.standard-report tbody>tr:nth-child(even)>td,table.uReportStandard tbody>tr:nth-child(even)>td {
    background-color: var(--table-row-even)!important
}

.apexir_WORKSHEET_DATA tr.odd td {
    background-color: var(--table-row-odd)!important
}

table.vertical1 td.L {
    color: #ccc!important
}

table.vertical1 td.R {
    background-color: var(--table-row-even)!important
}

div#uLoginContainer section.uRegion div.uRegionContent table.formlayout td label.uOptional,table.formlayout td label,table.formlayout td span.display_only,table.formlayout td span.display_only a {
    color: var(--text-color)
}

#apexir_SEARCH,.apexir-go-button,.button,button,input,input[type=button],input[type=submit],select,textarea {
    background-color: var(--button-bg)!important;
    color: var(--text-color)!important;
    border-color: var(--border-color)!important
}

.apexir-go-button:hover,.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover {
    background-color: var(--button-hover)!important
}

#apexir_SEARCH,input,select,textarea {
    background-color: var(--header-bg)!important
}

.apex_worksheet,.apexir_WORKSHEET_DATA {
    background-color: var(--header-bg)!important;
    border: 1px solid var(--border-color)!important
}

.apexir_WORKSHEET_DATA {
    width: 100%;
    border-collapse: collapse!important
}

#apexir_TOOLBAR_OPEN,.apex_toolbar,.apexir_WORKSHEET_DATA td,.apexir_WORKSHEET_DATA th {
    border: 1px solid var(--border-color)!important;
    color: var(--text-color)!important
}

.apexir_WORKSHEET_DATA td {
    padding: 6px!important
}

#apexir_TOOLBAR_OPEN,.apex_toolbar {
    background-color: var(--ir-toolbar-bg)!important
}

.apex_toolbar {
    padding: 4px;
    margin-bottom: 5px
}

#apexir_TOOLBAR_OPEN {
    background-image: none!important;
    box-shadow: none!important;
    border-radius: 0!important
}

.apexir_TOOLBAR_CLOSE,.apexir_TOOLBAR_OPEN {
    display: inline-block!important;
    vertical-align: middle!important;
    float: none!important;
    height: auto!important
}

#apexir_TOOLBAR_CLOSE {
    color: #000
}

#apexir_CONTROL_PANEL_COMPLETE,.control_panel {
    background-color: var(--ir-control-panel-bg)!important;
    border: 1px solid var(--border-color)!important;
    color: var(--text-color)!important
}

tr.rule_1082608605815122450 td {
    background-color: #3a3429!important
}

tr.rule_1082608724059122450 td {
    background-color: #2a3a2a!important
}

tr.rule_1082608828771122450 td {
    background-color: #3a2a30!important
}

tr.rule_1082608916440122450 td {
    background-color: #2a323a!important
}

tr.rule_1082609017869122450 td {
    background-color: #2a303a!important
}

tr.rule_1082609715230122450 td {
    background-color: #2a2f3a!important
}

tr.rule_1082609221412122450 td {
    background-color: #3a2a2c!important
}

tr.rule_1082609302889122450 td {
    background-color: #323a2a!important
}

tr.rule_1082609402551122450 td {
    background-color: #352a3a!important
}

tr.rule_1082609505015122450 td {
    background-color: #3a3835!important
}

tr.rule_1082609627622122450 td {
    background-color: #2f3a2a!important
}

tr.rule_1082609118133122450 td {
    background-color: #373a2a!important
}

.pagination {
    padding: 4px;
    text-align: right;
    color: var(--text-color)!important
}

.pagination a {
    padding: 0 4px;
    color: var(--link-color)!important
}

#uFooter,.dhtmlSubMenu {
    background-color: var(--header-bg)!important
}

.dhtmlSubMenu,.dhtmlSubMenuN {
    color: var(--text-color)!important
}

.dhtmlSubMenu {
    position: absolute;
    border: 1px solid var(--border-color)!important;
    z-index: 1000;
    display: none
}

.dhtmlSubMenuN {
    display: block;
    padding: 2px 10px;
    text-decoration: none
}

.dhtmlSubMenuN:hover,.vertical1 .R div {
    background-color: var(--highlight)!important
}

.dhtmlMenuSep {
    height: 1px;
    background-color: var(--border-color)!important;
    margin: 2px 0
}

#Voen_uchet h1,.ATTENT {
    color: #ff6b6b!important
}

.READ_MORE,.list6b li:before {
    color: var(--link-color)!important
}

#uFooter {
    border-top: 1px solid var(--border-color)!important
}

#Voen_uchet {
    background-color: #3a1a1a!important;
    border-color: #5a2a2a!important
}

.vertical1 .R div {
    border-color: var(--border-color)!important;
    color: var(--text-color)!important
}

#P42_DISC,#P42_GROUP,#P42_KIND_ATT,#P42_SPEC_CODE,#P42_SPEC_NAME,span#P1_STUD.display_only {
    color: var(--light-blue)!important;
    text-shadow: 0 0 2px rgba(0,0,0,.3)!important
}

header#uHeader hgroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: inherit;
    height: auto;
    gap: 7.5px;
    padding-bottom: 15px
}

#uLogo {
    margin-bottom: 0!important
}

.uAPEXNavBar {
    margin: 0!important;
    padding: 0!important;
    width: 100%
}

header#uHeader hgroup div.uAPEXNavBar {
    position: inherit
}

.uAPEXNavBar ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0;
    margin: 0
}

.uAPEXNavBar li {
    list-style: none
}

header#uHeader nav ul,nav.uPageTabs ul {
    display: grid;
    position: inherit;
    grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
    gap: 5px 1px
}

header#uHeader nav ul li,nav.uPageTabs ul {
    display: inherit;
    width: 100%
}

body#uLogin {
    background: 0 0
}

html body #apexir_DATA_PANEL>table .apexir_WORKSHEET_DATA tr:hover td {
    background-color: var(--table-row-hover)!important
}

#apexir_DATA_PANEL>table .apexir_WORKSHEET_DATA th div,#apexir_GROUP_BY>table .apexir_WORKSHEET_DATA th div {
    color: var(--text-color)
}

#P41_GROUP_NAME.display_only {
    color: var(--text-color)!important;
    font-size: 20px
}

#apexir_WORKSHEET,#report_3745658394680735383_catch,#report_3759581712708887051_catch,#report_377083121187...