Commits

Colin Copeland committed 1b0cb61

basic style

  • Participants
  • Parent commits 4d68f19

Comments (0)

Files changed (3)

caktus_django_template/features/media/css/main.css

-/*
-Place to put custom css for project
-*/

caktus_django_template/features/media/css/style.css

-h1 {
-    color: #FFF;
+h1, .page-title {
+    font-size: 153.9%;
+}
+
+h2 {
     font-size: 138.5%;
 }
 
-a{
-    color: #009ACD;
+#header h1 {
+    color: #FFF;
+    font-weight: bold;
 }
 
-a:hover{
+#header {
+    background-color: #1240AB;
+}
+
+.leftmenu {
+    color: #FFF;
+    background-color: #6C8CD5;
+}
+
+.col1 {
+    color: #000;
+}
+
+#header ul#site-navigation {
+    color: #333;
+    font-size: 85%;
+}
+
+#header ul#site-navigation li {
+    padding: 0 5px 0 8px;
+    border-left: 1px dotted #6C8CD5;
+    color: #000;
+}
+
+#header ul#site-navigation li:first-child {
+    border-left: none;
+}
+
+#header ul#site-navigation li a {
+    color: #FFF;
+    font-weight: bold;
+}
+
+#header ul#site-navigation li a:hover {
     text-decoration: none;
 }
 
-body{
-    margin: 10px;    
+#sidebar ul.menu {
+    margin-left: 1em;
 }
 
-#header {
-    background-color: #00000;
-    border-bottom: 1px solid #009ACD;
-    text-align: right;
+#sidebar a {
+    color: #FFF;
+}
+
+#sidebar a:hover {
+    text-decoration: none;
 }
 
 #footer {
     font-size: 77%;
-    text-align: center;
-}
-
-#main {
-    background-color: #AAAAAA;
-}
-
-#left {
-    color: #333333;
-    background-color: #AAAAAA;
-    position: float;
-    float: left;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-#right {
-    color: #000;
-    background-color: #FFF;
-    position: float;
-    float: right;
-    width: 200px;
-    height: 100%;
-}
-
-.clear {
-    clear: both;
-}
-
-ul#menu-primary-nav li a {
-    color: #FFF;
-    background-color: #009ACD;
-    letter-spacing:1px;
-    outline:medium none;
-    border-top: 1px solid #009ACD;;
-    border-right: 1px solid #009ACD;;
-    border-left: 1px solid #009ACD;;
-    font-weight: bold;
-    font-family: Arial,Helvetica,sans-serif;
-    text-decoration: none;
-    
-    -moz-border-radius-topleft: 6px;
-    -webkit-border-top-left-radius: 6px;
-    -moz-border-radius-topright: 6px;
-    -webkit-border-top-right-radius: 6px;
-}
-
-ul#menu-primary-nav li{
-    display: inline;
-}
-
-ul#menu-primary-nav li a:link, ul#menu-primary-nav li a:visited {
-    -webkit-transition: background-color 0.05s linear;  
-    -moz-transition: background-color 0.05s linear;  
-    -o-transition: background-color 0.05s linear;
-}
-
-ul#menu-primary-nav li a:hover {
-    background: #FFF;
-    color: #009ACD;
-}
-
-ul#menu-primary-nav li a.active,
-ul#menu-primary-nav li a.active:hover {
-    color: #009ACD;
-    background: #FFF;
-    font-weight: bold;
-}
-
-ul#menu-primary-nav li.active-menu-item a{
-    background: #FFF;
-    color: #009ACD;
-}
+}

caktus_django_template/features/templates/base.html

-{% load analytics %}
-{% load treenav_tags %}
-<html>
+{% load treenav_tags analytics %}
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" >
 <head>
+    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
     <title>{% block title %}PROJECT_NAME{% endblock %}</title>
-    {% block meta %}
-    {% endblock %}
-    {% block javascript %}
-    	<link rel="stylesheet" href="{{ MEDIA_URL }}css/reset-fonts.css" type="text/css" media="screen" charset="utf-8"/>
-    	<link rel="stylesheet" href="{{ MEDIA_URL }}css/style.css" type="text/css" media="screen" charset="utf-8"/>
-    	<link rel="stylesheet" href="{{ MEDIA_URL }}css/main.css" type="text/css" media="screen" charset="utf-8"/>
-        <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.4.2.min.js"></script>
-    {% endblock %}
+    {% block meta %}{% endblock %}
+    <link rel="stylesheet" href="{{ MEDIA_URL }}css/reset-fonts.css" type="text/css" media="screen" charset="utf-8"/>
+    <link rel="stylesheet" href="{{ MEDIA_URL }}css/layout.css" type="text/css" media="screen" charset="utf-8"/>
+    <link rel="stylesheet" href="{{ MEDIA_URL }}css/style.css" type="text/css" media="screen" charset="utf-8"/>
+    <!--[if lt IE 7]>
+    <style media="screen" type="text/css">
+    .col1 {
+        width:100%;
+    }
+    </style>
+    <![endif]-->
+    {% block css %}{% endblock %}
+    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.4.2.min.js"></script>
+    {% block javascript %}{% endblock %}
 </head>
 <body>
-PROJECT_NAME
+
 <div id="header">
-    {% show_treenav 'primary-nav' %}
+    <ul id='site-navigation'>
+        <li><a href='{% url admin:index %}' title='Admin'>Admin</a></li>
+        {% if user.is_authenticated %}
+            <li><a href='{% url admin:logout %}' title='Logout'>Logout</a></li>
+        {% endif %}
+    </ul>
+    <h1>{% block top-header %}PROJECT_NAME{% endblock %}</h1>
 </div>
-<div id="main">
-    <div id="left">
-        {% block content %}{% endblock %}
+<div class="colmask leftmenu">
+    <div class="colright">
+        <div class="col1wrap">
+            <div class="col1">
+                {% block content %}{% endblock %}
+            </div>
+        </div>
+        <div id='sidebar' class="col2">
+            <h2>Sidebar</h2>
+            {% show_treenav 'primary-nav' %}
+            {% block sidebar-extra %}{% endblock %}
+        </div>
     </div>
-    <div id="right">
-        {% block sidebar %}
-            Sidebar
-        {% endblock %}
-    </div>
-    <div class='clear'></div>
 </div>
 <div id="footer">
     <p>Development by Caktus Consulting Group.</p>
 </div>
-    {% analytics %}
+{% analytics %}
+
 </body>
 </html>