Changeset - 8a7cec8d6430
[Not reviewed]
0 3 0
Christopher Neugebauer - 7 years ago 2017-08-13 01:23:41
chrisjrn@gmail.com
Adds some styling to standard content pages.
3 files changed with 14 insertions and 0 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/site_base.html
Show inline comments
...
 
@@ -9,24 +9,27 @@
 
    {% include "_styles.html" %}
 
{% endblock %}
 

	
 
{% block extra_head_base %}
 
    {% block extra_head %}{% endblock %}
 
{% endblock %}
 

	
 
{% block nav %}
 
    {% sitetree_menu from "main" include "trunk" template "sitetree/menu_bootstrap3.html" %}
 
{% endblock %}
 

	
 
{% block body_base %}
 

	
 
  <div class="homepage-block-bg" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
 

	
 
    <section id="content_body">
 
        <div class="container">
 
            {% include "_messages.html" %}
 
            <div class="row">
 
                <div class="col-md-9">
 
                    {% block body %}
 
                    {% endblock %}
 
                </div>
 
                <div class="col-md-3">
 
                    {% block sidebar %}
 
                        {% include "_default_sidebar.html" %}
 
                    {% endblock %}
static/scss/custom.scss
Show inline comments
 
body {
 
  padding-top: 50px;
 
  position: relative;
 
  font-weight: 300;  // Not overridable in bootstrap at the moment.
 
  /*background: url("../images/website-background.svg");
 
  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;
 
}
 

	
...
 
@@ -78,24 +81,29 @@ body.reviews.voting-status {
 
}
 

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

	
 
.homepage-block-content {
 
  position: relative;
 
  height: 100%;
 
}
 

	
 
.bottom-align {
 
  position: absolute;
 
  bottom: 0;
 
}
 

	
 
.homepage-block {
 
  margin-top: 0;
...
 
@@ -119,22 +127,23 @@ body.reviews.voting-status {
 

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

	
 
.navbar {
 
  box-shadow: $box-shadow;
 
}
static/scss/variables.scss
Show inline comments
 
/* COLORS */
 
// Used by links, buttons, and other background bits.
 
$brand-primary: #1f6400;
 
$background-filter: hsla(207, 60%, 85%, 1.0);
 
$background-filter-transparent: change-color($background-filter, $alpha: 0.5);
 

	
 
/* TEXT */
 
$font-family-sans-serif:  'Montserrat', Arial, sans-serif;
 
$font-family-serif:       Georgia, "Times New Roman", Times, serif;
 
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
 
$font-size-base:          15px;
 
$headings-line-height: 1.0;
 

	
 

	
 
// Navbar
 
$navbar-default-bg: $brand-primary;
 
$navbar-default-color: white;
 
$navbar-default-link-color: darken($navbar-default-color, 6.5%);
 
$navbar-default-link-hover-color: darken($navbar-default-link-color, 6.5%);
 
$navbar-default-link-active-color: $navbar-default-link-hover-color;
 
$navbar-default-link-disabled-color: lighten($navbar-default-bg, 6.5%);
 

	
 
$box-shadow: 0px 1px 1em rgba(0, 1, 1, 1); //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);
0 comments (0 inline, 0 general)