diff --git a/app/static/css/style.css b/app/static/css/style.css index ab944a1..27cc6e0 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -1,15 +1,117 @@ body { /* background: url('/static/images/purplebg.jpg') no-repeat center center fixed; */ - background-color: #cccccc; - padding-top: 0px; + background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; + -o-background-size: cover; + padding-top: 0px; + background-color: #cccccc; + background-repeat: no-repeat; + background-attachment: fixed; + top:0; + left:0; + width:100%; + height:100%; font-size: 12pt; /* font-weight: bold; */ } +.page_wrap { + width: 1140px; + margin: 0 auto; +} + +#footer_cols { + background:url(/static/images/footer_header_bg.png) repeat; + border-bottom: 1px solid #2c2c2e; + overflow: hidden; + padding: 16px 0 5px 0; + color: #818387; + margin-top: 40px; +} + +.one_four { + float: left; + width: 210px; + margin-right: 60px; +} + +.one_four h4 { + font-size: 18px; + color: #FFF; + background: url(/static/images/footer_cols_divider.png) no-repeat bottom center; + padding-bottom: 13px; + margin-bottom: 8px; +} + +.last_col { + margin-right: 0; +} + +.tweet_day { + font-size: 14px; + color: #484a4e; + font-style: italic; +} + +.form_field { + position: relative; +} + +.newsletter_input { + background: url(/static/images/footer_newsletter_input.png) no-repeat; + width: 190px; + height: 38px; + padding: 0 10px; + border: 0; + outline: 0; + font-size: 13px; + color: #666666; + font-weight: bold; +} + +.newsletter_submit { + background: url(/static/images/footer_newsletter_input_btn.png) no-repeat; + width: 16px; + height: 16px; + border: 0; + text-indent: -9999px; + font-size: 0; + position: absolute; + right: 10px; + top: 10px; + cursor: pointer; +} + +/* Footer Copyright */ +#footer_copyright { + background-color: #536a2f; + /* background: url(/static/images/footer_top_bg.png) repeat; */ + overflow: hidden; + padding: 20px 0 5px 0; +} + +.copyright { + color: #fff; + float: left; + width: 500px; +} + +.copyright a { + color: #fff; +} + +.design_by { + color: #fff; + float: right; + width: 300px; + text-align: right; +} + +.design_by a { + color: #fff; +} + header { background: url('/static/images/texture-diagonal.png' repeat, url('static/images/header-layer.jpg') no repeat 50% -25px, #493874 url('/static/images/bg-linear.jpg') repeat-x 50%, -25px; background-position: 50%, 0; @@ -150,3 +252,4 @@ a:active { border-color: #070; } + diff --git a/app/static/images/footer_cols_divider.png b/app/static/images/footer_cols_divider.png new file mode 100644 index 0000000..10ca2b3 Binary files /dev/null and b/app/static/images/footer_cols_divider.png differ diff --git a/app/static/images/footer_header_bg.png b/app/static/images/footer_header_bg.png new file mode 100644 index 0000000..d4564f2 Binary files /dev/null and b/app/static/images/footer_header_bg.png differ diff --git a/app/static/images/footer_newsletter_input.png b/app/static/images/footer_newsletter_input.png new file mode 100644 index 0000000..59b5db3 Binary files /dev/null and b/app/static/images/footer_newsletter_input.png differ diff --git a/app/static/images/footer_newsletter_input_btn.png b/app/static/images/footer_newsletter_input_btn.png new file mode 100644 index 0000000..b86711b Binary files /dev/null and b/app/static/images/footer_newsletter_input_btn.png differ diff --git a/app/static/images/footer_top_bg.png b/app/static/images/footer_top_bg.png new file mode 100644 index 0000000..f0ee10b Binary files /dev/null and b/app/static/images/footer_top_bg.png differ diff --git a/app/templates/base.html b/app/templates/base.html index c13f017..30843a2 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -18,7 +18,6 @@ {{ super() }} - {% endblock %} {% block scripts %} @@ -41,8 +40,10 @@ {% block page_content %}{% endblock %} -{% endblock %} {% block footer %} {% include "footer.html" %} {% endblock %} + +{% endblock %} + diff --git a/app/templates/footer.html b/app/templates/footer.html index 9dcbb80..0cef0a0 100644 --- a/app/templates/footer.html +++ b/app/templates/footer.html @@ -1,28 +1,41 @@ - + + + diff --git a/app/templates/nav.html b/app/templates/nav.html index 0558bdd..215ce8a 100644 --- a/app/templates/nav.html +++ b/app/templates/nav.html @@ -1,5 +1,5 @@ -