[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Noalyss-commit] [noalyss] 229/323: index.css : CSS responsive
From: |
Dany De Bontridder |
Subject: |
[Noalyss-commit] [noalyss] 229/323: index.css : CSS responsive |
Date: |
Wed, 14 Mar 2018 17:38:56 -0400 (EDT) |
sparkyx pushed a commit to branch master
in repository noalyss.
commit d58827d5d62c88d20d6ae295929186186270e422
Author: Dany De Bontridder <address@hidden>
Date: Thu Feb 22 19:05:10 2018 +0100
index.css : CSS responsive
---
html/index.css | 321 ++++++++++++++++++++++++++++-----------------------------
1 file changed, 159 insertions(+), 162 deletions(-)
diff --git a/html/index.css b/html/index.css
index 642899d..de432f0 100644
--- a/html/index.css
+++ b/html/index.css
@@ -1,119 +1,117 @@
BODY {
-background-color:white;
-font-size:12px;
-font-family:sans-serif,arial;
-color:blue;
+ background-color:white;
+ font-size:12px;
+ font-family:sans-serif,arial;
+ color:blue;
}
.cell , #recover_box p{
-font-size : 18px;
+ font-size : 18px;
}
.remark {
-border: solid black 1px;
-font-family:sans-serif;
-font-size: 9px;
-color:blue;
-width:200px;
-padding:3px;
+ border: solid black 1px;
+ font-family:sans-serif;
+ font-size: 9px;
+ color:blue;
+ width:200px;
+ padding:3px;
}
.gras {
-font-size:12px;
-font-family:sans-serif,arial;
-color:red;
+ font-size:12px;
+ font-family:sans-serif,arial;
+ color:red;
}
.input_text {
-border:1px solid blue;
-margin:1px;
-padding: 10px;
-border-radius: 4px;
-font-size:16px;
-font-size:1rem;
+ border:1px solid blue;
+ margin:1px;
+ padding: 10px;
+ border-radius: 4px;
+ font-size:16px;
+ font-size:1rem;
}
.button {
-color:white;
-font-weight: bold;
-border:0px;
-text-decoration:none;
-font-family: helvetica,arial,sans-serif;
-background-image: url("image/bg-submit2.gif");
-background-repeat: repeat-x repeat-y;
-background-position: left;
-text-decoration:none;
-font-family: helvetica,arial,sans-serif;
-border-width:0px;
-padding:2px 4px 2px 4px;
-cursor:pointer;
-margin:31px 2px 1px 2px;
--moz-border-radius:2px 2px;
-border-radius:2px 2px;
-font-size : 1rem;
-margin-bottom: 10px;
+ color:white;
+ font-weight: bold;
+ border:0px;
+ text-decoration:none;
+ font-family: helvetica,arial,sans-serif;
+ background-image: url("image/bg-submit2.gif");
+ background-repeat: repeat-x repeat-y;
+ background-position: left;
+ text-decoration:none;
+ font-family: helvetica,arial,sans-serif;
+ border-width:0px;
+ padding:2px 4px 2px 4px;
+ cursor:pointer;
+ margin:31px 2px 1px 2px;
+ -moz-border-radius:2px 2px;
+ border-radius:2px 2px;
+ font-size : 1rem;
+ margin-bottom: 10px;
}
.button:hover {
-cursor:pointer;
-background-color:white;
-border-style: solid;
-border-width: 0px;
-background-image: url("image/bg-submit3.gif");
-background-repeat: repeat-x repeat-y;
+ cursor:pointer;
+ background-color:white;
+ border-style: solid;
+ border-width: 0px;
+ background-image: url("image/bg-submit3.gif");
+ background-repeat: repeat-x repeat-y;
}
#logo_id {
width:19%;
}
address@hidden only screen and (max-width : 360px) {
- #alternate_browser {
- display : none;
- }
- #logo_id {
- position:absolute;
- z-index:-1;
- height:30%;
- width:auto;
- left:0px;
-
- }
- #login_frm {
- position:absolute;
- left:15%;
- top:50%;
- }
- .input_text {
- width:8em;
- }
- #recover_link {
+#alternate_browser {
+ display : none;
+}
+#logo_id {
+ position:absolute;
+ z-index:-1;
+ height:30%;
+ width:auto;
+ left:0px;
+
+}
+#login_frm {
+ position:absolute;
+ left:15%;
+ top:50%;
+}
+.input_text {
+ width:8em;
+}
+#recover_link {
position:absolute;
margin-bottom:30px;
width: 100%;
- }
-
}
- #alternate_browser {
- display : none;
- }
- #logo_id {
- position:absolute;
- z-index:-1;
- height:45%;
- width:auto;
- left:0px;
-
- }
- #login_frm {
- position:absolute;
- left:15%;
- top:50%;
- }
- .input_text {
- width:8em;
- }
- #recover_link {
+
+#alternate_browser {
+ display : none;
+}
+#logo_id {
+ position:absolute;
+ z-index:-1;
+ height:45%;
+ width:auto;
+ left:0px;
+
+}
+#login_frm {
+ position:absolute;
+ left:15%;
+ top:50%;
+}
+.input_text {
+ width:8em;
+}
+#recover_link {
position:absolute;
bottom:30px;
width: 100%;
- }
- #recover_box {
+}
+#recover_box {
display: none;
position: absolute;
@@ -123,40 +121,39 @@ background-repeat: repeat-x repeat-y;
width: 96%;
margin-left: 1%;
background-color: whitesmoke;
-
}
-
+
@media only screen and (max-width : 900px) {
#alternate_browser {
display : none;
}
- #logo_id {
- position:absolute;
- z-index:-1;
- height:auto;
- width:34%;
- left:33%;
- top:5%;
-
+ #logo_id {
+ position:absolute;
+ z-index:-1;
+ height:auto;
+ width:60%;
+ left:20%;
+ top:5%;
+
}
.input_text {
width:12rem;
}
- #recover_box {
+ #recover_box {
- display:none;
- position: absolute;
- top: 15%;
- z-index: 1;
- border: 2px solid blue;
- width: 96%;
- left: 1%;
- background-color: whitesmoke;
+ display:none;
+ position: absolute;
+ top: 15%;
+ z-index: 1;
+ border: 2px solid blue;
+ width: 96%;
+ left: 1%;
+ background-color: whitesmoke;
}
- #login_frm {
+ #login_frm {
position:absolute;
- left:35%;
+ left:25%;
right:35%;
top:50%;
}
@@ -169,11 +166,11 @@ background-repeat: repeat-x repeat-y;
z-index: -1;
}
#logo_id {
- z-index:-1;
- position:absolute;
- width:19%;
- left:7%;
- top:9%;
+ z-index:-1;
+ position:absolute;
+ width:19%;
+ left:7%;
+ top:9%;
}
#login_frm {
position:absolute;
@@ -184,12 +181,12 @@ background-repeat: repeat-x repeat-y;
width: 24em;
width: 24rem;
}
- #recover_link {
- position:absolute;
- margin-top:397px;
- left:539px;
- background-color: white;
-}
+ #recover_link {
+ position:absolute;
+ margin-top:397px;
+ left:539px;
+ background-color: white;
+ }
}
@media only screen and (min-width : 1100px) {
#alternate_browser {
@@ -199,11 +196,11 @@ background-repeat: repeat-x repeat-y;
z-index: -1;
}
#logo_id {
- z-index:-1;
- position:absolute;
- width:19%;
- left:8%;
- top:19.5%;
+ z-index:-1;
+ position:absolute;
+ width:19%;
+ left:8%;
+ top:19.5%;
}
#login_frm {
position:absolute;
@@ -214,24 +211,24 @@ background-repeat: repeat-x repeat-y;
width: 24em;
width: 24rem;
}
- #recover_link {
- position:absolute;
- top:397px;
- left:539px;
- background-color: white;
-}
+ #recover_link {
+ position:absolute;
+ top:397px;
+ left:539px;
+ background-color: white;
+ }
#recover_box {
- display: none;
- position: absolute;
- top: 15%;
- z-index: 1;
- border: 2px solid blue;
- width: 96%;
- margin-left: 1%;
- background-color: whitesmoke;
+ display: none;
+ position: absolute;
+ top: 15%;
+ z-index: 1;
+ border: 2px solid blue;
+ width: 96%;
+ margin-left: 1%;
+ background-color: whitesmoke;
-}
+ }
}
@media only screen and (min-width : 1100px) {
#alternate_browser {
@@ -241,11 +238,11 @@ background-repeat: repeat-x repeat-y;
z-index: -1;
}
#logo_id {
- z-index:-1;
- position:absolute;
- width:19%;
- left:32%;
- top:19.5%;
+ z-index:-1;
+ position:absolute;
+ width:19%;
+ left:32%;
+ top:19.5%;
}
#login_frm {
position:absolute;
@@ -256,23 +253,23 @@ background-repeat: repeat-x repeat-y;
width: 24em;
width: 24rem;
}
- #recover_link {
- position:absolute;
- top:55%;
- left:50%;
- background-color: white;
-}
-#recover_box {
+ #recover_link {
+ position:absolute;
+ top:55%;
+ left:50%;
+ background-color: white;
+ }
+ #recover_box {
- display: none;
- position: absolute;
- top: 40%;
- z-index: 1;
- border: 2px solid blue;
- width: 30%;
- margin-left: 25%;
- background-color: whitesmoke;
+ display: none;
+ position: absolute;
+ top: 40%;
+ z-index: 1;
+ border: 2px solid blue;
+ width: 30%;
+ margin-left: 25%;
+ background-color: whitesmoke;
-}
+ }
}
- [Noalyss-commit] [noalyss] 193/323: SQL : fix create extension for account_repository, (continued)
- [Noalyss-commit] [noalyss] 193/323: SQL : fix create extension for account_repository, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 248/323: Install improve message, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 202/323: Improve : New DEFINE NOALYSS_URL, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 218/323: element go_up : fix height, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 235/323: Set version, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 257/323: Tag : box for adding a tag : add a close button, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 283/323: Todo List : fix bug in sort after zooming, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 287/323: Improve favicon.ico, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 182/323: Task #0001535: TVA : réécriture du module , fichier test pour TVA_RATE_MTABLE, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 185/323: Task #0001535: TVA : réécriture du module , missing file, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 229/323: index.css : CSS responsive,
Dany De Bontridder <=
- [Noalyss-commit] [noalyss] 310/323: Cosmetic : use Icon_Action::trash, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 206/323: install : check the module XML , SimpleXML, ..., Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 299/323: Bug : action_late show also action for today, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 318/323: Bug fix : History filter : do not filter on the last columns, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 317/323: Dashboard : cannot zoom event from follow-up, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 261/323: remove dead code, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 271/323: Periode : fix , the second periode is wrong when opening day is asked, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 303/323: Some dialog must be fixed but draggable, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 209/323: Index : fix logo position, Dany De Bontridder, 2018/03/14
- [Noalyss-commit] [noalyss] 194/323: Remove user_local_pref, Dany De Bontridder, 2018/03/14