diff --git a/Timeline/css/connexion.css b/Timeline/css/connexion.css
index 92b309375858a7274a61ca2e4ccf0ffa7fa3390d..e83070de9124a61941ecdab9eca19b27c6291bd4 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 875cdfd9be1c9a5cf6c65afa44bc5b49f3b50e92..aa3561454f3673dc8108880f2274be77c34445fc 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 e6ce9117ba2f25d401578b5cfd1ac37558ab02ca..3be9466ef69a8eecd8babf103d9a349e5890b544 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 d36e53230d2fe1d0c254af3428158daaa9219c60..687787a1e5e3967c20f4894ac52ca1d448378ee7 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>