Skip to content

Better Aules by RubenMLL

Details

AuthorRubenMLL

LicenseNo License

Categoryaules

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A better UI for Aules by GVA. Color-accent: FP.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Better Aules
@version      20230921.10.47
@namespace    userstyles.world/user/RubenMLL
@description  A better UI for Aules by GVA. Color-accent: FP.
@author       RubenMLL
@license      No License
==/UserStyle== */

@-moz-document domain("aules.edu.gva.es") {
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

html,
body,
#page {

    font-family: Inter, sans-serif;
    background-color: #090909;
    color: #eaeaea;
    -webkit-tap-highlight-color: #006444;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: Inter, sans-serif!important;
    color: #eaeaea!important;
}

#page-login-index header,
#page-login-index .card,
#page-footer,
#page-footer a,
.block_myoverview,
.block,
.header,
.content,
#adaptable-page-header-wrapper,
#main-navbar,
#region-main,
.course-main,
#page .course-content ul li.section.main,
.course-content ul.ctopics li.section .content .toggle,
.course-content ul.ctopics li.section .content.sectionhidden {
    background-color: rgba(0, 0, 0, .8)!important;
    color: #eaeaea!important;
}

#intro.generalbox {

    background-color: rgba(0, 0, 0, .8)!important;
    color: rgba(255, 255, 255, 0.75)!important;
}

#region-main {

    border-radius: 35px;
}

.sectionname {

    background-color: rgba(0, 0, 0, .8)!important;
}

.ad-activity-date-submitted,
.format-topcoll .ct-activity-date-submitted {

    background-color: #002a19!important;
    border-radius: 25px;
}

.ad-activity-due-date {

    background-color: #121212;
    border-radius: 25px;

}

.ad-activity-action {
    
    color: #ffac55!important;
    font-weight: 600;
}

i.icon.fa.fa-exclamation.text-warning.fa-fw {
    
    color: #ffac55!important;
} 

.ad-activity-due-date a {

    margin: 0 7px;
}

#page-navbar,
.breadcrumb {

    background-color: rgba(0, 0, 0, .8)!important;
    color: rgba(255, 255, 255, 0.5)!important;
    border-radius: 25px;
}

#page .course-content ul li.section.main {

    border-radius: 25px;
    border: 3px solid #222;
}

#main-navbar {

    backdrop-filter: blur(10px);
    border-radius: 0px 0px 8px 8px;
}

.card-deck {

    display: flex;
    justify-content: center;
    align-items: center;
}

#ticker-wrap {

    background: rgba(0, 0, 0, .8)!important;
    border: none!important;
    border-radius: 25px!important;
}

#ticker-announce {

    border-radius: 25px 0px 0px 25px!important;
    background: linear-gradient(to right, #006444, #000604)
}

.d-inline {

    color: #eaeaea!important;
}

.block,
.header,
.content {

    border-radius: 25px!important;
    border-style: none!important;
    padding: 15px!important;
}


.gotocal {

    padding: 15px!important;
}

.bg-white {
    background-color: #090909!important;
}

.theme-gva #adaptable-page-header-wrapper .searchbox .search-box #search-1 {
    border-radius: 25px!important;
}


div.gva-searchbox .search-box {
    border: 3px solid #ffffff29!important;
    border-radius: 25px!important;
    padding: 1.5px 5px!important;
}

#search-1 {
    border-radius: 25px!important;
}

.pas,
.search-box__button {
    border-radius: 25px!important;
    margin: 2px!important;
    float: none;
}

.card {

    border-radius: 25px;
    background-color: rgba(22, 22, 22, .8)!important;
}

.card-img {

    border-radius: 22px;
    margin: 5px;
    width: auto;
}

.icon,
.coursemenubtn .fa,
.categoryname,
.fa,
#adaptable-page-header-wrapper #main-navbar .navbar-nav a,
#zoominicon {

    fill: #fff!important;
    color: #ffffff85!important;
}

img.w-100.imgsaboraules {
    border-radius: 25px;
}

.theme-gva .block .content a,
a,
a:visited {

    color: #009968!important;
}

#page-footer {
    border-radius: 15px;
}

#page-footer .info {
    border-top: 1px solid #272727;
}

.form-control,
.form-control:focus {
    border-radius: 10px;
    background-color: #121212!important;
    border: 3px solid #222;
    color: rgba(255, 255, 255, 0.5)!important;
    padding: 17.5px 15px;
}

.rememberpass {
    border-radius: 25px;
    background-color: #0b0b0b;
    color: rgba(255, 255, 255, 0.75)!important;
    padding: 6px 4px;
    width: 62%;
    display: inline-block;
    margin-top: 0rem!important;
}

#rememberusername {
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

label {
    margin-bottom: 0rem;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem #006444c2
}

::placeholder,
.breadcrumb ul i,
.breadcrumb li.lastli span {
    color: rgba(255, 255, 255, 0.5)!important;
}

::selection {
    background-color: #006444;
    color: white;
}

.img-responsive {
        background-color: #ffffff7a;
        padding: 8px;

}

.img-responsive.atto_image_button_text-bottom {
    border-radius: 12px;
}

img#logo {
    content: url(https://i.imgur.com/I4s1lYK.png);
}

#yui_3_17_2_1_1684863223285_45 {

    text-align: right;
    display: grid;
    place-content: center;
}

.forgetpass,
#yui_3_17_2_1_1684863223285_47 {

    margin-top: 0rem!important;
}

.btn,
.btn a,
.btn-secondary,
#editingbutton .btn,
.show > .btn-outline-secondary.dropdown-toggle {

    border-color: #fff0!important;
    border: none;
    background-color: #006444!important;
    border-radius: 100px;
    padding: 8px 16px;
    font-family: Inter, sans-serif;
    height: auto;
    line-height: normal;
    margin-bottom: 0px;
}

#sortingdropdown {

    margin-right: 8px;
}

.notifysuccess {

    color: #009968!important;
}

.theme-gva #adaptable-page-header-wrapper #main-navbar {

    padding-top: 15px;
}

#coursetitle,
#sitetitle #coursetitle,
h1#coursetitle {

    color: #eaeaea!important;
    font-family: Inter, sans-serif;
    font-weight: 900!important;
}

span.cps_centre,
a.cps_centre {

    color: black!important;
}

#toggle-all .content .toggle-arrow h4 span.on,
body.jsenabled .course-content ul.ctopics li.section .content .toggle-arrow span.toggle_closed {

    background-image: url(https://i.imgur.com/GNJbFjg.png);
}

#toggle-all .content .toggle-arrow h4 span.off,
.course-content ul.ctopics li.section .content .toggle-arrow span.toggle_open,
body.jsenabled .course-content ul.ctopics li.section .content .toggle-arrow span.toggle_open {

    background-image: url(https://i.imgur.com/xRbe91G.png);
}

.cttoggle {

    display: none;
}

.lastli {

    font-weight: 700!important
}

.tcsection main clearfix,
#topcoll-display-instructions {
    display: none!important;
}

.section .activity .activityinstance > a > span {

    font-weight: 600!important;
}

.sectionname {
    font-weight: 800!important
}

a:focus,
.activityinstance > a:focus {
    background-color: #00644438;
}

.iconlarge activityicon {

    align-items: center;
    justify-content: center;
    vertical-align: central;
}

.aalink.focus,
#page-footer a:not([class]).focus,
.arrow_link.focus,
a:not([class]).focus,
.activityinstance > a.focus,
.aalink:focus,
#page-footer a:not([class]):focus,
.arrow_link:focus,
a:not([class]):focus,
.activityinstance > a:focus {

    background-color: #00644430;
}

h2 {

    margin: 8px;
}

.activity_footer,
.section_footer {

    border-top: 1px solid #272727;
    border-bottom: 1px solid #272727;
}

.custom-select {

    border-radius: 10px;
    background-color: #121212;
    border: 3px solid #222;
    color: rgba(255, 255, 255, 0.5)!important;
    margin: 17.5px 15px;
}

.previous_activity .nav_icon,
.previous_section .nav_icon {

    border-right: 1px solid #272727;
}

.activity_footer .text,
.section_footer .text {

    color: #ffffff85!important
}

th.cell.c0,
td.cell.c1 {

    border: 1px solid #272727;
    background-color: #121212;
    color: #eaeaea;
    border-radius: 15px;
    vertical-align: middle;
}

table {

    border-spacing: 10px;
}

.generaltable {
    background-color: #121212;
    padding: 11px;
    border-radius: 15px!important;
}

table {

    border-collapse: initial
}

.box,
.boxaligncenter .plugincontentsummary .summary_assignsubmission_comments_12639037 {

    margin-top: 0px!important;
}

.submissionstatussubmitted,
.submissiongraded,
.earlysubmission {

    background-color: #002a19!important;
    border: 1px solid #003e25!important;
}

.ad-activity-date-overdue,
.ad-activity-date-overdue .text-warning,
.ct-activity-date-overdue {

    background-color: #2a0000;
    color: #ffffff85!important;
}

.ad-activity-date-overdue a {

    color: #df8282!important;
}

font {

    color: #df8282;
}

td.latesubmission {

    background-color: #410101!important;
    border: 1px solid #522121!important;
}

.icon.spacer {

    display: none;
}

img.userpicture.defaultuserpic {
    content: url(https://i.imgur.com/kufYdb7.png);
    background-color: #fff0;
}

div.popover-region-toggle:hover,
a.nav-link:hover,
div#zoominicon:hover {

    background-color: #002a19!important;
    color: #003e25!important;
    border-radius: 15px;
}

a.nav-link,
div.popover-region-toggle.nav-link,
a#usermenu.nav-link.dropdown-toggle.my-auto,
div#zoominicon,
a.nav-link.moodlewidth {

    padding: 0px 15px!important;
    height: auto!important;
    width: auto!important;
}

span.d-md-inline-block.mx-1 {

    margin: 0px auto!important;
    margin-right: 5px!important;
}

div#popover-region-container-646f0804dc81d646f08009ece45.popover-region-container {

    display: none;
}

.popover-region-container {
    box-shadow: 0px 0px 25px 1px #0000007d
}

h2#instance-630392-header.d-inline,
h2#instance-801226-header.d-inline,
h2#instance-801227-header.d-inline {

    font-weight: 700!important;
    text-transform: uppercase;
}

.popover-region-container,
.message-app {
    border-radius: 10px;
    background-color: #121212;
    border: 3px solid #222;
    color: rgba(255, 255, 255, 0.5)!important;
    padding: 17.5px 15px;
}

.content-item-container,
.popover-region-header-container {

    border-bottom: 1px solid #272727;
}

.content-item-container:hover,
.content-item-container.unread:hover {

    background-color: #002a19
}

.popover-region-footer-container {
    background: none!important;
    background-color: ...

Reviews

No reviews yet.