1
Fork 0

Restyle a load of things

This commit is contained in:
Jake Howard 2016-02-28 22:27:55 +00:00
parent 0505cf46dd
commit d7f1d29ce6
5 changed files with 46 additions and 43 deletions

View file

@ -40,7 +40,6 @@
margin-top: 35px; margin-top: 35px;
margin-bottom: 35px; margin-bottom: 35px;
color: white; color: white;
font-size: 18px;
} }
} }

View file

@ -17,6 +17,8 @@
html, body{ html, body{
height: 100%; height: 100%;
width: 100%; width: 100%;
font-weight: 300;
} }
p { p {
@ -78,7 +80,6 @@ footer {
padding-top: 10px; padding-top: 10px;
padding-bottom: 15px; padding-bottom: 15px;
color: white; color: white;
font-size: 16px;
background-color: #232323; background-color: #232323;
a { a {
color: #ff7f00; color: #ff7f00;
@ -88,12 +89,14 @@ footer {
} }
} }
.triple { .triple {
padding: 7px; margin: 0 7px;
}
.powered-by {
font-size: @font-size-h6;
} }
.social { .social {
font-size: 25px; font-size: 23px;
margin: 0; margin: 0;
margin-top: 6px;
padding: 7px; padding: 7px;
a { a {
margin: 0 4px; margin: 0 4px;
@ -104,7 +107,7 @@ footer {
} }
} }
.ci-badge { .ci-badge {
height: 23px; height: @font-size-h4;
margin-top: 10px; margin-top: 10px;
} }
} }
@ -155,28 +158,31 @@ footer {
.jumbotron.header { .jumbotron.header {
padding-top: 10px; padding-top: 10px;
padding-bottom: 0; padding-bottom: 0;
background-color: #232323; margin-bottom: 0;
color: white; background-color: @body-bg;
.box-shadow(0px 8px 10px 3px rgba(0,0,0,0.6));
margin-bottom: 27px;
@media (max-width: @screen-xs-max) { @media (max-width: @screen-xs-max) {
padding-top: 50px; padding-top: 50px;
} }
h1 { h1 {
margin: 15px 0; margin: 5px 0;
display: inline-block; display: inline-block;
} }
.container { .image {
position: relative; background-position: center;
#breadcrumbs { background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 225px;
margin: 10px 0;
}
}
#breadcrumbs {
text-align: right; text-align: right;
position: absolute;
bottom: 5px;
right: 0;
.breadcrumb { .breadcrumb {
background: transparent; background: transparent;
margin-bottom: 3px; font-size: @font-size-h4;
font-size: 17px; margin: 10px 0;
padding: 0; padding: 0;
li::before { li::before {
content: "/"; content: "/";
@ -184,19 +190,12 @@ footer {
} }
a { a {
.transition(color 0.4s); .transition(color 0.4s);
color: white; color: #333;
&:hover { &:hover {
color: #ff7f00; color: #ff7f00;
} }
} }
} }
}
}
@media (min-width: @screen-sm-min) {
& + div {
margin-top: 65px;
}
}
} }
/* @end content base */ /* @end content base */

View file

@ -18,7 +18,7 @@
@font-family-serif: 'Roboto'; @font-family-serif: 'Roboto';
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base: @font-family-sans-serif; @font-family-base: @font-family-sans-serif;
@font-size-base: 17px; @font-size-base: 15px;
@font-size-large: ceil((@font-size-base * 1.25)); @font-size-large: ceil((@font-size-base * 1.25));
@font-size-small: ceil((@font-size-base * 0.85)); @font-size-small: ceil((@font-size-base * 0.85));
@font-size-h1: floor((@font-size-base * 2.6)); @font-size-h1: floor((@font-size-base * 2.6));

View file

@ -29,12 +29,14 @@
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<p class="triple"> <p class="triple">
<a href="{% url 'about:index' %}">About</a> | <a href="https://github.com/RealOrangeOne/theorangeone.net" target="_blank">View Source</a> | <a href="">Contact</a> <a href="{% url 'about:index' %}">About</a> |
<a href="https://github.com/RealOrangeOne/theorangeone.net" target="_blank">View Source</a> |
<a href="">Contact</a>
<p> <p>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12 powered-by">
<p>Powered by <a href="https://www.djangoproject.com/">Django</a>, <a href="https://clients.inceptionhosting.com/aff.php?aff=256">Inception Hosting</a>, and a whole heap of <a href="https://github.com/RealOrangeOne/theorangeone.net">Magic</a>!</p> <p>Powered by <a href="https://www.djangoproject.com/">Django</a>, <a href="https://clients.inceptionhosting.com/aff.php?aff=256">Inception Hosting</a>, and a whole heap of <a href="https://github.com/RealOrangeOne/theorangeone.net">Magic</a>!</p>
</div> </div>
</div> </div>

View file

@ -8,9 +8,12 @@
<div class="jumbotron header"> <div class="jumbotron header">
<div class="container"> <div class="container">
<h1>{% block pageTitle %}{% endblock %}</h1> <h1>{% block pageTitle %}{% endblock %}</h1>
{% if header_image %}
<div class="image" style="background-image: url({{ header_image }});"></div>
{% endif %}
<div id="breadcrumbs"></div> <div id="breadcrumbs"></div>
</div>
<navbar></navbar> <navbar></navbar>
</div> </div>
</div>
{% block content %}{% endblock %} {% block content %}{% endblock %}
{% endblock %} {% endblock %}