[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Noalyss-commit] [noalyss] 01/02: Adapt login page for mobile
|
From: |
Dany De Bontridder |
|
Subject: |
[Noalyss-commit] [noalyss] 01/02: Adapt login page for mobile |
|
Date: |
Tue, 24 Nov 2015 00:24:28 +0000 |
sparkyx pushed a commit to branch master
in repository noalyss.
commit 7f8846f7d70c71bea5b2e3493cce3bf39cfb9c4d
Author: Dany De Bontridder <address@hidden>
Date: Tue Nov 24 00:58:18 2015 +0100
Adapt login page for mobile
---
html/index.php | 16 +++++++++++++++-
1 files changed, 15 insertions(+), 1 deletions(-)
diff --git a/html/index.php b/html/index.php
index 19dc401..972625e 100644
--- a/html/index.php
+++ b/html/index.php
@@ -142,6 +142,7 @@ echo '<!doctype html><HTML>
<head>
<TITLE> NOALYSS </TITLE>
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
BODY {
background-color:white;
@@ -201,6 +202,19 @@ border-width: 0px;
background-image: url("image/bg-submit3.gif");
background-repeat: repeat-x repeat-y;
}
address@hidden only screen and (max-width : 900px) {
+ #alternate_browser {
+ display : none;
+ }
+}
address@hidden only screen and (min-width : 901px) {
+ #alternate_browser {
+ position:absolute;
+ bottom: 0px;
+ left:0px;
+ z-index: -1
+ }
+}
</style>
<script src="js/scripts.js" type="text/javascript"></script>
</head>
@@ -323,7 +337,7 @@ echo '
</script>
<?php endif; ?>
-<div style="position:absolute;bottom: 0px;left:0px;z-index: -1">
+<div id="alternate_browser">
<p>Nous conseillons d'utiliser Firefox ou chrome.</p>
<p>We recommend to use Firefox or Chrome.</p>
<ul style="list-style:none;display:block">