A Resking of the elearning Plattform of HS Fulda. This is an experimental Version. Some Pages might not be displayed correctly. Feedback is greatly appreciated.
Elearning.hs-fulda.de - Reskin (Beta) by BumBumGame
Details
AuthorBumBumGame
LicenseNo License
Categoryelearning.hs-fulda.de
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
- Dark Themed Version
- Main Article Scales to 100%
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name elearning.hs-fulda.de - 19.9.2023, 22:59:06
@namespace github.com/openstyles/stylus
@version 1.0.8
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("elearning.hs-fulda.de") {
#page.drawers {
scrollbar-color: #6a737b black;
}
body {
background: #202020;
color: white;
}
a {
color: #0179e4;
}
img{
filter: brightness(0.92);
}
.btn{
background-color: #565656;
color: white;
text-decoration: none !important;
}
.btn:hover, .custom-select:hover{
background-color: #003256 !important;
border-color: #00253f !important;
color: white;
}
.custom-select {
background-color: #2b2b2b !important;
color: white;
cursor: pointer;
border: 1.5px solid #ffffff3d !important;
}
#topofscroll {
width: 100%;
max-width: 100% !important;
background-color: #2b2b2b !important;
color: white;
}
#block-region-content section {
background-color: #202020 !important;
color: white;
}
#block-region-content section img {
filter: invert(80%) !important;
}
.form-control {
background-color: #2b2b2b !important;
color: white !important;
}
.form-control:focus {
border: 0.1em solid #004a80 !important;
}
.drawers .block_myoverview > .card-body {
padding-top: 1rem !important;
padding-right: 1rem !important;
padding-bottom: 1rem !important;
padding-left: 1rem !important;
}
.dashboard-card {
background: #2b2b2b !important;
color: white !important;
}
.dashboard-card .dropdown i {
color: #ffffff6e;
}
.dashboard-card .dropdown button:focus {
background: #004a8059 !important;
}
.categoryname {
color: inherit !important;
}
.bg-white {
background: transparent !important;
}
.navbar {
background-color: #004a80 !important
}
button i {
filter: invert(100%);
}
button:hover {
background: #004a8059 !important;
}
button:focus {
background: #004a8059 !important;
}
.dashboard-card-img {
filter: brightness(0.8);
}
#region-main {
background: transparent !important;
}
.forumpost {
border: none !important;
background: #202020 !important;
border-radius: 0.5em;
}
.forumpost:focus {
outline: none !important;
}
#site-news-forum article img {
max-width: 40% !important;
filter: brightness(0.9);
}
#site-news-forum article .mr-2 img {
max-width: 100% !important;
}
.bg-secondary {
background-color: #004a80 !important;
}
.drawer-toggles .drawer-toggler .btn {
background-color: #004a80 !important;
}
.simplesearchform {
width: 100%;
}
.simplesearchform .input-group {
width: 100%;
}
.drawercontent {
scrollbar-color: #6a737b black !important;
}
#coursecontentcollapse1 img {
filter: brightness(0.9);
}
#theme_boost-drawers-blocks {
background: #2b2b2b !important;
}
#theme_boost-drawers-blocks .mb-3 {
background-color: #202020 !important;
color: white !important;
}
.list-group-item {
background-color: #2b2b2b !important;
}
.info h3,
.info h4 {
border-bottom: none;
}
.mb-2.header h3 {
border-bottom: none;
}
/**Login**/
.pagelayout-login #page {
background: #686868;
}
.pagelayout-login #page h2 {
border-bottom: none;
}
.login-container {
color: white !important;
background-color: #0000009e !important;
}
.login-container .form-control{
color: white !important;
background: #424242 !important;
}
#loginbtn {
background-color: #646464 !important;
transition: 0.2s;
}
#loginbtn:hover {
opacity: 0.7;
}
.btn-secondary {
background-color: #646464 !important;
color: white !important;
}
/**Course View**/
.secondary-navigation .navigation {
background-color: #004a80 !important;
text-align: center;
}
ul[id^="moremenu"][id$="nav-tabs"] {
background-color: transparent !important;
border: none !important;
display: inline-block;
}
ul[id^="moremenu"][id$="nav-tabs"] li{
float: left;
}
ul[id^="moremenu"][id$="nav-tabs"] li a{
color: white;
}
ul[id^="moremenu"][id$="nav-tabs"] li .active{
border-bottom-color: white !important;
font-weight: bold;
}
.moremenu .nav-link.active {
color: white !important;
}
.moremenu .nav-link {
transition: 0.2s;
}
.moremenu .nav-link.active:hover {
border-bottom-color: white !important;
}
.moremenu .nav-link:hover,
.moremenu .nav-link:focus {
background-color: #003256 !important;
border-bottom-color: #0075ca !important;
}
#page-header {
max-width: 100% !important;
}
#page-header h1 {
border-bottom: none;
}
.course-section-header h3 {
border-bottom: none;
}
.section .activity h3 {
border-bottom: none;
}
.activity-item:not(.activityinline) {
border: none;
background: #202020;
}
.main-menu-content .activity-item:not(.activityinline) {
border: none;
background: #2b2b2b;
}
.btn {
color: white;
}
.btn.btn-icon:hover,
.btn.btn-icon:focus {
background-color: #41474d;
color: white;
}
.automatic-completion-conditions .badge {
background: #2b2b2b;
color: white;
}
.alert-success,
.environmenttable .ok {
color: #4b9946 !important;
}
.description .course-description-item {
background: #2b2b2b;
}
.drawer {
background: #2b2b2b;
}
.drawercontent {
background: #202020;
}
.courseindex .courseindex-item .courseindex-link,
.courseindex .courseindex-item .courseindex-chevron {
color: white;
}
.courseindex .courseindex-item:hover .courseindex-link,
.courseindex .courseindex-item:hover .courseindex-chevron,
.courseindex .courseindex-item:focus .courseindex-link,
.courseindex .courseindex-item:focus .courseindex-chevron {
color: white;
opacity: 0.5;
}
.courseindex .courseindex-item {
color: white;
}
.courseindex .courseindex-item:hover,
.courseindex .courseindex-item:focus {
color: white;
opacity: 0.5;
}
button i {
filter: none;
}
/**Messager App**/
.message-app {
background-color: #202020 !important;
color: white;
border: none;
border-radius: 0.2em;
}
.card {
background-color: #2b2b2b;
}
.message-app .message.received {
background-color: #2b2b2b;
color: white;
}
.message-app .message.received .tail {
border-bottom-color: #2b2b2b;
}
.message-app .message.send {
background-color: #595959;
color: white;
}
.message-app .message.send .tail {
border-bottom-color: #595959;
}
.message-app .day {
color: inherit;
border-bottom: none;
}
.message-app h4,
.message-app h6 {
border-bottom: none;
}
.message-app a,
.message-app .btn-link {
color: white !important;
}
.message-app .btn-link:hover,
.message-app .btn-link:focus {
color: white !important;
opacity: 0.7;
}
/**Profile Menu**/
.dropdown-menu {
background-color: #202020;
color: white;
}
.dropdown-item {
color: white;
}
.dropdown-menu .btn.btn-icon:hover,
.btn.btn-icon:focus {
background-color: #41474d !important;
}
.dropdown-menu .icon {
filter: invert(100%);
}
/**Teilnehmer liste**/
.filter-group div div {
border: none !important;
}
.filter-group div div div {
background-color: #2b2b2b !important;
border: none;
}
.filter-group {
background-color: #202020 !important;
border: none !important;
}
.filter-group button[data-filteraction=reset] {
background-color: red;
}
.filter-group .custom-select {
background-color: #2b2b2b !important;
color: white;
cursor: pointer;
}
.page-link {
background-color: #202020 !important;
color: #0179e4;
border: 0.05em solid black;
}
.page-link:hover {
border-color: #626262;
}
.page-item.active .page-link {
background-color: #0f6cbf !important;
}
#participants {
color: white;
}
#participants thead th span {
display: none;
}
.generaltable tbody tr:nth-of-type(2n+1) {
background-color: rgb(38, 38, 38);
}
.generaltable tbody tr:hover {
color: white;
}
.generaltable th,
.generaltable td {
border-top: 1px solid #939292;
}
/**U...