A better UI for Aules by GVA. Color-accent: FP.
Better Aules (Light Mode) by RubenMLL
Details
AuthorRubenMLL
LicenseNo License
Categoryaules
Created
Updated
Size18 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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...