Mercurial > public > sg101

changeset 195:136719cbcb3c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
First commit of Ken Dushane's site theme.
author Brian Neal <bgneal@gmail.com>
date Wed, 07 Apr 2010 01:36:51 +0000
parents 6a5549c2efb5
children 893b6d462cf9
files gpp/templates/base.html media/css/base.css media/themes/kds/bg.png media/themes/kds/headerbg.png media/themes/kds/sgLogo.png
diffstat 5 files changed, 82 insertions(+), 44 deletions(-) [+]
line wrap: on
line diff
--- a/gpp/templates/base.html	Sat Apr 03 20:00:56 2010 +0000
+++ b/gpp/templates/base.html	Wed Apr 07 01:36:51 2010 +0000
@@ -33,19 +33,20 @@
 <body>
 <div id="page" class="container">
 <div id="header" class="span-24">
-   <h1>SurfGuitar101</h1>
-   <p>Header content</p>
-      <ul>
-         {% if user.is_authenticated %}
-         <li>Welcome, <a href="{% url bio-me %}">{{ user.username }}</a></li>
-         <li><a href="{% url forums-index %}">Forums</a></li>
-         <li>{% unread_messages user %}</li>
-         <li><a href="{% url accounts-logout %}">Logout</a></li>
-         {% else %}
-         <li><a href="{% url accounts-login %}">Login</a></li>
-         <li><a href="{% url accounts-register %}">Register</a></li>
-         {% endif %}
-      </ul> 
+   <p><img src="{{ MEDIA_URL }}themes/kds/sgLogo.png" alt="SurfGuitar101.com Logo" width="446" height="103" /></p>
+</div>
+<div id="header-nav" class="span-24">
+   <ul>
+      {% if user.is_authenticated %}
+      <li>Welcome, <a href="{% url bio-me %}">{{ user.username }}</a></li>
+      <li><a href="{% url forums-index %}">Forums</a></li>
+      <li>{% unread_messages user %}</li>
+      <li><a href="{% url accounts-logout %}">Logout</a></li>
+      {% else %}
+      <li><a href="{% url accounts-login %}">Login</a></li>
+      <li><a href="{% url accounts-register %}">Register</a></li>
+      {% endif %}
+   </ul> 
 </div>
 
 <div id="content-secondary" class="span-4 append-1">
@@ -78,8 +79,7 @@
    {% endblock %}
 </div>
 
-
-<div id="footer" class="span-24">
+<div id="footer" class="prepend-5 span-19">
    <p>
    TODO: Should put links to various policies down here. Additional navigation could go here.
    Add a colophon.
@@ -92,7 +92,7 @@
    <a href="/colophon/">Colophon</a>
    </p>
    <p>
-   SurfGuitar101.com &copy; 2009 by Brian Neal.
+   SurfGuitar101.com &copy; 2010 by Brian Neal.
    All comments and user contributed articles are property of the posters. 
    </p>
    <p>Thanks to all the surf bands, past and present. And thanks to all the fans who care about and keep surf
--- a/media/css/base.css	Sat Apr 03 20:00:56 2010 +0000
+++ b/media/css/base.css	Wed Apr 07 01:36:51 2010 +0000
@@ -1,61 +1,98 @@
 body {
  background-color: #eee;
+ background: url('../themes/kds/bg.png') no-repeat fixed center;
+}
+tr.even td {
+ background-color: #E0F2F6;
+}
+a {
+ text-decoration: none;
+ color: teal;
+}
+a:hover {
+ text-decoration: underline;
+ color: black;
 }
 #page {
 }
 #header {
- background-color: teal;
-}
-#header h1 {
- border-bottom: 1px solid #ccc;
- font: normal italic 1.5em/18px Georgia, serif;
- margin-bottom: 11px;
- color: #57FEFF;
- margin-left: -108px;
- padding: 15px 0 21px 108px; 
+ background-position: left;
+ background-repeat: no-repeat;
+ text-align: center;
+ display: block;
+ height: 150px;
+ overflow: visible;
+ background-image: url('../themes/kds/headerbg.png');
 }
 #header p {
- float: left;
- padding: 60px 24px 24px 24px;
+ float: none;
+ padding: 40px 24px 0px 24px;
  font-size: 1.5em;
  line-height: 1em;
+ display: block;
+ clear: both;
 }
-#header ul {
- padding-top: 62px;
- padding-right: 12px;
- text-align: right;
+#header-nav {
+ background-color: #E0F2F6;
+ text-align: center;
+}
+#header-nav ul {
+ padding-top: 3px;
+ padding-right: 5px;
+ margin-bottom: 3px;
+ /* text-align: right; */
  list-style: none;
 }
-#header li {
+#header-nav li {
  display: inline;
- margin: 0 12px;
+ margin: 0 24px;
 }
-#header li a {
- font-size: 1.25em;
+#header-nav li a {
+ font-size: 1.0em;
  line-height: 1em;
  text-decoration: none;
- color: #57FEFF;
+ color: teal;
 }
-#header li a:hover {
- color: #300;
+#header-nav li a:hover {
+ color: black;
 } 
 #content-primary {
 }
 #content-secondary {
+ background-color: #E0F2F6;
+ min-height: 1750px;
+}
+#content-secondary ul.nav-left {
+ margin-top: 1.5em;
+ list-style:none;
+}
+#content-secondary ul.nav-left li {
+ background-color: #eee;
+ background-color: #E0F2F6;
+ color: black;
+}
+#content-secondary ul.nav-left li a {
+ text-decoration: none;
+ color: teal;
+}
+#content-secondary ul.nav-left li a:hover {
+ color: black;
 }
 #footer {
- height: 192px;
- background: #333;
+ height: 105px;
  font-size: 10px;
  line-height: 1em;
  text-shadow: 1px 1px 1px #333;
- color: #fff; 
+ background-repeat: no-repeat;
+ background-color: #E0F2F6;
+ color: black;
 }
 #footer p {
-   margin: 1em;
+	margin: 1em;
+	text-align: center;
 } 
 #footer a {
-   color: #0ff;
+   color: teal;
 }
 ul.app-menu {
    text-align: center;
@@ -104,6 +141,7 @@
 }
 table {
    width: auto;
+   border-style: none;
 }
 .errorlist {
    background: #FBE3E4; 
@@ -266,7 +304,7 @@
 table.grid {
    border-collapse:collapse;
 }
-table.grid th,td {
+table.grid th, table.grid td {
    border: 1px solid #eee;
 }
 ul.inline-list li {
Binary file media/themes/kds/bg.png has changed
Binary file media/themes/kds/headerbg.png has changed
Binary file media/themes/kds/sgLogo.png has changed