Commentaire code

WEB/deposer_avis/deposer_avis.css

@@ -1,55 +1,61 @@
-body {
+/*General*/
-	color:black;
+
-	background-color:white;
+body {
-	background-image:url("../ressources/image/background.jpg");
+	color:black;
-	background-repeat:no-repeat;
+	background-color:white;
-	background-size:104%;
+	background-image:url("../ressources/image/background.jpg");
-	margin: 0;
+	background-repeat:no-repeat;
-	font-family: Ubuntu,Helvetica,sans-serif;
+	background-size:104%;
-}
+	margin: 0;
-
+	font-family: Ubuntu,Helvetica,sans-serif;
-#container{
+}
-	margin : 5% 15% 5% 15%;
+
-	background-color : white;
+#container{
-	border : 2px solid black;
+	margin : 5% 15% 5% 15%;
-}
+	background-color : white;
-
+	border : 2px solid black;
-h1{
+}
-	text-align : center;
+
-	font-size : 250%;
+h1{
-	font-weight: bold;
+	text-align : center;
-}
+	font-size : 250%;
-
+	font-weight: bold;
-#form{
+}
-	text-align:center;
+
-}
+/*Formulaire*/
-
+
-#avis_laisse{
+#form{
-    box-sizing: border-box;
+	text-align:center;
-    resize: none;
+}
-    width: 70%;
+
-    height: 16em;
+#avis_laisse{
-}
+    box-sizing: border-box;
-
+    resize: none;
-#submit{
+    width: 70%;
-	margin-bottom: 1%;
+    height: 16em;
-}
+}
-
+
-.rating {
+#submit{
-   direction: rtl;
+	margin-bottom: 1%;
-}
+}
-
+
-.rating a {
+/*Etoile de notation*/
-   color: #aaa;
+
-   text-decoration: none;
+.rating {
-   font-size: 3em;
+   direction: rtl;
-   transition: color .4s;
+}
-}
+
-
+.rating a {
-.rating a:hover,
+   color: #aaa;
-.rating a:focus,
+   text-decoration: none;
-.rating a:hover ~ a,
+   font-size: 3em;
-.rating a:focus ~ a {
+   transition: color .4s;
-   color: orange;
+}
-   cursor: pointer;
+
+.rating a:hover,
+.rating a:focus,
+.rating a:hover ~ a,
+.rating a:focus ~ a {
+   color: orange;
+   cursor: pointer;
 }