Skip to content

Better Aules by RubenMLL

Screenshot of Better Aules
Write a review Install Get Stylus

Details

AuthorRubenMLL

LicenseNo License

Categoryaules

Created

Updated

Code size32 kB

Code checksumb5c354f7

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Este tema ofrece una experiencia de usuario y una interfaz mucho más bonita para la plataforma Aules de GVA. El color de acento que tiene es sobre la rama 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      20240130.08.03
@namespace    https://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: rgba(9,9,9,1);
    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;
    box-shadow: 0px 0px 15px #002a1980;
}

.ad-activity-due-date {

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

}

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

.ad-activity-due-date a, i.icon.fa.fa-check.fa-fw  {

    color: #009968!important
}

#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 {

    color: #009968!important;
    transition: 500ms cubic-bezier(0,.5,.5,1);
}

a:hover {
    text-shadow: 0px 0px 15px #00996880;

}

#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, .lastli span {

    font-weight: 700!important;
    text-shadow: 0px 0px 15px #eaeaea30;
}

.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;

}

.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,
td.cell.c2,
td.cell.c3 {

    border: 1px solid #272727;
    background-color: #121212;
    color: #eaeaea;
    border-radius: 15px;
    vertical-align: middle;
    padding-left: 10px!important;
}

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: #df8282!important;
    
}

.ad-activity-date-overdue {
    box-shadow: 0px 0px 15px #4f000080;
}

.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;
    box-shadow: 0px 0px 15px #002a19;
}

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;
    border-radius: 15px;
}

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;
    p...

Reviews

No reviews yet.