Commits

Thomas Pelletier committed 865da29

new look

Comments (0)

Files changed (7)

media/css/master.css

-
-
-
-/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */
-@font-face {
-  font-family: "Calluna-Exljbris";
-  src: url(../fonts/Calluna-Regular.otf) format("opentype");
+body {
+  font-family: Arial;
+  margin: 0px;
+  padding: 0px;
+  border-bottom: 1px solid #cccccc;
 }
-
-body {
-    font-family: "Palatino Linotype", Calluna-Exljbris, Georgia, "Times New Roman", Times, serif;
-    width: 600px;
-    margin-left: auto;
-    margin-right: auto;    
-    color: #333;
+a {
+  text-decoration: none;
+  border-bottom: 0px;
+  color: #ff007f;
 }
-
-a {
-    color: #555;
-    border-bottom: 1px dotted #555;
-    text-decoration: none;
+a:hover { -webkit-transition: border 0.2s; }
+.content {
+  width: 600px;
+  margin-left: auto;
+  margin-right: auto;
 }
-
+.top {
+  background-image: url('../images/header_grad.png');
+  background-repeat: repeat-x;
+  margin: 0px;
+  padding: 0px;
+  height: 47px;
+  position: relative;
+  top: -4px;
+  color: #7d7d7d;
+  text-shadow: #ffffff 1px 1px;
+}
+.top a { color: #7d7d7d; }
+.top a:hover { border-bottom: 3px solid #7d7d7d; }
+.top .name {
+  padding: 5px;
+  margin: 0px;
+  font-size: 1.5em;
+  position: relative;
+  top: 5px;
+  padding-left: 10px;
+  width: 200px;
+  font-weight: bold;
+}
+.top .name a { text-decoration: none; }
+.top .menu {
+  float: right;
+  position: relative;
+  top: 15px;
+  right: 10px;
+}
+.exerpt {
+  height: 334px;
+  background-image: url('../images/main_ex_grad.png');
+  background-repeat: repeat-x;
+  margin: 0px;
+  padding: 0px;
+  position: relative;
+  top: -4px;
+  color: #ffffff;
+  text-shadow: #3e618c 1px 1px;
+}
+.exerpt a {
+  color: #283e59;
+  text-decoration: none;
+}
+.exerpt a:hover {
+  color: #333333;
+  text-decoration: underline;
+}
+.exerpt .logo {
+  padding-top: 60px;
+  font-size: 1.8em;
+  width: 350px;
+}
+.exerpt .logo * {
+  margin: 0px;
+  padding: 0px;
+}
+.exerpt .logo h2 {
+  font-size: 0.8em;
+  font-weight: normal;
+}
+.exerpt .blah {
+  padding: 0px;
+  margin: 0px;
+  padding-top: 40px;
+}
+.footer {
+  text-align: center;
+  color: #eeeeee;
+  margin-top: 3em;
+  margin-bottom: 2em;
+  text-shadow: #bbbbbb 1px 1px;
+}
+.main {
+  background-image: url('../images/main_grad.png');
+  background-repeat: repeat-x;
+  padding: 0px;
+  margin: 0px;
+  position: relative;
+  top: -4px;
+}
+.main .content { padding-top: 10px; }
+.main a:hover { border-bottom: 3px solid #ff007f; }
 pre {
-    overflow: auto;
-    background-color: #EEE;
-    border-top: 1px solid #CCC;
-    border-bottom: 1px solid #CCC;
-    padding: 10px;
+  overflow: auto;
+  background-color: #eeeeee;
+  border-top: solid #cccccc 1px;
+  border-bottom: solid #cccccc 1px;
+  padding: 10px;
 }
-
-.documentwrapper {
-    float: left;
-    margin-left: 260px;
-}
-
-body .document .sphinxsidebar {
-    display: block;
-    width: 200px;
-    min-height: 40px;
-    top: 13em;
-    position: absolute;
-    margin: 0px;
-    padding: 0px;
-}
-
-div.sphinxsidebar ul {
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-left: 10px;
-    margin-right: 10px;
-    padding: 0;
-    color: #000;
-}
-
-div.sphinxsidebar li {
-    margin-top: 3px;
-    margin-bottom: 3px;
-}
-
-div.sphinxsidebar h3 {
-    font-size: 1.5em;
-    margin: 0px;
-    margin-top: 20px;
-    margin-bottom: 5px;
-    padding: 0px;
-    font-weight: normal;
-    text-align: center;
-}
-
-div.sphinxsidebar h3 a {
-    color: #333;
-    border: 0px;
-}
-
-
-.footer {
-    margin-top: 3em;
-    text-align: center;
-    color: #CCC;
-}
-
-.top {
-    margin-top: 1em;
-    margin-bottom: 1em;
-    text-align: center;
-    font-size: 3em;
-}
-
-.top a {
-    color: #333;
-    border: 0px;
-}
-
-.top span {
-    color: #BBB;
-    display: block;
-    font-size: 0.6em;
-}
-
-
-
-#searchbox input {
-    border: #CCC 1px solid;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    margin-bottom: 5px;
-}
-
-.menu {
-    text-align: center;
-}

media/css/master_source.css

+@grey-top: #7D7D7D;
+
+body {
+    font-family: Arial;
+    margin: 0px;
+    padding: 0px;
+    border-bottom: 1px solid #CCC;
+}
+
+a {
+    text-decoration: none;
+    border-bottom: 0px;
+    color: #ff007f;
+}
+
+a:hover{
+    -webkit-transition: border 0.2s;
+}
+
+.content {
+    width: 600px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.top {
+    background-image: url('../images/header_grad.png');
+    background-repeat: repeat-x;
+    margin: 0px;
+    padding: 0px;
+    height: 47px;
+    position: relative;
+    top: -4px;
+    color: @grey-top;
+    text-shadow: #FFF 1px 1px;
+    
+    a {
+        color: @grey-top;
+    }
+    
+    a:hover {
+        border-bottom: 3px solid @grey-top;
+    }
+    
+    .name {
+        padding: 5px;
+        margin: 0px;
+        font-size: 1.5em;
+        position: relative;
+        top: 5px;
+        padding-left: 10px;
+        width: 200px;
+        font-weight: bold;
+        
+        a {
+            text-decoration: none;
+        }
+        
+    }
+    
+    .menu {
+        float: right;
+        position: relative;
+        top: 15px;
+        right: 10px;
+    }
+}
+
+.exerpt {
+    height: 334px;
+    background-image: url('../images/main_ex_grad.png');
+    background-repeat: repeat-x;
+    margin: 0px;
+    padding: 0px;
+    position: relative;
+    top: -4px;
+    color: #FFF;
+    text-shadow: #3E618C 1px 1px;
+    
+    a {
+        color: #283E59;
+        text-decoration: none;
+    }
+    
+    a:hover {
+        color: #333;
+        text-decoration: underline;
+    }
+    
+    .logo {
+        padding-top: 60px;
+        font-size: 1.8em;
+        width: 350px;
+        
+        * {
+            margin: 0px;
+            padding: 0px;
+        }
+        
+        h2 {
+            font-size: 0.8em;
+            font-weight: normal;
+        }
+    }
+    
+    .blah {
+        padding: 0px;
+        margin: 0px;
+        padding-top: 40px;
+    }
+}
+
+.footer {
+    text-align: center;
+    color: #EEE;
+    margin-top: 3em;
+    margin-bottom: 2em;
+    text-shadow: #BBB 1px 1px;
+}
+
+.main {
+    background-image: url('../images/main_grad.png');
+    background-repeat: repeat-x;
+    padding: 0px;
+    margin: 0px;
+    position: relative;
+    top: -4px;
+    
+    .content {
+        padding-top: 10px;
+    }
+    
+    a:hover {
+        border-bottom: 3px solid #ff007f;
+    }
+}
+
+pre {
+    overflow: auto;
+    background-color: #EEE;
+    border-top: solid #CCC 1px;
+    border-bottom: solid #CCC 1px;
+    padding: 10px;
+}
Add a comment to this file

media/images/header_grad.png

Added
New image
Add a comment to this file

media/images/main_ex_grad.png

Added
New image
Add a comment to this file

media/images/main_grad.png

Added
New image

templates/base.html

     </head>
     <body>
         
-            <h1 class="top"><a href="/">Buro <span>Quite simple web framework</span></a></h1>
+        
+        <div class="top">
+            <div class="menu">
+                <a href="/">Home</a> &bull;
+                <a href="/docs/">Documentation</a> &bull;
+                <a href="http://bitbucket.org/Kizlum/buro/src">Source</a>
+            </div>
+            <div class="name"><a href="/">Buro</a></div>
+        </div>
+        
+        <div class="exerpt">
+            <div class="content">
+                {% block exerpt %}
+                {% endblock exerpt %}
+            </div>
+        </div>
+        
+        <div class="main">
+        
+            <div class="content">
+            {% block content %}
 
-        <p class="menu">
-            <a href="/">Home</a> &bull; <a href="/docs/">Documentation</a> &bull; <a href="http://bitbucket.org/Kizlum/buro/src">Source</a>
-        </p>
-        
-        {% block content %}
+            {% endblock content %}
+            </div>
             
-        {% endblock content %}
-        
-        <div class="footer">
-            &copy; Copyright 2010, Thomas Pelletier. 
+            <div class="footer content">
+                &copy; Copyright 2010, Thomas Pelletier. 
+            </div>
+            
         </div>
     </body>
 </html>

templates/index.html

 {% extends 'base.html' %}
+{% block exerpt %}
+<div class="logo">
+    <h1>Buro</h1>
+    <h2>Quite simple web framework</h2>
+</div>
+
+
+    <div class="blah">
+        Buro is a very simple Python-powered open-source web framework inspired by Flask, but following different design decisions. Consequently it's powered by <a href="http://werkzeug.pocoo.org/">Werkzeug</a> and <a href="http://jinja.pocoo.org/2/">Jinja2</a>. I hope that Buro doesn't look like a bad copy of Flask, and in that event their developers don't mind it.
+    </div>
+{% endblock exerpt %}
+
 {% block content %}
     
-<p>
-    Buro is a very simple Python-powered open-source web framework inspired by Flask, but following different design decisions. Consequently it's powered by <a href="http://werkzeug.pocoo.org/">Werkzeug</a> and <a href="http://jinja.pocoo.org/2/">Jinja2</a>. I hope that Buro doesn't look like a bad copy of Flask, and in that event their developers don't mind it.
-</p>
-    
 <h2>A very simple Buro application</h2>
 
 <div class="syntax"><pre><span class="k">from</span> <span class="nv">buro</span> <span class="k">import</span> <span class="nv">Buro</span><span class="p">,</span> <span class="nv">get_root</span>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.