A better UI for Aules by GVA. Color-accent: FP.
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
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: ...