Skip to content

Commit 1ead00d

Browse files
committed
improve some visuals and use html5
1 parent b1ca8fa commit 1ead00d

2 files changed

Lines changed: 27 additions & 26 deletions

File tree

codespeed/static/css/main.css

Lines changed: 24 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
/* Global styles */
22
body {
3+
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
34
min-width: 650px;
45
margin: 0;
56
padding: 0;
@@ -27,12 +28,12 @@ div#title {
2728
margin-bottom: 0.8em;
2829
background-color: #F1F1F1;
2930
color: #000000;
30-
-moz-border-radius-bottomleft: 10px;
31-
-moz-border-radius-bottomright: 10px;
32-
-webkit-border-bottom-left-radius: 10px;
33-
-webkit-border-bottom-right-radius: 10px;
34-
border-bottom-left-radius: 10px;
35-
border-bottom-right-radius: 10px;
31+
-moz-border-radius-bottomleft: 4px;
32+
-moz-border-radius-bottomright: 4px;
33+
-webkit-border-bottom-left-radius: 4px;
34+
-webkit-border-bottom-right-radius: 4px;
35+
border-bottom-left-radius: 4px;
36+
border-bottom-right-radius: 4px;
3637
}
3738
div#title img { float: left; padding: 0.2em; margin: 0; }
3839
div#title h2 { float: left; margin: 0 0 0 0.4em; font-style: italic; margin-top: 0.55em; }
@@ -47,30 +48,28 @@ ul.inline li {
4748

4849
ul#links {
4950
position: relative;
50-
margin-top: 0.6em;
51+
margin: 0.9em;
5152
float: right;
52-
padding: 0.7em;
53-
padding-bottom: 0.5em;
5453
font-size: large;
5554
}
5655
ul#links li { margin-left: 0.8em; }
57-
ul#links li a:link, ul#links li a:visited { color: #000000; }
56+
ul#links li a:link, ul#links li a:visited { color: #000000; text-decoration: underline; }
5857
ul#links li a:hover { text-decoration: underline; }
5958

6059
div#wrapper { margin: 0; }
6160

6261
div#nav ul {
6362
padding-left: 15.3em;
64-
font-family: Verdana, sans-serif;
63+
font-size: 17px;
6564
}
6665
div#nav ul li {
6766
background-color: #DADADA;
68-
-moz-border-radius-topleft: 16px;
69-
-moz-border-radius-topright: 16px;
70-
-webkit-border-top-left-radius: 16px;
71-
-webkit-border-top-right-radius: 16px;
72-
border-top-left-radius: 16px;
73-
border-top-right-radius: 16px;
67+
-moz-border-radius-topleft: 4px;
68+
-moz-border-radius-topright: 4px;
69+
-webkit-border-top-left-radius: 4px;
70+
-webkit-border-top-right-radius: 4px;
71+
border-top-left-radius: 4px;
72+
border-top-right-radius: 4px;
7473
}
7574
div#nav ul li a {
7675
display: block;
@@ -90,9 +89,9 @@ div#nav ul li:hover a { color: #2D2F32; }
9089
div#workarea {
9190
background-color: #F1F1F1;
9291
padding: 0.8em;
93-
-moz-border-radius: 10px;
94-
-webkit-border-radius: 10px;
95-
border-radius: 10px;
92+
-moz-border-radius: 4px;
93+
-webkit-border-radius: 4px;
94+
border-radius: 4px;
9695
}
9796

9897
div#presentation {
@@ -199,7 +198,7 @@ div.about_content { text-align: left; }
199198
}
200199
.boxhead h2 {
201200
margin: 0;
202-
padding: 0.5em 0.8em 0.3em;
201+
padding: 0.5em 0.8em 0.5em;
203202
color: white;
204203
font-weight: bold;
205204
font-size: 1.1em;
@@ -482,15 +481,17 @@ p.note {
482481
background-image: url(../images/note.png);
483482
}
484483

485-
div.footer {
484+
div.footer{
485+
color: white;
486486
font-size: small;
487487
margin-top: 0.6em;
488488
margin-left: auto; margin-right: auto;
489489
text-align: center;
490490
}
491491

492492
div.footer a {
493-
color: black;
493+
color: inherit;
494+
font-weight: bold;
494495
text-decoration: underline;
495496
}
496497

codespeed/templates/codespeed/base.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
{% load url from future %}
2-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2+
<!DOCTYPE html>
33
<html>
44
<head>
55
<title>{% block title %}MyProject's Speed Center{% endblock %}</title>
66
<meta name="description" content="A performance analysis tool for software projects. It shows performance regresions and allows comparing different applications or implementations">
77
<meta name="keywords" content="performance, test, plots, charts">
8-
<meta http-equiv="content-type" content="text/html;charset=utf-8">
8+
<meta charset="UTF-8">
99
<link href="{{ STATIC_URL }}css/main.css" rel="stylesheet" type="text/css">
1010
{% block extra_head %}{% endblock %}
1111
</head>
@@ -22,7 +22,7 @@
2222
<h2>{% block page_title %}SPEED CENTER{% endblock page_title %}</h2>
2323
{% block top_nav %}
2424
<ul id="links" class="inline">
25-
<li><a href="/">&#187;Home</a></li><li><a href="../about/">&#187;About</a></li>
25+
<li><a href="/">Home</a></li><li><a href="../about/">About</a></li>
2626
</ul>
2727
{% endblock top_nav %}
2828
{% endblock page_header %}

0 commit comments

Comments
 (0)