GNOME.org
 

[snowy] Add some initial css. For some reason, it's not working yet. Still have to investigate.

commit dc18fe60b9c8d14aedb18cca80cb19618472dc6c
Author: Brad Taylor <brad getcoded net>
Date:   Sun Apr 19 21:27:49 2009 -0400

    Add some initial css.  For some reason, it's not working yet.  Still have to investigate.
---
 settings.py               |    6 ++--
 site_media/css/screen.css |   80 +++++++++++++++++++++++++++++++++++++++++++++
 templates/base.html       |   30 ++++++++++++++--
 3 files changed, 109 insertions(+), 7 deletions(-)

diff --git a/settings.py b/settings.py
index 60b41d0..becbaea 100644
--- a/settings.py
+++ b/settings.py
@@ -24,7 +24,7 @@ DATABASE_PORT = ''             # Set to empty string for default. Not used with
 # although not all choices may be available on all operating systems.
 # If running in a Windows environment this must be set to the same as your
 # system time zone.
-TIME_ZONE = 'America/Chicago'
+TIME_ZONE = 'US/Eastern'
 
 # Language code for this installation. All choices can be found here:
 # http://www.i18nguy.com/unicode/language-identifiers.html
@@ -38,12 +38,12 @@ USE_I18N = True
 
 # Absolute path to the directory that holds media.
 # Example: "/home/media/media.lawrence.com/"
-MEDIA_ROOT = ''
+MEDIA_ROOT = os.path.join(PROJECT_ROOT, 'site_media')
 
 # URL that handles the media served from MEDIA_ROOT. Make sure to use a
 # trailing slash if there is a path component (optional in other cases).
 # Examples: "http://media.lawrence.com";, "http://example.com/media/";
-MEDIA_URL = ''
+MEDIA_URL = '/site_media/'
 
 # URL prefix for admin media -- CSS, JavaScript and images. Make sure to use a
 # trailing slash.
diff --git a/site_media/css/screen.css b/site_media/css/screen.css
new file mode 100644
index 0000000..eac64d4
--- /dev/null
+++ b/site_media/css/screen.css
@@ -0,0 +1,80 @@
+html, body {
+    background-color: #94c7b6;
+    margin: 0;
+    padding: 0;
+}
+
+a img {
+    border: 0;
+}
+
+a, a:link, a:hover, a:active, a:visited {
+    color: #d3643b;
+    text-decoration: underline;
+}
+
+.clear {
+    clear: both;
+}
+
+#header-container {
+    margin: 20px;
+}
+
+#header-logo {
+    float: left;
+}
+
+#header-auth {
+    float: right;
+}
+
+#content-container {
+    margin: 20px;
+}
+
+#sidebar {
+    float: left;
+    width: 250px;
+
+    background-color: #403b33;
+    
+    font-family: Trebuchet MS, Calibri, Verdana, Arial, sans-serif;
+}
+
+#sidebar h3 {
+    font-family: Verdana, Candara, Tahmoa, Arial, sans-serif;
+    text-transform: uppercase;
+}
+
+#sidebar .selected {
+    background-color: #d6e1c7;
+    color: #545247
+}
+
+#sidebar .selected h3 {
+    color: #000000;
+}
+
+#sidebar #notebooks {
+    background-color: #8ecbd2;
+    color: #ffffff;
+}
+
+#sidebar #notebooks h3 {
+    color: #578186;
+}
+
+#sidebar #notebooks .more {
+    color: #b8dee3;
+}
+
+#content {
+    float: left;
+    background-color: #edece6;
+}
+
+#footer {
+    height: 500px;
+    background-color: #4e6960;
+}
diff --git a/templates/base.html b/templates/base.html
index 6235082..6334169 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -2,16 +2,38 @@
 <html lang="en">
 
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-	<title>{% block title %}home{% endblock %}</title>
-	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}stylesheets/screen.css" media="screen">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>{% block title %}home{% endblock %}</title>
+    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/screen.css" media="screen">
 {% block extra_head %}
 {% endblock %}
 </head>
 
 <body>
-{% block body %}
+    <div id="header-container">
+        <div id="header-logo">
+            <img src="{{ MEDIA_URL }}img/tomboy-logo.png" alt="tomboy: simple note-taking."/>
+        </div>
+        <div id="header-auth">
+            <!-- registration login form -->
+        </div>
+        <div class="clear"></div>
+        </div>
+    </div>
+    <div id="content-container">
+        <div id="sidebar">
+{% block sidebar %}
 {% endblock %}
+        </div>
+        <div id="content">
+{% block content %}
+{% endblock %}
+        </div>
+        <div class="clear"></div>
+    </div>
+
+    <div id="footer">
+    </div>
 {% block extra_body %}
 {% endblock %}
 </body>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]