mobile friendly default template

This commit is contained in:
p4bl0 2013-09-05 12:05:05 +02:00
parent 982b118b47
commit 119e415a5e
2 changed files with 10 additions and 1 deletions

View File

@ -301,3 +301,11 @@ footer p a {
text-decoration: none;
}
#container footer p a:hover, #container footer p a:active { color: #333; }
@media screen and (max-device-width:680px) and (orientation:portrait) {
#container { width: 94%; margin: 0 2%; padding: 0 1%; }
nav, #topnav { font-size: 0.7em; }
header { font-size: 0.6em; }
}
@media screen and (max-device-width:1024px) and (orientation:landscape) {
#container { width: 94%; margin: 0 2%; padding: 0 1%; }
}

View File

@ -2,9 +2,10 @@
<html dir="ltr" lang="en-US">
<head>
<title><?fugitive-install name ?>'s blog: <?fugitive page_title ?></title>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="author" content="<?fugitive-install name ?>" />
<meta name="description" content="<?fugitive-install name ?>'s blog" />
<meta name="viewport" content="width=device-width" />
<link rel="alternate" type="application/rss+xml" href="<?fugitive blog_url ?>feed.xml" title="5 last articles RSS feed" />
<link rel="stylesheet" href="fugitive.css" type="text/css" media="screen" />
<link rel="stylesheet" href="print.css" type="text/css" media="print" />