notazof/yavsc
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases 3 Packages Wiki Activity Actions

Format

Browse source
This commit is contained in:
Paul Schneider 2025-09-14 14:04:19 +01:00
commit 694300b150
1 changed files with 57 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

107
src/Yavsc/wwwroot/css/site.scss
View file

@ -2,10 +2,10 @@ $color: #f5f7db;
$background-color: #000000;
$post-color: #fff4ca;
$post-background-color: #290505;
$post-border-color:rgb(178, 158, 158);
$post-border-color: rgb(178, 158, 158);
$card-border-color: rgb(253, 129, 52);
$card-photo-border-color: #ffffffd4;
$carousel-color: rgb(255,255,200);
$carousel-color: rgb(255, 255, 200);
$carousel-background-color: #11415f4a;
$primary: #00c40d;
$danger: #dc0505d5;
@ -32,10 +32,10 @@ $danger: #dc0505d5;
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
div.carousel-inner > div.item > div.carousel-caption-s {
div.carousel-inner>div.item>div.carousel-caption-s {
margin: .5em;
background-color: $carousel-background-color;
color: $carousel-color;
@ -63,22 +63,20 @@ input[type='checkbox'] {
.post {
background-color: $post-background-color;
color:#d1d1d1;
color: #d1d1d1;
padding: 2.3em;
border-radius: 2em;
border: solid #5d7f0ca4 2pt;
}
.actiongroup
{
float: right;
margin:.5em;
}
.float-left
{
.actiongroup {
float: right;
margin: .5em;
}
.float-left {
float: left;
margin:.5em;
margin: .5em;
}
@ -87,55 +85,67 @@ a {
color: var(--blue);
}
a.close
{
a.close {
cursor: pointer;
}
.grants-page .card {
margin-top: 20px;
border-bottom: 1px solid lightgray; }
.grants-page .card .card-title {
font-size: 120%;
font-weight: bold; }
.grants-page .card .card-title img {
width: 100px;
height: 100px; }
border-bottom: 1px solid lightgray;
.grants-page .card label {
font-weight: bold; }
}
.grants-page .card .card-title {
font-size: 120%;
font-weight: bold;
}
.grants-page .card .card-title img {
width: 100px;
height: 100px;
}
.grants-page .card label {
font-weight: bold;
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
div.carousel-inner > div.item > div.carousel-caption-s {
div.carousel-inner>div.item>div.carousel-caption-s {
margin: .5em;
background-color: $carousel-background-color;
color: $carousel-color;
font-weight: bold;
padding: .5em; }
padding: .5em;
}
img.blogphoto {
max-width: 100%;
max-height: 100%; }
max-height: 100%;
}
input[type='checkbox'] {
appearance: auto;
min-width: 1em;
min-height: 1em; }
min-height: 1em;
}
.container {
background-color: $background-color;
color: $color;
padding: .5em;
margin: .5em; }
margin: .5em;
}
.post {
background-color: $post-background-color;
color: $post-color;
padding: .7em;
border-radius: 2em;
border: solid $post-border-color 2pt;
border: solid $post-border-color 2pt;
.photo {
max-height: 100%;
max-width: 100%;
@ -144,33 +154,34 @@ input[type='checkbox'] {
.actiongroup {
float: right;
margin: .5em; }
margin: .5em;
}
.float-left {
float: left;
margin: .5em; }
margin: .5em;
}
body {
font: 1rem/1.5 var(--font-family-sans-serif);
color: $color;
background-color: $background-color;
body {
font: 1rem/1.5 var(--font-family-sans-serif);
color: $color;
background-color: $background-color;
}
}
.card {
max-height: 20em;
max-width: 30em;
display: inline-table;
.card {
max-height: 20em;
max-width: 30em;
display: inline-table;
.card-photo
{
.card-photo {
border: solid 1px $card-photo-border-color;
max-height: 15em;
max-width: 30em;
}
.index-post-title
{
.index-post-title {
display: inline;
}
}
}