diff options
author | Pavel Grunt <pgrunt@redhat.com> | 2015-10-13 15:58:58 +0200 |
---|---|---|
committer | Pavel Grunt <pgrunt@redhat.com> | 2015-10-13 15:58:58 +0200 |
commit | 02c89707c27dfaf9c79f4a52f12b12f9b5220650 (patch) | |
tree | 0937108881762fca70b772656b08ff49637b11ad | |
parent | f1004c83f6e44ca64c0f8946290028d0dc6fea7e (diff) |
template: Add cool header-body transition
-rw-r--r-- | spice-space/static/css/main.css | 14 | ||||
-rw-r--r-- | spice-space/static/images/icons/header_gradient.png | bin | 0 -> 149 bytes | |||
-rw-r--r-- | spice-space/templates/base.html | 1 |
3 files changed, 13 insertions, 2 deletions
diff --git a/spice-space/static/css/main.css b/spice-space/static/css/main.css index 7d7675d..7f77720 100644 --- a/spice-space/static/css/main.css +++ b/spice-space/static/css/main.css @@ -27,8 +27,6 @@ body { text-align: left; } -hr { border: 2px solid #EEEEEE; } - /* Anchors */ a {outline: 0;} a img {border: 0px; text-decoration: none;} @@ -207,6 +205,18 @@ img.left, figure.left {float: left; margin: 0 2em 2em 0;} -webkit-border-bottom-left-radius: 5px; } + #banner div.gradient { + background-image: url('../images/icons/header_gradient.png'); + background-position: left top; + background-repeat: repeat-x; + width: 100%; + height: 9px; + position: absolute; + bottom: 0px; + margin: 0 auto 0 auto; + color: black; + } + /* Featured *****************/ diff --git a/spice-space/static/images/icons/header_gradient.png b/spice-space/static/images/icons/header_gradient.png Binary files differnew file mode 100644 index 0000000..5ad46c2 --- /dev/null +++ b/spice-space/static/images/icons/header_gradient.png diff --git a/spice-space/templates/base.html b/spice-space/templates/base.html index a69d3e2..d3516ba 100644 --- a/spice-space/templates/base.html +++ b/spice-space/templates/base.html @@ -34,6 +34,7 @@ {% endfor %} {% endif %} </ul></nav> + <div class="gradient"/> </header><!-- /#banner --> {% block content %} {% endblock %} |