From e7b095dbf94fa2c0e11219ca22467f529d70f558 Mon Sep 17 00:00:00 2001
From: Julie Choquet <julie.choquet@ensiie.fr>
Date: Mon, 9 May 2016 00:10:39 +0200
Subject: [PATCH] css page inscription connexion
---
Timeline/css/connexion.css | 14 ++++++++++++--
Timeline/css/index.css | 14 ++++++++------
Timeline/css/inscription.css | 11 +++++++++++
Timeline/index.php | 32 +++++++++++++++-----------------
4 files changed, 46 insertions(+), 25 deletions(-)
diff --git a/Timeline/css/connexion.css b/Timeline/css/connexion.css
index 92b3093..e83070d 100755
--- a/Timeline/css/connexion.css
+++ b/Timeline/css/connexion.css
@@ -1,11 +1,21 @@
+body {
+margin:0;
+padding:0;
+background: url('../fonts/background.jpg') no-repeat center fixed;
+-webkit-background-size: cover; /* pour Chrome et Safari */
+-moz-background-size: cover; /* pour Firefox */
+-o-background-size: cover; /* pour Opera */
+background-size: cover; /* version standardisée */
+}
/* -------------- Formulaire connexion----------------- */
#co {
- margin-top: 15%;
- padding:3%;
+ margin-top: 10%;
+ padding:30px;
+ background-color: white;
border-radius: 5px;
}
diff --git a/Timeline/css/index.css b/Timeline/css/index.css
index 875cdfd..aa35614 100755
--- a/Timeline/css/index.css
+++ b/Timeline/css/index.css
@@ -9,17 +9,17 @@ background-size: cover; /* version standardisée */
font-family: 'Open Sans', sans-serif;
}
-.form-group {
- margin-top:30%;
+.tab-content {
+ margin-top:10%;
}
-.start1 {
+#index {
position: center;
padding: 400px 400;
text-align: center;
}
-.start1 p {
+#index p {
font-size: 240px;
font-weight: 300;
line-height: 1.25;
@@ -27,15 +27,17 @@ font-family: 'Open Sans', sans-serif;
}
-.start1 a {
+#index a {
color: #fff;
color: rgba(255,255,255,.5);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
-.start1 a:hover {
+
+#index a:hover {
color: #fff;
text-shadow: 0 0 10px rgba(255,255,255,.25);
+ text-decoration: none;
}
diff --git a/Timeline/css/inscription.css b/Timeline/css/inscription.css
index e6ce911..3be9466 100755
--- a/Timeline/css/inscription.css
+++ b/Timeline/css/inscription.css
@@ -1,3 +1,12 @@
+body {
+margin:0;
+padding:0;
+background: url('../fonts/background.jpg') no-repeat center fixed;
+-webkit-background-size: cover; /* pour Chrome et Safari */
+-moz-background-size: cover; /* pour Firefox */
+-o-background-size: cover; /* pour Opera */
+background-size: cover; /* version standardisée */
+}
/* -------------- Formulaire inscription ----------------- */
@@ -5,6 +14,8 @@
margin-top: 5%;
border-radius: 5px;
+ background-color: white;
+ padding:30px;
}
#ins>button[type="submit"] {
diff --git a/Timeline/index.php b/Timeline/index.php
index d36e532..687787a 100755
--- a/Timeline/index.php
+++ b/Timeline/index.php
@@ -26,25 +26,23 @@
<body >
-<div class="start1">
-<div class="container-fluid ">
+<div class="container-fluid" id="index">
<div class="tab-content " >
- <form id="co" class="col-lg-offset-4 col-lg-4" role="form">
- <div class="form-group ">
- <div class="thumbnail ">
-
- <h4><center>Bienvenue sur TimeLine</center></h4>
- <p><center>"Cheese, clic & share."</center></p>
- <img alt="logo" src="fonts/logo.png"/>
- <button class="btn btn-primary btn-block btn-md" type="submit" name="Connexion"><a href="connexion.php">Se connecter</a></button>
- <button class="btn btn-success btn-block btn-md" type="submit" name="Inscription"><a href="inscription.php">S'inscrire</a></button>
-
- </div>
- </div>
- </form>
-
+ <div class="col-lg-offset-4 col-lg-4">
+
+ <div class="thumbnail ">
+
+ <h4><center>Bienvenue sur TimeLine</center></h4>
+ <p><center>"Cheese, clic & share."</center></p>
+ <img alt="logo" src="fonts/logo.png"/>
+ <button class="btn btn-primary btn-block btn-md" type="submit" name="Connexion"><a href="connexion.php">Se connecter</a></button>
+ <button class="btn btn-success btn-block btn-md" type="submit" name="Inscription"><a href="inscription.php">S'inscrire</a></button>
+
+ </div>
+ </div>
+
</div>
-</div>
+
</div>
--
GitLab