symposion_app Files · static/src/pyconau2017/css/pyconau.css

Files @ 6121ce79cc88

Branch filter:

Location: symposion_app/static/src/pyconau2017/css/pyconau.css

6121ce79cc88 1.2 KiB text/css Show Annotation Show as Raw Download as Raw

Nick Seidenman (N6)

Getting the splash homepage to work via CMS.

Nearly there. Much rubbish / cruft ripped out of site_base.html and content_page.html.
Had to modify cms_pages/models.py to accommodate a "simple" layout option in the homepage
editor.
Still some stuff to do. Styling not quite there yet, but want to checkpoint this.

body {
  /* Unfortunately, we can't use django tags in here.  So, we'll pull the bg image in from within the body tag itself */
  /* background: url({% static 'pyconau2017/images/pyconau-2016-collage.jpg' %}) no-repeat center center fixed; */
  background: no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white;
  font-size: 14px;
}


.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.jumbotron {
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin-top: 60px;
    margin-bottom: 60px;
}

@font-face {
    font-family: 'Flux Regular';
    src: url('fonts/FLUXRegular.ttf');
}

.jumbotron h1 {
    font-size: 3em;
    font-family: 'Flux Regular';
    background-color: #000;
}

#announcements {
    background-color: rgba(0,0,0,0.9);
    color: white;
    border-radius: 6px;
    padding: 2em;
    margin-top: 60px;
    margin-bottom: 60px;
}
#announcements h2 {
    font-size: 2em;
    font-family: 'Flux Regular';
    color: white;
}