Permalink
Browse files

Sigurd hive (website) styles development

  • Loading branch information...
1 parent 68d688f commit 1b4b1403e937049ad5ac100d38be5c95ac0cce12 @kottenator kottenator committed Jul 31, 2011
@@ -1,40 +1,118 @@
+/*--------------------------------------------------- Custom fonts ---------------------------------------------------*/
+/*@font-face {
+ font-family: "MolotRegular";
+ src: local("../fonts/Molot"), url("../fonts/Molot.woff") format("woff"), url("../fonts/Molot.ttf") format("truetype"), url("../fonts/Molot.svg#Molot") format("svg");
+}*/
+
+@font-face {
+ font-family: "InsolentRegular";
+ src: url("../fonts/insolent.woff") format("woff"), url("../fonts/insolent.ttf") format("truetype"), url("../fonts/insolent.svg#webfontD7S5Wv86") format("svg");
+}
+
body {
font: 1em Verdana,sans-serif;
padding: 0;
margin: 0;
+ background: #101e39 url('../images/site-bg.gif') repeat;
+ color: #f4f4f4;
+}
+
+a {
+ color: #6495ed;
}
+/*------------------------------------------------------ Header ------------------------------------------------------*/
.site-header {
overflow: hidden;
- padding: 10px;
+ padding: 16px;
+ position: relative;
}
.site-header h1 {
- font-size: 3em;
+ font-family: 'InsolentRegular',Verdana,sans-serif;
+ font-size: 3.5em;
+ height: 1em;
font-weight: bold;
text-transform: uppercase;
- color: #800012;
margin: 0;
float: left;
+ text-shadow: 2px 2px 0 white, -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white;
+ color: #c9013e;
}
.site-header > p {
float: left;
font-size: 1em;
- margin: 20px 0 0 10px;
- color: #800012;
+ line-height: 3.5em;
+ margin: 0 0 0 10px;
}
-.site-content {
+/*-------------------------------------------------- Big ADD button --------------------------------------------------*/
+.add-config-button {
+ display: block;
+ position: absolute;
+ right: 16px;
+ top: 16px;
+ background: #c9013e;
+ color: white;
+ font-weight: bold;
+ font-family: Verdana,sans-serif;
+ box-shadow: 2px 2px 0 #000;
+ padding: 0 10px 10px;
+ text-decoration: none;
+ border-radius: 6px;
+}
+
+.add-config-button strong {
+ display: block;
+ text-align: center;
+ font-size: 2em;
+ height: 1em;
+ text-transform: uppercase;
+}
+
+.add-config-button:hover {
+ background: white;
+ color: #c9013e;
+}
+
+/*---------------------------------------------------- Navigation ----------------------------------------------------*/
+nav.main-site-nav {
+ overflow: hidden;
+ padding-left: 16px;
+}
+
+nav.main-site-nav ul {
+ float: left;
+ border-radius: 4px;
+ background: #2e3c53 url('../images/menu-bg.gif') repeat;
+}
+
+nav.main-site-nav li {
padding: 10px;
+ float: left;
+}
+
+nav.main-site-nav li a {
+ color: white;
+ text-decoration: none;
+ text-shadow: 0 1px 0 #000;
+}
+
+nav.main-site-nav li:hover a {
+ color: #c9013e;
+}
+
+/*----------------------------------------------------- Content ------------------------------------------------------*/
+.site-content {
+ padding: 16px;
}
.site-footer {
position: fixed;
left: 0;
bottom: 0;
padding: 10px;
- background-color: #fff;
}
.site-footer p {
@@ -1 +1,101 @@
-/* TODO: add some reset here */
+/*
+html5doctor.com Reset Stylesheet
+v1.6.1
+Last Updated: 2010-09-17
+Author: Richard Clark - http://richclarkdesign.com
+Twitter: @rich_clark
+*/
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+}
+
+body {
+ line-height: 1;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+nav ul {
+ list-style: none;
+}
+
+blockquote, q {
+ quotes: none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+
+a {
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+}
+
+/* change colours to suit your needs */
+ins {
+ background-color: #ff9;
+ color: #000;
+ text-decoration: none;
+}
+
+/* change colours to suit your needs */
+mark {
+ background-color: #ff9;
+ color: #000;
+ font-style: italic;
+ font-weight: bold;
+}
+
+del {
+ text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+ border-bottom: 1px dotted;
+ cursor: help;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/* change border colour to suit your needs */
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #cccccc;
+ margin: 1em 0;
+ padding: 0;
+}
+
+input, select {
+ vertical-align: middle;
+}
@@ -1,5 +0,0 @@
-<nav>
- <a href="/"> Main </a>
- <a href="{% url applications_list %}">Applications</a>
- <a href="{% url add_app_config %}">Add Config </a>
-</nav>
@@ -25,9 +25,10 @@
<header class="site-header">
<h1>Sigurd</h1>
<p>The Django Project Configurator!</p>
+ <a class="add-config-button" href="{% url add_app_config %}"><strong>Add</strong> your app config!</a>
</header>
- {% include 'include/menu.html' %}
+ {% include 'layout/menu.html' %}
<div class="site-content">
{% block content %}
@@ -0,0 +1,7 @@
+<nav class="main-site-nav">
+ <ul>
+ <li><a href="/">Home</a></li>
+ <li><a href="{% url applications_list %}">Configs</a></li>
+ <li><a href="{% url add_app_config %}">Add Config</a></li>
+ </ul>
+</nav>
@@ -1,6 +1,5 @@
{% extends 'layout/base.html' %}
{% block content %}
- <p>Home page greetings to you, guest!</p>
- <p>Please, go to <a href="http://github.com/webriders/sigurd">our GitHub</a> for now.</p>
+ <p>Greetings to you, guest! Please, go to <a href="http://github.com/webriders/sigurd">our GitHub</a> to see docs (for now).</p>
{% endblock %}

0 comments on commit 1b4b140

Please sign in to comment.