change font to Ubuntu and highlight current page in the menu

This commit is contained in:
Anton Keks 2014-02-19 23:30:58 +02:00
parent 01bf537b04
commit a499b545a6
2 changed files with 21 additions and 12 deletions

View File

@ -7,7 +7,6 @@
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="/css/main.css">
<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
</head>
<body>
@ -20,10 +19,10 @@
<section id="menu">
<ul>
<li><a href="/about/">About</a></li>
<li><a href="/download/">Download</a></li>
<li><a href="/screenshots/">Screenshots</a></li>
<li><a href="/contribute/">Contribute</a></li>
<li class="{%if page.url == '/about/index.html'%}active{%endif%}"><a href="/about/">About</a></li>
<li class="{%if page.url == '/download/index.html'%}active{%endif%}"><a href="/download/">Download</a></li>
<li class="{%if page.url == '/screenshots/index.html'%}active{%endif%}"><a href="/screenshots/">Screenshots</a></li>
<li class="{%if page.url == '/contribute/index.html'%}active{%endif%}"><a href="/contribute/">Contribute</a></li>
</ul>
</section>

View File

@ -3,6 +3,7 @@ Based on Slate Theme for GitHub Pages
by Jason Costello, @jsncostello
*******************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400);
@import url(pygment_trac.css);
/*******************************************************************************
@ -52,8 +53,8 @@ body {
box-sizing: border-box;
color:#373737;
background: #212121;
font-size: 16px;
font-family: 'Varela Round', sans-serif;
font-size: 17px;
font-family: Ubuntu, sans-serif;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
@ -62,7 +63,7 @@ h1, h2, h3, h4, h5, h6 {
margin: 10px 0;
font-weight: 700;
color:#222222;
letter-spacing: -1px;
/* letter-spacing: -1px;*/
}
h1 {
@ -397,18 +398,27 @@ img.featured {
#menu {
float: right;
margin-top: -45px;
margin-top: -50px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
margin: 0 -10px 0 0;
padding: 0;
}
#menu ul li {
display: inline-block;
margin-left: 20px;
padding: 3px 10px;
}
#menu ul li.active {
background: rgba(255,255,255,0.3);
border-radius: 3px;
}
#menu ul li.active a {
color: white;
}
#footer_wrap {