Changeset - ae091198eab8
[Not reviewed]
0 2 0
Brett Smith - 5 years ago 2019-09-30 15:51:52
brettcsmith@brettcsmith.org
css: Replace some NBP branding with Conservancy's.
2 files changed with 4 insertions and 22 deletions:
0 comments (0 inline, 0 general)
static/scss/custom.scss
Show inline comments
...
 
@@ -321,53 +321,51 @@ $homepage-block-smaller-min-height: 360px;
 
.tight-headings {
 

	
 
  h1, h2, h3, h4, h5, h6 {
 
    margin: 0.05em;
 
  }
 

	
 
}
 

	
 
.btn-shadow {
 
  box-shadow: 1px 1px 5px $gray-dark;
 
}
 

	
 
.hills {
 
  background-size: 100%;
 
  background-position: bottom;
 
  background-repeat: no-repeat;
 
  width: 50%;
 
  height: 100%;
 
  position: absolute;
 
  bottom: 0;
 
  right: 0;
 
  z-index: -7999;
 

	
 
  &.main {
 
    background-image: url("../images/hills.svg");
 
  }
 

	
 
  &.footer {
 
    background-image: url("../images/hills-footer.svg");
 
  }
 
}
 

	
 
.hphbg {
 
  background-color: $logo-sky-blue;
 
  opacity: 1;
 
  /* will be "on top", if browser supports it */
 
  background-size: 100%;
 
  background-position: bottom;
 
  top: 0;
 
  bottom: 0;
 
  background-repeat: no-repeat;
 
  width: 100%;
 
  height: 100%;
 
}
 

	
 
.grey-gradient {
 

	
 
  background-size: 100%;
 
  background-position: bottom;
 
  background-repeat: no-repeat;
 
  width: 100%;
 
  height: 50%;
 
  position: absolute;
...
 
@@ -376,58 +374,55 @@ $homepage-block-smaller-min-height: 360px;
 
  z-index: -9999;
 
  //background-color: $logo-sky-blue;
 
  background-image: linear-gradient(transparent, black);
 

	
 
  &.homepage-footer {
 
    height: 10%;
 
  }
 

	
 
  &.main {
 
    height: 80%;
 
  }
 
}
 

	
 
.clouds {
 
  background-position: bottom;
 
  background-repeat: repeat-x;
 
  width: 100%;
 
  height: 100%;
 
  position: absolute;
 
  top: 0;
 
  //right: 0;
 
  z-index: -9000;
 

	
 
  &.main {
 
    background-image: url("../images/homepage-clouds-bottom.svg");
 
  }
 

	
 
  &.ftr {
 
    background-image: url("../images/homepage-clouds-bottom.svg");
 
    opacity: 0.1;
 
  }
 

	
 
  &.hdr {
 
    background-image: url("../images/homepage-clouds-bottom.svg");
 
    background-position: top;
 
    opacity: 0.6;
 
  }
 

	
 
}
 

	
 

	
 

	
 

	
 
.circle {
 
  position: relative;
 
  border-radius: 100%;
 
  overflow: hidden;
 
  width: 100%;
 
  box-shadow: 0px 0px 1em $gray-dark;
 

	
 
  &.border {
 
    border: 0.05em solid black;
 
  }
 
}
 

	
 
.circle:before {
 
  content: "";
 
  display: block;
...
 
@@ -439,65 +434,53 @@ $homepage-block-smaller-min-height: 360px;
 
  width: 100%;
 
  height: 100%;
 
  top: 0;
 
  bottom: 0;
 
  left: 0;
 
  right:0;
 
  background-size: cover;
 
  background-position: center;
 
}
 

	
 
.squish {
 
  position: relative;
 
  width: 70%;
 
  margin: auto;
 
  margin-top: 5%;
 
  margin-bottom: 5%;
 
}
 

	
 
.btn-group + p {
 
  margin-top: 1em;
 
}
 

	
 
.website-background {
 
  /*background-image: url("../images/website-background.svg");*/
 
  background-color: $logo-sky-blue;
 
}
 

	
 
.mystic-background {
 
  background-image: url("../images/mystic-marquee.jpg");
 
}
 

	
 
.djangogirls-background {
 
  background-image: url("../images/django-girls-2014.jpg");
 
}
 

	
 

	
 
.homepage-header-background {
 
  background-image: url("../images/homepage-header-background.svg");
 
}
 

	
 

	
 
.sponsor-list a img {
 
  width: 100%;
 
  max-width: 300px;
 
}
 

	
 
.sponsor-list {
 
  margin-top: 1em;
 
}
 

	
 
.full-width {
 
  width: 100%;
 
}
 

	
 
body.about {
 
  h2, h3, h4 {
 
    clear: both;
 
  }
 

	
 
  .team-headshot {
 
    height: 150px;
 
    width: 150px;
 
    float: left;
 
    margin-right: 1em;
 
    margin-top: 0.25em;
static/scss/variables.scss
Show inline comments
 
/* COLORS */
 
// Used by links, buttons, and other background bits.
 
$brand-primary: darken(rgb(0, 202, 10), 20%);
 
$brand-primary: rgb(87, 118, 50);
 
$brand-secondary: #afe478;
 

	
 
$logo-sky-blue: #449fe8;
 
//$background-filter: hsla(207, 60%, 85%, 1.0);
 
$background-filter: $logo-sky-blue;
 

	
 
$background-filter: $brand-secondary;
 
$background-filter-transparent: change-color($background-filter, $alpha: 0.5);
 

	
 
$logo-sky-blue: $brand-secondary;
 

	
 
/* TEXT */
 
$font-family-sans-serif:  'Montserrat', Arial, sans-serif;
 
$font-family-serif:       Georgia, "Times New Roman", Times, serif;
 
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
 
$font-size-base:          16px;
 
$headings-line-height: 1.0;
 
$text-color: #000;
 

	
 

	
 
// Navbar
 
$navbar-default-bg: $brand-primary;
 
$navbar-default-color: white;
 
$navbar-default-link-color: darken($navbar-default-color, 6.5%);
 
$navbar-default-link-hover-color: darken($navbar-default-link-color, 6.5%);
 
$navbar-default-link-active-color: $navbar-default-link-hover-color;
 
$navbar-default-link-disabled-color: lighten($navbar-default-bg, 6.5%);
 

	
 
$box-shadow: 0px 1px 1em rgba(0, 1, 1, 1); //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);
0 comments (0 inline, 0 general)