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-bottom: 35px;
color: white;
font-size: 18px;
}
}

View file

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

View file

@ -18,7 +18,7 @@
@font-family-serif: 'Roboto';
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
@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-small: ceil((@font-size-base * 0.85));
@font-size-h1: floor((@font-size-base * 2.6));

View file

@ -29,12 +29,14 @@
<div class="row">
<div class="col-xs-12">
<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>
</div>
</div>
<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>
</div>
</div>

View file

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