Skip to content

Better Aules (Light Mode) by RubenMLL

Details

AuthorRubenMLL

LicenseNo License

Categoryaules

Created

Updated

Code size18 kB

Code checksum4336871b

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 (Light Mode)
@version      20230601.10.09
@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: #f2f2f2;
    color: #080808;
    -webkit-tap-highlight-color: #00d390;
}

h1, h2, h3, h4, h5, h6 {
    
    font-family: Inter, sans-serif!important;
    color: #080808!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(255,255,255,.8)!important;
    color: #080808!important;
}

#intro.generalbox {
    
    background-color: rgba(255,255,255,.8)!important;
    color: rgba(255,255,255,0.75)!important; 
}

#region-main {
    
    border-radius: 35px;
}

.sectionname {
    
     background-color: rgba(255,255,255,.8)!important;
}

.ad-activity-date-submitted, .format-topcoll .ct-activity-date-submitted {
    
    background-color: #7fffcc!important;
    border-radius: 25px;
}

.ad-activity-due-date {
    
    background-color: #dddddd;
    border-radius: 25px;
}

.ad-activity-due-date a {
    
    margin: 0 7px;
}

#page-navbar, .breadcrumb {
    
    background-color: rgba(255,255,255,.8)!important;
    color: rgba(0, 0, 0, .5)!important;
    border-radius: 25px;
}

#page .course-content ul li.section.main {
    
     border-radius: 25px;
    border: 3px solid #d1d1d1;
}

#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(255,255,255,.8)!important;
    border: none!important;
    border-radius: 25px!important;
    
}

#ticker-announce {
    
   border-radius: 25px 0px 0px 25px!important; 
    background-color: #00d390!important;
    color: black
}

.d-inline {
    
    color: #080808!important;
    
} 

.block, .header, .content {
    
    border-radius: 25px!important;
    border-style: none!important;
    padding: 15px!important;
}


.gotocal {
    
    padding: 15px!important;
}

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

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


div.gva-searchbox .search-box {
    border: 3px solid #00000029!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(236, 236, 236, 0.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 {
    
    color: #000!important;
}



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

.theme-gva .block .content a, a, a:visited {
    
    color: #004d34!important;
}

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

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

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

.rememberpass {
    border-radius: 25px;
    background-color: #f7f7f7;
    color:  rgba(0,0,0,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 #00d390c2
}

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

::selection {
    background-color: #00d390;
    color: black;
}

#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: #00d390!important;
    border-radius: 100px;
    padding: 8px 16px;
    font-family: Inter, sans-serif;
    height: auto;
    line-height: normal;
    margin-bottom: 0px;
    color: black!important;
}

#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: #101010!important;
    font-family: Inter, sans-serif;
    font-weight: 900!important;
}

.alert-danger {
    
    background-color: #2a0000;
    border-radius: 25px;
    color: #ffa6a6;
    font-weight: 600;
    margin-bottom: 10px;
}

span.cps_centre, a.cps_centre {
    
    color: white!important;
}

.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: #00db9638;
}

.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: #00d39030;
}

h2 {
    
    margin: 8px;
}

.activity_footer, .section_footer {
    
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.custom-select {
    
    border-radius: 10px;
    background-color: #dddddd;
    border: 3px solid #d1d1d1;
    color:  rgba(0,0,0,0.5)!important;
    margin: 17.5px 15px ;
}

.previous_activity .nav_icon, .previous_section .nav_icon {
    
    border-right: 1px solid #f0f0f0;
}

.activity_footer .text, .section_footer .text {
     
    color:#1a1a1a85!important
    }

th.cell.c0, td.cell.c1 {
    
    border: 1px solid #f0f0f0;
    background-color: #dddddd;
    color: #080808;
    border-radius: 15px;
    vertical-align: middle;
   
    
}

table {
    
    border-spacing: 10px;
}

.generaltable {
    background-color: #dddddd;
    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: #7fffcc!important;
    border: 1px solid #26ffa8!important;
}
    
.ad-activity-date-overdue, .ad-activity-date-overdue .text-warning {
    
    background-color: #ffbebe;
    color: #08080885!important;
}

.ad-activity-date-overdue a {
    
    color: #3c0000!important;
}

font {
    
    color: #df8282;
}

td.latesubmission {
    
    background-color: #ffbebe!important;
    border: 1px solid #ff5f5f!important;
}

.icon.spacer {
 
    display: none;
}

div.popover-region-toggle:hover, a.nav-link:hover, div#zoominicon:hover {
    
    background-color: #3fffb2!important;
    color: #005b36!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;
}

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: #dddddd;
    border: 3px solid #d1d1d1;
    color:  rgba(0, 0, 0, .5)!important;
    padding: 17.5px 15px ;
    box-shadow: 0 0 25px #0000004d;
}

.content-item-container, .popover-region-header-container {
    
    border-bottom: 1px solid #9b9b9b;
}

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

    background-color: #3fffb282
}



.popover-region-footer-container {
     background: none!important;
    background-color: #0000!important;
   border-top: 1px solid #737373;
    color:  #009968!important;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 10px;
}

button.btn.btn-link.w-100.text-left.p-1.p-sm-2.d-flex.align-items-center.overview-section-toggle, .list-group-item  {
    background-color: #dddddd!important;
       
}

span.input-group-text {
    
        background-color: #dddddd!important;
    border-top: 3px solid #d1d1d1!important;
    border-bottom: 3px solid #d1d1d1!important;
    border-left: 3px solid #d1d1d1!important;
    color:  rgba(255,255,255,0.5)!important;
}

div#yui_3_17_2_1_1684999383065_108.drawer-top.p-2.border-bottom.bg-messageheader, di...

Reviews

No reviews yet.