Permalink
Browse files

Merge pull request #250 from obfuscurity/master

Freshen up the banner
  • Loading branch information...
2 parents cd59e74 + 2b7c832 commit 09c0277be6d88bf99b34621ace52e09629950fa4 @obfuscurity obfuscurity committed Mar 18, 2013
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -20,7 +20,7 @@
</head>
-<frameset rows="80,*" frameborder="1" border="1">
+<frameset rows="60,*" frameborder="1" border="1">
<frame src="/browser/header/" name="Header" id='header' scrolling="no" noresize="true" />
{% if target %}
<frame src="/composer/?showTarget={{target}}&{{queryString}}" name="content" id="composerFrame"/>
@@ -16,41 +16,66 @@
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Graphite Browser Header</title>
<style>
- img {
- border: 0;
+ body {
+ background-color: #000;
+ background: url('/content/img/carbon-fiber.png');
+ background: url('/content/img/carbon-fiber.png'), -webkit-linear-gradient(top, #000 55%, #333);
+ background: url('/content/img/carbon-fiber.png'), -moz-linear-gradient(top, #000, #000);
+ background: url('/content/img/carbon-fiber.png'), -ms-linear-gradient(top, #000 55%, #333);
+ background: url('/content/img/carbon-fiber.png'), -o-linear-gradient(top, #000 55%, #333);
+ background: url('/content/img/carbon-fiber.png'), linear-gradient(top, #000 55%, #333);
}
- #nav {
- position: absolute;
- margin: 10px 10px 0 0;
- top: 0;
- right: 0;
+ div.header {
+ margin-top: 13px;
}
- #nav ul {
- text-align: right;
+ .header span.title {
+ font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", "Helvetica";
+ font-size: 1.6em;
+ font-weight: 100;
+ margin-left: 50px;
+ color: #fff;
+ }
+ .header div.nav {
+ float: right;
+ }
+ .header .nav * {
+ font: 12px Helvetica, Arial, Tahoma, sans-serif;
+ color: rgb(173, 173, 173);
+ }
+ .header .nav ul {
+ margin-top: 10px;
list-style: none;
- font: 12px Arial, Tahoma, Helvetica, sans-serif;
+ }
+ .header .nav ul li {
+ float: left;
+ margin-right: 15px;
+ }
+ .header .nav ul li a {
+ text-decoration: none;
+ }
+ .header .nav ul li a:hover {
+ color: #fff;
}
</style>
</head>
<body>
- <!-- Left side -->
- <div id="logo">
- <img src="/content/img/graphite_short.png" alt="Graphite" align="top" />
- </div>
-
- <!-- Right side -->
- <div id="nav">
- <ul>
- {% if user.is_authenticated %}
- <li>Logged in as <b>{{ user.username }}</b>, <a href="/account/logout/" target="_top">logout</a> (<a href="/account/edit/" target="_top">edit profile</a>)</li>
- {% else %}
- <li><a href="{{login_url}}" target="_top">Login</a></li>
- {% endif %}
- {% if documentation_url %}
- <li><a href="{{documentation_url}}" target="_newWindow">Documentation</a></li>
- {% endif %}
- <li>User Interface: <a href="/dashboard/" target="_top">Dashboard</a> | <a href="/graphlot/" target="_top">flot (experimental)</a> | <a href="/events/" target="_top">events (experimental)</a></li>
- </ul>
+ <div class="header">
+ <span class="title">Graphite</span>
+ <div class="nav">
+ <ul>
+ {% if user.is_authenticated %}
+ <li>Logged in as <b>{{ user.username }}</b>, <a href="/account/logout/" target="_top">logout</a> (<a href="/account/edit/" target="_top">edit profile</a>)</li>
+ {% else %}
+ <li><a href="{{login_url}}" target="_top">Login</a></li>
+ {% endif %}
+ {% if documentation_url %}
+ <li><a href="{{documentation_url}}" target="_newWindow">Documentation</a></li>
+ {% endif %}
+ <li><a href="/dashboard/" target="_top">Dashboard</a></li>
+ <li><a href="/graphlot/" target="_top">flot</a></li>
+ <li><a href="/events/" target="_top">events</a></li>
+ </ul>
+ </div>
</div>
</body>
</html>

0 comments on commit 09c0277

Please sign in to comment.