Updates to design

pull/2/head
Rebecca Hollis 5 years ago
parent 318b2bee4d
commit 736764f9ab

@ -31,7 +31,7 @@
<div class="navbar navbar-light bg-primary shadow-sm">
<div class="container d-flex justify-content-between">
<a class="navbar-brand" href="#">
<a class="navbar-brand text-navbartext" href="#">
<img src="../images/JDS_faulkner_Logo_NoTextAtBottom.png" height="30" class="d-inline-block align-top" alt="JDSfaulkner logo" loading="lazy">&nbsp;&nbsp;ResourceFinder
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
@ -47,7 +47,7 @@
<div class="album py-5 bg-secondary">
<button id="theme-toggle" class="btn btn-light mb-2">Push to change theme</button>
<div class="container">
<input class="form-control form-control-dark w-100 bg-info border border-boxborder" placeholder="Search"
<input class="form-control form-control-dark w-100 bg-info border border-boxborder text-searchfont" placeholder="Search"
aria-label="Search">
</div>

@ -22,12 +22,8 @@
color: #c1c0cc;
}
.form-control {
color: #searchfont;
}
.form-control:focus {
color: #searchfont;
box-shadow: none;
}
.card-image-background{

@ -4,17 +4,18 @@ $theme-colors: (
"success": #808080,
"info": #202023,
"warning": #000000,
"navbartext": #202022,
"inactivecard": #414144,
"activecard": #707070,
"boxborder": #55555c,
"activecardfont":#e1e4e8,
"searchfont": #808080,
"webcardimagebackground": #707070,
"webcardimagebackgroundhover": #808080,
"webcardimagebackgroundhover": #98928F,
"headertextcolor": #808080,
"headertextcolorhover": #ffffff,
"headertextcolorhover": #202022,
"paragraphtextcolor": #808080,
"paragraphtextcolorhover":#ffffff,
"paragraphtextcolorhover":#202022,
);

@ -4,13 +4,14 @@ $theme-colors: (
"success": #0B031C,
"info": #ffffff,
"warning": #700000,
"navbartext": #ffffff,
"inactivecard": #ffffff,
"activecard": #13a04a,
"boxborder": #c0c2c6,
"activecardfont":#e1e4e8,
"searchfont": #2c2c2c,
"webcardimagebackground": #eeeeee,
"webcardimagebackgroundhover": #ffffff,
"webcardimagebackgroundhover": #f0f0f0,
"headertextcolor": #2c2c2c,
"headertextcolorhover": #ffffff,
"paragraphtextcolor": #2c2c2c,

@ -2,7 +2,7 @@
<div class="col-md-4 web-card" id="{{{id}}}" >
<div class="card mb-4 shadow-sm web-card-background">
<div class="card-body text-center">
<h7 class="card-text text-header" style="text-align:center">{{title}}</h7>
<h6 class="card-text text-header" style="text-align:center">{{title}}</h6>
<p class="card-text text-paragraph text-align-left">{{description}} </p>
<div class="d-inline-block mx-auto justify-content-between align-items-center web-card-image-background">
<img class="rounded-circle mx-auto d-block img-fluid"

Loading…
Cancel
Save