copyleftconf-website-fork File Diff · Conservancy Kallithea

File diff e0df95e0bd41 → bd2ae493dad7

static/scss/custom.scss

➞

Show inline comments

@@ ... / @@ -82,100 +82,120 @@ body.reviews.voting-status { @@
 .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);
+}
 .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;
   .sponsor {
     $sponsor-height: 150px;
     @include make-xs-column(6);
     @include make-sm-column(4);
     @include make-md-column(3);
     max-width: 600px;
     height: $sponsor-height;
     .logo-alignment {
       max-width: 300px;
       width: 100%;
       height: 100%;
       // Center the icon horizontally and vertically
       text-align: center;
       line-height: ($sponsor-height - 5px);
       vertical-align: middle;
       a img {
         max-width: 100%;
         max-height: 100%;
+      }
+    }
+  }
+}
 .homepage-block-content {
   min-height: ($homepage-block-min-height - 80px);
+}
 /* ??? */
 .homepage-block-footer {
+}
 .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-block.dark {
   background: $gray-base;
   color: white;
   text-shadow: 1px 1px $gray-dark;
   a:not(.btn) {
     color: lighten($brand-primary, 20%);
     &:hover,
     &:focus,
     &:active {
@@ ... / @@ -236,98 +256,96 @@ $homepage-block-min-height: 480px; @@
   width: 100%;
   border: 0.05em solid black;
   box-shadow: 0px 0px 1em $gray-dark;
+}
 .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");
+}
 .mystic-background {
   background-image: url("../images/mystic.jpg");
+}
 .djangogirls-background {
   background-image: url("../images/django-girls-2014.jpg");
+}
 .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;
     margin-bottom: 1em;
+  }
+}
 body.news {
   h2, .h2 {
     font-size: 28px;
+  }
+}
 body:not(.home) {
   #background-filter a:not(.btn) {
     text-decoration: underline;
+  }
+}
 span.date {
   font-weight: 900;
+}
 .email-signup-panel {
   max-width: 600px;
+}
 .logo {
   float: right !important;
   width: 80px;