File diff bec992e989a2 → 350039c07430
static/scss/custom.scss
Show inline comments
...
 
@@ -24,13 +24,19 @@ section {
 
  margin-bottom: 0px;
 
}
 

	
 
footer {
 
  padding-top: 40px;
 
  padding-bottom: 20px;
 
  text-shadow: 0px 0px 10px white;
 
  //text-shadow: 0px 0px 0.5px lighten($logo-sky-blue, 0.1);
 
  //color: white;
 
}
 

	
 
.ftr-wrapper {
 
  background-image: linear-gradient(transparent, $background-filter, $background-filter, $background-filter);
 
  //background-color: black;
 
}
 

	
 
p.login-signup {
 
    margin-top: 20px;
 
}
 

	
...
 
@@ -96,14 +102,14 @@ body.auth .panel-heading .panel-title span.pull-right {
 
.home#content_body {
 
  margin: 0;
 
  padding: 0;
 
}
 

	
 
#content_body {
 
  background-color: $background-filter-transparent;
 
  box-shadow: 0px 0px 2em $background-filter; //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);
 
  //background-color: $background-filter-transparent;
 
  //box-shadow: 0px 0px 2em $background-filter; //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);
 
}
 

	
 

	
 
.hidden-accessible {
 
  border:0 none;
 
  clip:rect(0px,0px,0px,0px);
...
 
@@ -203,13 +209,13 @@ $homepage-block-min-height: 480px;
 
  bottom: 0;
 
  width: 100%;
 
  height: 100%;
 
  position: absolute;
 
  background-size: cover;
 
  background-position: center;
 
  opacity: 0.3;
 
  opacity: 0.7;
 
  background-blend-mode: multiply;
 
  z-index: -9999;
 
  box-shadow: $box-shadow;
 
}
 

	
 
.homepage-block.dark {
...
 
@@ -271,13 +277,13 @@ $homepage-block-min-height: 480px;
 
  &.footer {
 
    background-image: url("../images/hills-footer.svg");
 
  }
 
}
 

	
 
.hphbg {
 
  background-color: #449fe8;
 
  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;
...
 
@@ -294,16 +300,18 @@ $homepage-block-min-height: 480px;
 
  width: 100%;
 
  height: 50%;
 
  position: absolute;
 
  bottom: 0;
 
  right: 0;
 
  z-index: -9999;
 
  background-color: #449fe8;
 

	
 

	
 
  //background-color: $logo-sky-blue;
 
  background-image: linear-gradient(transparent, black);
 

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

	
 
.clouds {
 
  background-position: bottom;
 
  background-repeat: repeat-x;
 
  width: 100%;
...
 
@@ -314,24 +322,38 @@ $homepage-block-min-height: 480px;
 
  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%;
 
  border: 0.05em solid black;
 
  box-shadow: 0px 0px 1em $gray-dark;
 

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

	
 
.circle:before {
 
  content: "";
 
  display: block;
 
  padding-top: 100%;
...
 
@@ -359,13 +381,14 @@ $homepage-block-min-height: 480px;
 

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

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

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