main
Paul Schneider 3 months ago
parent 963d49359d
commit accfecb93e
1 changed files with 57 additions and 46 deletions

@ -2,10 +2,10 @@ $color: #f5f7db;
$background-color: #000000; $background-color: #000000;
$post-color: #fff4ca; $post-color: #fff4ca;
$post-background-color: #290505; $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-border-color: rgb(253, 129, 52);
$card-photo-border-color: #ffffffd4; $card-photo-border-color: #ffffffd4;
$carousel-color: rgb(255,255,200); $carousel-color: rgb(255, 255, 200);
$carousel-background-color: #11415f4a; $carousel-background-color: #11415f4a;
$primary: #00c40d; $primary: #00c40d;
$danger: #dc0505d5; $danger: #dc0505d5;
@ -32,10 +32,10 @@ $danger: #dc0505d5;
} }
.navbar-dark .navbar-toggler-icon { .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; margin: .5em;
background-color: $carousel-background-color; background-color: $carousel-background-color;
color: $carousel-color; color: $carousel-color;
@ -63,22 +63,20 @@ input[type='checkbox'] {
.post { .post {
background-color: $post-background-color; background-color: $post-background-color;
color:#d1d1d1; color: #d1d1d1;
padding: 2.3em; padding: 2.3em;
border-radius: 2em; border-radius: 2em;
border: solid #5d7f0ca4 2pt; border: solid #5d7f0ca4 2pt;
} }
.actiongroup .actiongroup {
{
float: right; float: right;
margin:.5em; margin: .5em;
} }
.float-left .float-left {
{
float: left; float: left;
margin:.5em; margin: .5em;
} }
@ -87,48 +85,59 @@ a {
color: var(--blue); color: var(--blue);
} }
a.close a.close {
{
cursor: pointer; cursor: pointer;
} }
.grants-page .card { .grants-page .card {
margin-top: 20px; margin-top: 20px;
border-bottom: 1px solid lightgray; } border-bottom: 1px solid lightgray;
.grants-page .card .card-title {
font-size: 120%; }
font-weight: bold; }
.grants-page .card .card-title img { .grants-page .card .card-title {
width: 100px; font-size: 120%;
height: 100px; } font-weight: bold;
}
.grants-page .card label { .grants-page .card .card-title img {
font-weight: bold; } width: 100px;
height: 100px;
}
.grants-page .card label {
font-weight: bold;
}
.navbar-dark .navbar-toggler-icon { .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; margin: .5em;
background-color: $carousel-background-color; background-color: $carousel-background-color;
color: $carousel-color; color: $carousel-color;
font-weight: bold; font-weight: bold;
padding: .5em; } padding: .5em;
}
img.blogphoto { img.blogphoto {
max-width: 100%; max-width: 100%;
max-height: 100%; } max-height: 100%;
}
input[type='checkbox'] { input[type='checkbox'] {
appearance: auto; appearance: auto;
min-width: 1em; min-width: 1em;
min-height: 1em; } min-height: 1em;
}
.container { .container {
background-color: $background-color; background-color: $background-color;
color: $color; color: $color;
padding: .5em; padding: .5em;
margin: .5em; } margin: .5em;
}
.post { .post {
background-color: $post-background-color; background-color: $post-background-color;
@ -136,6 +145,7 @@ input[type='checkbox'] {
padding: .7em; padding: .7em;
border-radius: 2em; border-radius: 2em;
border: solid $post-border-color 2pt; border: solid $post-border-color 2pt;
.photo { .photo {
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;
@ -144,33 +154,34 @@ input[type='checkbox'] {
.actiongroup { .actiongroup {
float: right; float: right;
margin: .5em; } margin: .5em;
}
.float-left { .float-left {
float: left; float: left;
margin: .5em; } margin: .5em;
}
body { body {
font: 1rem/1.5 var(--font-family-sans-serif); font: 1rem/1.5 var(--font-family-sans-serif);
color: $color; color: $color;
background-color: $background-color; background-color: $background-color;
} }
.card { .card {
max-height: 20em; max-height: 20em;
max-width: 30em; max-width: 30em;
display: inline-table; display: inline-table;
.card-photo .card-photo {
{
border: solid 1px $card-photo-border-color; border: solid 1px $card-photo-border-color;
max-height: 15em; max-height: 15em;
max-width: 30em; max-width: 30em;
} }
.index-post-title
{ .index-post-title {
display: inline; display: inline;
} }
} }

Loading…