christoph/lecture-professional-software-development
1
Fork 0
Code Activity

update style

Browse Source
This commit is contained in:
Christoph
2020-04-10 16:57:14 +02:00
parent 4c6aa407b4
commit 65782c19e2
1 changed files with 54 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/main/resources/static/style.css
View File

@ -1,19 +1,28 @@
/*Background Light Blue: #e6f4ff*/
/* Focused: #d4ecff*/
/*Background Matt White: whitesmoke*/
/*Text Heading Blue: dodgerblue*/
/* Focused: #4fa4ff*/
/*Badge Background Private: darkslategray*/
/*Badge Background Public: #52a1eb*/
/*Badge Background Veranstaltung: lightseagreen*/
/*Badge Background Parent: mediumorchid*/
/*Content Container*/ /*Content Container*/
.con-div { .content {
border-radius: 3px; border-radius: 3px;
background: #e6f4ff; background: #e6f4ff;
transition: 100ms; transition: 100ms;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
} }
.con-div:hover { .content:hover {
background: #d4ecff; background: #d4ecff;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .125); box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
} }
/*Content Heading*/ /*Content Heading*/
.con-h { .content-heading {
color: dodgerblue;
font-weight: bold; font-weight: bold;
font-optical-sizing: auto; font-optical-sizing: auto;
overflow-wrap: break-word; overflow-wrap: break-word;
@ -21,21 +30,24 @@
transition: 100ms; transition: 100ms;
} }
.con-div:hover .con-h { .content:hover .content-heading {
margin-left: 5px; margin-left: 5px;
padding-bottom: 10px;
} }
.con-h a { /*Link*/
.link {
color: dodgerblue;
transition: 100ms; transition: 100ms;
} }
.con-h a:hover { .link:hover {
color: #4fa4ff; color: #4fa4ff;
} }
/*Content Paragraph*/ /*Content Paragraph*/
.con-p { .content-text {
background: #fbfbfb; background: whitesmoke;
border-radius: 3px; border-radius: 3px;
margin-top: 5px; margin-top: 5px;
margin-right: 10px; margin-right: 10px;
@ -44,26 +56,51 @@
box-shadow: inset 0 .125rem .25rem rgba(0, 0, 0, .075); box-shadow: inset 0 .125rem .25rem rgba(0, 0, 0, .075);
} }
.con-div:hover .con-p { .content:hover .content-text {
margin-top: 10px;
margin-right: 0; margin-right: 0;
box-shadow: inset 0 .125rem .25rem rgba(0, 0, 0, .125); box-shadow: inset 0 .125rem .25rem rgba(0, 0, 0, .25);
} }
.con-p span { .content-text div {
text-align: center;
overflow-wrap: break-word; overflow-wrap: break-word;
font-optical-sizing: auto; font-optical-sizing: auto;
} }
/*Badges*/ /*Badges*/
.badge-ver { .lecture {
cursor: default;
color: whitesmoke;
background: lightseagreen; background: lightseagreen;
} }
.public {
cursor: default;
color: whitesmoke;
background: #52a1eb;
}
.private {
cursor: default;
color: whitesmoke;
background: darkslategray;
}
.parent {
cursor: default;
color: whitesmoke;
background: mediumorchid;
}
/*Positioning*/ /*Positioning*/
.float-r { .float-right {
margin-right: 10px;
margin-left: 10px;
float: right; float: right;
transition: 100ms;
}
.content:hover .float-right {
margin-right: 0;
} }
/*Miscellanous*/ /*Miscellanous*/