File diff c00ff7543509 → 1aa4ab6d8c6b
static/scss/custom.scss
Show inline comments
...
 
@@ -111,48 +111,54 @@ body.auth .panel-heading .panel-title span.pull-right {
 

	
 

	
 
.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;
 

	
 
  &.shallow {
 
    min-height: 0px;
 
    padding-top: 12px;
 
    padding-bottom: 12px
 
  }
 

	
 
  .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%;
 
        width: auto;
 
        height: auto;
...
 
@@ -170,54 +176,54 @@ $homepage-block-min-height: 480px;
 
    margin-bottom: 2em;
 
    text-align: center;
 
    vertical-align: middle;
 

	
 
    .image-alignment {
 
      width: 80%;
 
      height: 80%;
 
      margin: auto auto;
 
      // Center the icon horizontally and vertically
 
    }
 
  }
 

	
 
  .speaker-list {
 
    margin-top: 2em;
 
  }
 
}
 

	
 

	
 
.homepage-block-content {
 
  min-height: ($homepage-block-min-height - 80px);
 
}
 

	
 

	
 
.homepage-block-content-cloudsep {
 
  min-height: ($homepage-block-min-height - 200px);
 
  min-height: ($homepage-block-min-height - 20px);
 
}
 

	
 

	
 
.homepage-block-bloop {
 
  min-height: 120px;
 
  min-height: 20px;
 
}
 

	
 

	
 

	
 
/* ??? */
 
.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%;
...
 
@@ -454,59 +460,83 @@ body.about {
 
  }
 
}
 

	
 
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 {
 

	
 
  &.left {
 
    float: left !important;
 
  }
 

	
 
  &.right {
 
    float: right !important;
 
  }
 

	
 
  &.small {
 
    width: 80px;
 
    height: 80px;
 
    margin: 0 1em 2em 2em;
 

	
 
    .circle {
 
      width: 80px;
 
      height: 80px;
 
    }
 
  }
 

	
 
  &.large {
 

	
 
    $sz: $jumbotron-heading-font-size * 2;
 

	
 
    width: $sz;
 
    height: $sz;
 

	
 
    .circle {
 
      width: $sz;
 
      height: $sz;
 
    }
 

	
 
  }
 
}
 

	
 
footer .footer-copy {
 
  margin-left: 1em;
 

	
 
  p {
 
    font-size: 16px;
 
  }
 
}
 

	
 
@media (max-width: 1200px) and (min-width: 992px) {
 
  .email-signup-panel input.btn {
 
    margin-top: 1em;
 
  }
 
}
 

	
 
@media (max-width: 992px) {
 
  .photo-attribution {
 
    margin-top: 1em;
 
    text-align: left;
 
  }
 

	
 
  .email-signup-panel {
 
    margin-top: 2em;
 
  }
 
}
...
 
@@ -514,45 +544,46 @@ footer .footer-copy {
 
@media (max-width: 768px) {
 
  .navbar-nav.pull-right {
 
    float: left !important;
 
  }
 

	
 
}
 

	
 
@media (max-width: 992px) and (min-width: 768px) {
 
  .nav > li > a {
 
    padding: 15px 7px;
 
  }
 
}
 

	
 
@media (max-width: 550px) {
 

	
 
}
 

	
 
@media (min-width: 992px) {
 
  .email-signup-panel {
 
    margin-top: 22px;
 
  }
 
}
 

	
 
.homepage-title {
 
  font-size: $font-size-h1;
 
  font-weight: 600;
 
}
 

	
 
.homepage-subtitle {
 
  font-size: $font-size-h3;
 
  line-height: 1.25;
 
  font-weight: 300;
 

	
 
  .wrap-break {
 
    display: inline-block;
 
  }
 
}
 

	
 
.navbar-toggle {
 
  background-color: $gray-lighter;
 
  font-size: 10px;
 
}
 

	
 
body.login #content_body .row > div.col-md-9 > p + div.container {
 
  padding-left: 0px;
 
}