diff options
| author | Pim van den Berg | 2015-05-16 13:58:17 +0200 |
|---|---|---|
| committer | Pim van den Berg | 2015-06-21 18:06:02 +0200 |
| commit | 3335a353b74526e0808017ebcc47fd51463d7fcd (patch) | |
| tree | a1fe918c68a83176451a29c4482233d88427c3e0 | |
| parent | replace table on overview page by divs (diff) | |
| download | apt-panopticon_cgp-3335a353b74526e0808017ebcc47fd51463d7fcd.zip apt-panopticon_cgp-3335a353b74526e0808017ebcc47fd51463d7fcd.tar.gz apt-panopticon_cgp-3335a353b74526e0808017ebcc47fd51463d7fcd.tar.bz2 apt-panopticon_cgp-3335a353b74526e0808017ebcc47fd51463d7fcd.tar.xz | |
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
| -rw-r--r-- | inc/html.inc.php | 5 | ||||
| -rw-r--r-- | layout/style-b.css | 0 | ||||
| -rw-r--r-- | layout/style-c.css | 0 | ||||
| -rw-r--r-- | layout/style-d.css | 0 |
4 files changed, 4 insertions, 1 deletions
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() { | |||
| 19 | <head> | 19 | <head> |
| 20 | <meta charset="utf-8"> | 20 | <meta charset="utf-8"> |
| 21 | <title>CGP{$path}</title> | 21 | <title>CGP{$path}</title> |
| 22 | <link rel="stylesheet" href="{$html_weburl}layout/style.css" type="text/css"> | ||
| 23 | <meta name="viewport" content="width=device-width"> | 22 | <meta name="viewport" content="width=device-width"> |
| 23 | <link rel="stylesheet" href="{$html_weburl}layout/style.css" type="text/css"> | ||
| 24 | <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)"> | ||
| 25 | <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)"> | ||
| 26 | <link rel="stylesheet" href="{$html_weburl}layout/style-d.css" type="text/css" media="(max-width: 499px),(max-device-width: 499px) and (orientation: portrait)"> | ||
| 24 | 27 | ||
| 25 | EOT; | 28 | EOT; |
| 26 | if (isset($CONFIG['page_refresh']) && is_numeric($CONFIG['page_refresh'])) { | 29 | if (isset($CONFIG['page_refresh']) && is_numeric($CONFIG['page_refresh'])) { |
diff --git a/layout/style-b.css b/layout/style-b.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layout/style-b.css | |||
diff --git a/layout/style-c.css b/layout/style-c.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layout/style-c.css | |||
diff --git a/layout/style-d.css b/layout/style-d.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layout/style-d.css | |||