tracer
/
Spookie
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

changed user menu

This commit is contained in:
tracer 2021-06-12 16:01:02 +02:00
parent 13723972c7
commit fbd4c3c383
1 changed files with 108 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
assets/styles/app.scss
View File

@ -1,6 +1,6 @@
/* /*
jet black (tiefschwarz) - RAL 9005: #0e0e10, rgba(14, 14, 16, 1.0); jet black (tiefschwarz) - RAL 9005: #0e0e10, rgba(14, 14, 16, 1.0);
mango: #ff8040, rgba(255, 130, 67, 1.0); mango: #FF8040, rgba(255, 130, 67, 1.0);
gray: #a1a1a1, rgba(161, 161, 161, 1.0) gray: #a1a1a1, rgba(161, 161, 161, 1.0)
*/ */
@ -21,6 +21,10 @@ $primary: #FF8040;
$body-bg: #0E0E10; $body-bg: #0E0E10;
$body-color: darken(white, 20); $body-color: darken(white, 20);
$dropdown-dark-bg: black;
$dropdown-dark-link-color: $primary;
$dropdown-dark-border-color: $primary;
// the ~ allows you to reference things in node_modules // the ~ allows you to reference things in node_modules
@import "~bootstrap/scss/bootstrap"; @import "~bootstrap/scss/bootstrap";
@ -55,13 +59,15 @@ body {
height: auto; height: auto;
padding: 15px; padding: 15px;
} }
.row.content {height:auto;} .row.content {
height: auto;
}
} }
.navbar-top { .navbar-top {
border-bottom-width: 1px; border-bottom-width: 1px;
border-bottom-color: #FF8040; border-bottom-color: $primary;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
opacity: 0.9; opacity: 0.9;
@ -69,7 +75,7 @@ body {
.navbar-bottom { .navbar-bottom {
border-top-width: 1px; border-top-width: 1px;
border-top-color: #FF8040; border-top-color: $primary;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
height: 125px; height: 125px;
@ -78,7 +84,8 @@ body {
} }
.navbar-nav > li > .dropdown-menu { .navbar-nav > li > .dropdown-menu {
background-color: #A1A1A1; background-color: black;
opacity: 0.8;
} }
@ -106,12 +113,13 @@ body {
.box { .box {
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: #ff8040; border-color: $primary;
border-radius: 10px; border-radius: 10px;
padding: 15px; padding: 15px;
background-image: url('../images/bg.jpeg'); background-image: url('../images/bg.jpeg');
background-position: center; background-position: center;
align-content: center; align-content: center;
margin-bottom: 200px;
} }
/* BlogPosts */ /* BlogPosts */
@ -132,12 +140,10 @@ body {
} }
.blog-container { .blog-container {
border: 1px solid #FF8040; border: 1px solid $primary;
border-radius: 5px; border-radius: 5px;
background: #0E0E10;
margin-bottom: 25px; margin-bottom: 25px;
background-image: url('../images/bg.jpeg'); background: #0E0E10 url('../images/bg.jpeg') center;
background-position: center;
} }
.main-article-link, .article-container a { .main-article-link, .article-container a {
@ -155,6 +161,12 @@ body {
} }
.article-text {
text-align: justify;
hyphens: auto;
}
@media (max-width: 440px) { @media (max-width: 440px) {
.article-title { .article-title {
min-width: 100px; min-width: 100px;
@ -182,4 +194,89 @@ body {
.blog-teaser { .blog-teaser {
margin-left: 15px; margin-left: 15px;
} }
/* registration form */
.social_icon span {
font-size: 60px;
margin-left: 10px;
color: $primary;
}
.social_icon span:hover{
color: white;
cursor: pointer;
}
.card{
height: 370px;
margin-top: 45px;
margin-bottom: auto;
width: 500px;
background-color: #383c4a;
border-color: $primary;
padding: 15px;
background-image: url('../images/bg.jpeg');
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
.card-header {
position: absolute;
color: black;
background-color: $primary;
width: 500px;
height: 55px;
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
}
.card-body {
}
.social_icon{
/* position: absolute;
right: 20px;
top: 45px;
*/
}
.input-group-prepend span{
width: 50px;
background-color: $primary;
color: black;
border:0 !important;
height: 40px;
margin-bottom: 15px;
border-radius: 10px 0 0 10px;
}
.form-control {
height: 40px;
background-image: url('../images/bg.jpeg') !important;
color: white;
border-color: $primary;
}
input:focus{
/* TODO */
}
.submit-button {
color: $primary;
background-color: black;
width: 100px;
border-radius: 10px;
}
.submit-button:hover{
color: black;
background-color: $primary;
}
.links{
color: white;
}