From 3335a353b74526e0808017ebcc47fd51463d7fcd Mon Sep 17 00:00:00 2001
From: Pim van den Berg
Date: Sat, 16 May 2015 13:58:17 +0200
Subject: add responsive css

For 4 types of devices:
a. desktop / tablet 10" landscape (default)
b. tablet 10" portrait / tablet 7" landscape
c. tablet 7" portrait / smartphone landscape
d. smartphone portrait
---
 inc/html.inc.php | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'inc/html.inc.php')
diff --git a/inc/html.inc.php b/inc/html.inc.php
index e52d90c..9f42fdf 100644
--- a/inc/html.inc.php
+++ b/inc/html.inc.php
@@ -19,8 +19,11 @@ function html_start() {
 <head>
 	<meta charset="utf-8">
 	<title>CGP{$path}</title>
-	<link rel="stylesheet" href="{$html_weburl}layout/style.css" type="text/css">
 	<meta name="viewport" content="width=device-width">
+	<link rel="stylesheet" href="{$html_weburl}layout/style.css" type="text/css">
+	<link rel="stylesheet" href="{$html_weburl}layout/style-b.css" type="text/css" media="(max-width: 1000px),(max-device-width: 1000px) and (orientation: portrait),(max-device-width: 767px) and (orientation: landscape)">
+	<link rel="stylesheet" href="{$html_weburl}layout/style-c.css" type="text/css" media="(max-width: 767px),(max-device-width: 767px) and (orientation: portrait),(max-device-width: 499px) and (orientation: landscape)">
+	<link rel="stylesheet" href="{$html_weburl}layout/style-d.css" type="text/css" media="(max-width: 499px),(max-device-width: 499px) and (orientation: portrait)">
 
 EOT;
 	if (isset($CONFIG['page_refresh']) && is_numeric($CONFIG['page_refresh'])) {
-- 
cgit v1.1

