copyleftconf-website-fork File Diff · Conservancy Kallithea

File diff 903e5f5f0193 → 2e163e012095

static/scss/custom.scss

➞

Show inline comments

@@ ... / @@ -6,49 +6,55 @@ body { @@
   background-size: cover;
   background-repeat: no-repeat;*/
+}
 // Not overridable in bootstrap at the moment
 .dropdown-menu >li >a {
   font-weight: 300;
+}
 // Not overridable in bootstrap at the moment.
 strong {
   font-weight: 500;
+}
 section {
   padding: 20px 0px;
+}
 .modal form {
   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;
+}
 .feature-columns {
     @include make-row();
     > div {
         i.fa {
             margin-bottom: 0.2em;
+        }
         @include make-sm-column(4);
         /*.text-center;
         margin: 2em 0;*/
+    }
+}
 body.reviews.review-list .review-list,
 body.reviews.voting-status .voting-status,
 body.reviews.review-results .review-results {
     z-index: 2; // Place active items above their siblings for proper border styling
     color: $list-group-active-color;
@@ ... / @@ -78,50 +84,50 @@ body.reviews.voting-status { @@
 .sponsor-list h3 {
     margin-top: 3em;
+}
 .sponsor-list > div {
     margin: 10px 0;
+}
 body.auth .panel-heading .panel-title span.pull-right {
     margin: 0 auto;
+}
 .home {
   margin: 0;
   padding-top: $navbar-height - $navbar-padding-vertical - 8;
+}
 .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);
   height:1px;
   margin:-1px;
   overflow:hidden;
   padding:0;
   position:absolute;
   width:1px
+}
 $homepage-block-min-height: 480px;
 .homepage-block {
   margin-top: 0;
   margin-bottom: 0;
   min-height: $homepage-block-min-height;
   position: relative;
   box-shadow: $box-shadow;
   z-index: 3;
@@ ... / @@ -191,48 +197,60 @@ $homepage-block-min-height: 480px; @@
 .homepage-block.light {
   background-color: $background-filter;
   z-index: 2;
+}
 .homepage-block.white {
   background-color: white;
   z-index: 1;
+}
 .homepage-block-bg {
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   background-size: cover;
   background-position: center;
   opacity: 0.3;
   background-blend-mode: multiply;
   z-index: -9999;
   box-shadow: $box-shadow;
+}
 .homepage-background-opacity {
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   opacity: 0.7;
   z-index: -9999;
   background-blend-mode: multiply;
+}
 .homepage-block.dark {
   background: $gray-base;
   color: white;
   text-shadow: 1px 1px $gray-dark;
   a:not(.btn) {
     color: lighten($brand-primary, 20%);
     &:hover,
     &:focus,
     &:active {
       color: lighten($brand-primary, 15%);
+    }
+  }
+}
 .navbar {
   box-shadow: $box-shadow;
+}
 .navbar ul.navbar-nav > li > a,
 .navbar-header a.navbar-brand {
   &:active,
   &:focus,
@@ ... / @@ -241,110 +259,182 @@ $homepage-block-min-height: 480px; @@
+  }
+}
 .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: -9999;
+  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%;
+}
 .floop {
   background-size: 100%;
   background-position: bottom;
   background-repeat: no-repeat;
   width: 100%;
   height: 50%;
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: -9999;
   //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%;
   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%;
   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%;
+}
 .fill {
   position: absolute;
   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-image: url("../images/website-background.svg");*/
   background-color: $logo-sky-blue;
+}
 .mystic-background {
   background-image: url("../images/mystic.jpg");
+  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;