MEF++
This commit is contained in:
parent
509c817863
commit
bc79e5a674
7 changed files with 197 additions and 28 deletions
|
|
@ -1,9 +1,19 @@
|
|||
|
||||
$color: #ccdeff;
|
||||
$background-color: #25131c;
|
||||
$post-color: #dce1ec;
|
||||
$post-background-color: #290505;
|
||||
$post-border-color:rgb(178, 158, 158);
|
||||
$card-border-color: lightgray;
|
||||
$card-photo-border-color: #ffffffd4;
|
||||
$carousel-color: rgb(255,255,200);
|
||||
$carousel-background-color: #530e6a;
|
||||
$primary: #00c40d;
|
||||
$danger: #dc0505d5;
|
||||
|
||||
.grants-page {
|
||||
.card {
|
||||
margin-top: 20px;
|
||||
border-bottom: 1px solid lightgray;
|
||||
border-bottom: 1px solid $card-border-color;
|
||||
|
||||
.card-title {
|
||||
img {
|
||||
|
|
@ -27,8 +37,8 @@
|
|||
|
||||
div.carousel-inner > div.item > div.carousel-caption-s {
|
||||
margin: .5em;
|
||||
background-color: rgba(0,0,0,.6);
|
||||
color: rgb(255,255,200);
|
||||
background-color: $carousel-background-color;
|
||||
color: $carousel-color;
|
||||
font-weight: bold;
|
||||
padding: .5em;
|
||||
}
|
||||
|
|
@ -45,18 +55,18 @@ input[type='checkbox'] {
|
|||
}
|
||||
|
||||
.container {
|
||||
background-color: #000000d5;
|
||||
background-color: $background-color;
|
||||
color: #fff;
|
||||
padding: .5em;
|
||||
margin: .5em;
|
||||
}
|
||||
|
||||
.post {
|
||||
background-color: #000000dd;
|
||||
background-color: $post-background-color;
|
||||
color:#d1d1d1;
|
||||
padding: 2.3em;
|
||||
border-radius: 2em;
|
||||
border: solid #441515a4 2pt;
|
||||
border: solid #5d7f0ca4 2pt;
|
||||
}
|
||||
|
||||
.actiongroup
|
||||
|
|
@ -71,12 +81,96 @@ input[type='checkbox'] {
|
|||
margin:.5em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color:aquamarine;
|
||||
background-color: black;
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
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; }
|
||||
|
||||
.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"); }
|
||||
|
||||
div.carousel-inner > div.item > div.carousel-caption-s {
|
||||
margin: .5em;
|
||||
background-color: $carousel-background-color;
|
||||
color: $carousel-color;
|
||||
font-weight: bold;
|
||||
padding: .5em; }
|
||||
|
||||
img.blogphoto {
|
||||
max-width: 100%;
|
||||
max-height: 100%; }
|
||||
|
||||
input[type='checkbox'] {
|
||||
appearance: auto;
|
||||
min-width: 1em;
|
||||
min-height: 1em; }
|
||||
|
||||
.container {
|
||||
background-color: $background-color;
|
||||
color: $color;
|
||||
padding: .5em;
|
||||
margin: .5em; }
|
||||
|
||||
.post {
|
||||
background-color: $post-background-color;
|
||||
color: $post-color;
|
||||
padding: .7em;
|
||||
border-radius: 2em;
|
||||
border: solid $post-border-color 2pt;
|
||||
.photo {
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.actiongroup {
|
||||
float: right;
|
||||
margin: .5em; }
|
||||
|
||||
.float-left {
|
||||
float: left;
|
||||
margin: .5em; }
|
||||
|
||||
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-photo
|
||||
{
|
||||
border: solid 1px $card-photo-border-color;
|
||||
max-height: 15em;
|
||||
max-width: 30em;
|
||||
}
|
||||
.index-post-title
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue