Skip to content
Snippets Groups Projects
Commit bd3c2905 authored by Julian Wendling's avatar Julian Wendling
Browse files

ADD hsh_preset styles

parent b3e78e68
No related branches found
No related tags found
No related merge requests found
/* This file is empty by purpose. /* This file is empty by purpose.
You can add your SCSS code here if you really need to. */ You can add your SCSS code here if you really need to. */
/*************************** Variables section. *****************************/
// Create variables to override the default value for variables used in the Moodle and Bootstrap SCSS files.
/*************************** Import section *****************************/
@import "fontawesome";
@import "bootstrap";
@import "moodle";
/*************************** Colors ****************************/
$hsh-accent: #ffd200;
/*************************** Rules section ****************************/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
line-height: 1.5;
}
// @import "moodle" sorgt irgendwie dafür das die a links einer
// Frage in einem Kurs (Die anzeigen wie viele Aufagben bereits gelöst wurden)
// weiße color bekommen was die Buttons unsichtbar werden lässt (da weißer Hintergrund)
.qnbutton.btn-secondary {
color: #212529;
&:hover {
color: #212529;
}
}
nav {
&.fixed-top {
border-bottom: 1px solid $card-border-color;
background-color: $primary !important;
&.bg-dark {
// TODO: Anlegen einer Backendeinstellung und einer Variable für die Farbe
background-color: #575151 !important;
}
.navbar-brand,
.nav-item .popover-region .icon,
.nav-item .localnavbarplus .icon,
.nav-item .nav-link,
.usermenu .login,
.usermenu .login a,
.dropdown-toggle {
color: $white;
}
.nav-item .nav-link,
.navbar-brand {
&:focus,
&:hover {
color: $white;
}
}
.avatar {
img {
border-radius: 50%;
}
}
}
}
#nav-drawer {
// Correcting second nav group spacing
.list-group.mt-1 {
margin-top: 1rem !important;
}
.list-group-item {
padding-top: 6px;
padding-bottom: 6px;
word-break: break-word;
// Removes margin of all custom navigation entries
&[data-isexpandable="0"] {
margin-top: 0;
}
&.localboostnavigationcollapsibleparent {
.media-left {
display: none;
}
}
&[aria-expaned="1"],
&[data-key^="coursehome"] {
font-weight: bold;
}
// Adds margin to all custom navigation entries/sections that are the first of their kind (to separate content)
&[data-key^="mycourses"],
&[data-key^="localboostnavigationcoursesections1"],
&[data-key^="localboostnavigationcustombottomusers1"],
&[data-key^="localboostnavigationcustombottomadmins1"] {
margin-top: 1rem !important;
}
&.localboostnavigationcollapsibleparent {
// Correcting the position of dropdown icon
& > div::after {
top: 5px;
}
}
&.active,
&[data-key^="coursehome"] {
border-color: $list-group-border-color;
border-left: 7px solid $hsh-accent;
background-color: lighten($hsh-accent, 35%);
color: $list-group-action-color;
}
&.p-l-3 {
padding-left: 2rem;
}
.media {
align-items: center;
}
.icon {
display: flex;
align-items: center;
}
}
}
input[type="checkbox"] {
position: relative;
&:focus {
box-shadow: 0 0 0 0.2rem rgba($hsh-accent, .25)
}
&:checked::before {
content: "";
width: 15px;
height: 15px;
position: absolute;
background: $hsh-accent;
border-radius: 3px;
left: -1px;
top: -1px;
}
&:checked::after {
content: "";
width: 9px;
height: 5px;
position: absolute;
top: 3px;
left: 2px;
border: 2px solid #fff;
border-top: none;
border-right: none;
background: transparent;
transform: rotate(-45deg);
}
}
#hshcourselistul {
li.list-group-item {
&.active,
&.active:hover,
&:focus {
background-color: $primary;
border-color: $primary;
a {
color: #fff;
}
}
&:hover {
background-color: $dropdown-link-hover-bg;
}
&[data-key^="localboostnavigationcustombottomusers"],
&[data-key^="localboostnavigationcustombottomadmins"] {
margin-top: 0;
}
}
}
.semesternode {
padding-left: 0px !important;
}
#page-my-index {
#page-header {
.card {
background-color: #f7f7f7;
}
}
}
#page-header {
.card {
border: none;
}
.card-body {
padding: 0;
}
}
.block-region {
.block {
.footer,
.user {
a {
color: $text-muted;
}
}
}
}
.block_hshcourselist {
h5::before {
content: "\f002" !important;
}
}
a[data-action="hide-course"] {
display: none !important;
}
.block_course_overview_campus {
h5::before {
content: "\f2bb" !important;
}
}
footer#page-footer {
text-align: center;
color: white;
background-color: $primary !important;
.block-region {
text-align: left;
}
.card {
color: white;
background-color: $primary;
border: none;
a,
.icon {
color: white;
}
.card-text {
margin-top: 2px !important;
padding-top: 14px;
border-top: 1px solid;
}
}
[data-region="footer-left"],
[data-region="footer-middle"],
[data-region="footer-right"] {
p {
margin-bottom: 0.5rem;
&:before {
font-family: FontAwesome;
display: inline-block;
padding-right: 6px;
vertical-align: middle;
content: "\f0da";
}
}
}
[data-region="footer-left"] {
.card-title {
&:before {
content: "\f0b1";
}
}
}
[data-region="footer-middle"] {
.card-title {
&:before {
content: "\f059";
}
}
}
[data-region="footer-right"] {
.card-title {
&:before {
content: "\f143";
}
}
}
ul.list {
li {
border: none;
padding-top: 0 !important;
padding-bottom: 0 !important;
&:before {
font-family: FontAwesome;
display: inline-block;
padding-right: 6px;
vertical-align: middle;
content: "\f0da";
}
.link {
margin-left: 15px;
margin-top: -23px;
}
}
}
}
.m-l-3,
.m-x-3 {
margin-left: 0 !important;
}
#goto-top-link {
z-index: 1;
}
#page-login-index {
.card-body .col-md-5 {
align-items: stretch;
display: flex;
flex-flow: column;
&:nth-child(2){
div:nth-child(2){
display: none;
}
}
}
#login {
display: flex;
flex-flow: column;
width: 100%;
height: 100%;
}
#loginbtn {
margin-top: auto !important;
}
.rememberpass {
display: none;
}
}
#categoryquestions {
.modifiername {
@media screen and (min-width: 400px) {
width: 200px;
text-align: right;
}
}
}
div.course-content {
ul {
&.topics,
&.weeks,
&.periods {
li.section.main {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
}
}
}
}
.section .activity {
& .contentafterlink,
& .availabilityinfo {
margin-top: 0;
margin-bottom: 1em;
p {
margin-top: 0;
}
}
}
/*
Dashboard
https://moodev.elc.hs-hannover.de/develop/my/
- Meine Kurse
- Kursübersicht
Kurs
https://moodev.elc.hs-hannover.de/develop/course/view.php?id=16#section-1
- Sektionsüberschriften
- Aktiväten/Material
Datei
- https://moodev.elc.hs-hannover.de/develop/mod/resource/view.php?id=76&forceview=1
Feedback
- https://moodev.elc.hs-hannover.de/develop/mod/feedback/view.php?id=71&forceview=1
Gegenseite beurteilung
- https://moodev.elc.hs-hannover.de/develop/mod/workshop/view.php?id=77&forceview=1
Textseite
- https://moodev.elc.hs-hannover.de/develop/mod/page/view.php?id=64&forceview=1
*/
#page {
// For global links
/*
.content {
a[href]:not([href='']):not(.btn):not(.aabtn):not(.quickeditlink):not(#hshcourselistul a):not(#change-user-visibility):not(.arrow_link):not(#coc-hidecourseicon-4):not(.dropdown-item) {
color: $primary;
border-bottom: 1px solid $hsh-accent;
&:hover {
color: $primary;
text-decoration: none;
border-bottom: 1px solid $hsh-accent;
background-color: rgba($primary, 0.3);
}
}
}
*/
// For specific sections
.contentwithlink,
.contentwithoutlink,
.contentafterlink,
.forumpost .body-content-container,
.forgetpass,
.mod_introbox,
.feedback_description,
.phasetasks,
.generalbox p,
#intro,
.block_myoverview .course-listitem,
.block_course_overview_campus .coursebox h3
{
a:not(.btn) {
color: $primary;
border-bottom: 1px solid $hsh-accent;
&:hover {
color: $primary;
text-decoration: none;
border-bottom: 1px solid $hsh-accent;
background-color: rgba($primary, 0.3);
}
}
}
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment