Move more shared CSS into the shared CSS file

This commit is contained in:
Anna Sidwell 2018-10-12 20:08:06 -04:00
parent a784ddad4f
commit cca364d308
2 changed files with 42 additions and 43 deletions

View File

@ -1,6 +1,43 @@
/* Make sure that the footer doesn't have space after it */ /* Make sure that the footer doesn't have space after it */
.container { min-height: 60vh; } .container { min-height: 60vh; }
/* Get the header working OK */
.navbar-brand { padding: 5px 15px; }
.navbar-brand > img { height: 40px; }
.navbar-collapse {z-index: 9999; position: relative; background: white;}
.dropdown-menu > li > a.no-hover:hover, .dropdown-menu > li > a.no-hover:focus {
background: red;
}
/* Page footer */
.footer {
background-color: #444;
color: #ddd;
padding-top: 1em;
margin-top: 5em;
}
.footer-list {
list-style-type: none;
text-align: right;
margin-left: 0;
padding-left: 0;
}
.footer-list-item {
color: #ddd;
text-decoration: underline;
}
.footer-list-item:hover {
color: #bbb;
}
.footer-list-item--spacer {
margin-top: 1em;
}
/* Colour utility classes */ /* Colour utility classes */
.ojuso-red { color: #ea4639; } .ojuso-red { color: #ea4639; }
.ojuso-green { color: #4ac95d; } .ojuso-green { color: #4ac95d; }

View File

@ -17,45 +17,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{# Additional Stylesheets #} {# Additional Stylesheets #}
{% block stylesheets %} {% block stylesheets %}{% endblock %}
<style>
.navbar-brand { padding: 5px 15px; }
.navbar-brand > img { height: 40px; }
.navbar-collapse {z-index: 9999; position: relative; background: white;}
.dropdown-menu > li > a.no-hover:hover, .dropdown-menu > li > a.no-hover:focus {
background: red;
}
.footer {
background-color: #444;
color: #ddd;
padding-top: 1em;
margin-top: 5em;
}
.linklist {
list-style-type: none;
text-align: right;
margin-left: 0;
padding-left: 0;
}
.linklist a {
color: #ddd;
text-decoration: underline;
}
.linklist a:hover {
color: #bbb;
}
.linklist-item--spacer {
margin-top: 1em;
}
}
</style>
{% endblock %}
</head> </head>
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
@ -148,13 +110,13 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<ul class="linklist"> <ul class="footer-list">
<li><a href="{% url 'index' %}">Map of all case studies</a> <li><a class="footer-list-item" href="{% url 'index' %}">Map of all case studies</a>
{% get_flatpages '/about/' as all_pages %} {% get_flatpages '/about/' as all_pages %}
{% for page in all_pages %} {% for page in all_pages %}
<li><a href="{{ page.url }}">{{ page.title }}</a></li> <li><a class="footer-list-item" href="{{ page.url }}">{{ page.title }}</a></li>
{% endfor %} {% endfor %}
<li class="linklist-item--spacer">&copy; Ojuso 2018 <li class="footer-list-item--spacer">&copy; Ojuso 2018
</ul> </ul>
</div> </div>
</div> </div>