File diff 561a9c1e85fd → 0de08369d703
static/scss/custom.scss
Show inline comments
...
 
@@ -210,96 +210,155 @@ $homepage-block-min-height: 480px;
 

	
 
.circle {
 
  position: relative;
 
  border-radius: 100%;
 
  overflow: hidden;
 
  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%;
 
}
 

	
 
.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;
 
  height: 80px;
 
  margin: 0 1em 2em 2em;
 

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

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

	
 
@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;
 
  }
 
}
 

	
 
@media (max-width: 768px) {
 
  .navbar-nav.pull-right {
 
    float: left !important;
 
  }
 
}
 

	
 
@media (max-width: 550px) {
 

	
 
}
 

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

	
 
/*mobile issues remain with:
 

	
 
- navbar
 

	
 
*/
...
 
\ No newline at end of file