diff --git a/css/styles.css b/css/styles.css
index cc8bfd99ccc0fb9fd459d790fd3f8731342f5363..63d8f954ade5053d6d8c1654e48572b1a6a57649 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -11,6 +11,10 @@ iframe {
border: none;
}
+.bold {
+ font-weight: bold;
+}
+
.btn{
left: 0px;
top: 0px;
@@ -127,6 +131,14 @@ iframe {
margin: 3px 0px -3px -10px;
}
+.fridgeOutline {
+ border-radius: 25px;
+ background-color: #F2F2F2;
+ padding-left: 67px;
+ padding-top: 17px;
+ padding-bottom: 17px;
+}
+
.grey-label{
margin-left: 15px;
@@ -192,6 +204,34 @@ iframe {
outline: none;
}
+.memberTab {
+ overflow: hidden;
+ border: none;
+ background-color: white;
+}
+
+/* Style the buttons that are used to open the tab content */
+.memberTab button {
+ margin: 6px 3px;
+ background-color: inherit;
+ float: inside;
+ border: none;
+ border-radius: 20px;
+ outline: none;
+ cursor: pointer;
+ transition: 0.3s;
+ color: white;
+ font-size: 16px;
+ width: 230px;
+ height: 45px;
+ display: inline;
+ background-color: #53bdbd;
+}
+
+.memberTab button.active{
+ background-color: #e6881a;
+}
+
.member-space-access {
display: none;
position: fixed;
@@ -334,6 +374,11 @@ iframe {
color: #008c8c;
}
+.tealBackground{
+ height: 579px;
+ background-color: #008C8C;
+}
+
.titleBar{
height: 28px;
@@ -417,6 +462,11 @@ iframe {
font-size: 12px;
}
+#memberSectionTab{
+ background-color: white;
+ color: #008C8C;
+}
+
#rules {
display: block;
float: left;
@@ -426,6 +476,8 @@ iframe {
float: right;
}
+
+
/* Go from zero to full opacity */
@keyframes fadeEffect {
from {opacity: 0;}
diff --git a/html/listeFrigos.html b/html/listeFrigos.html
index abdabcb5b859a1da3a9813cae5a12647cfe98947..b09ad0f5be9f5c584d14aba6fea41193d781ba48 100644
--- a/html/listeFrigos.html
+++ b/html/listeFrigos.html
@@ -1,25 +1,12 @@
<!DOCTYPE html>
<html lang="en">
-<style>
-
-.fridgeOutline {
- border-radius: 25px;
- background: #F2F2F2;
- padding-left: 67px;
- padding-top: 17px;
- padding-bottom: 17px;
-}
-.bold {
- font-weight: bold;
-}
-
-</style>
<head>
<link rel="stylesheet" href="../css/styles.css">
<meta charset="UTF-8">
<title>Liste des frigos</title>
</head>
<body>
+ <p class="titleSection">Mon profil</p>
<div class="fridgeOutline">
<span class="bold">
LIRE FRIGO
diff --git a/html/membres.html b/html/membres.html
index 573f7d4654f85b322d926ee8234b7712bf21822e..c1c567ecbc95f5847114fe5fcfe4cd1eccb3a54f 100644
--- a/html/membres.html
+++ b/html/membres.html
@@ -1,42 +1,4 @@
<!DOCTYPE html>
-<style>
- .memberTab {
- overflow: hidden;
- border: none;
- background-color: white;
- }
-
- /* Style the buttons that are used to open the tab content */
- .memberTab button {
- margin: 6px 3px;
- background-color: inherit;
- float: inside;
- border: none;
- border-radius: 20px;
- outline: none;
- cursor: pointer;
- transition: 0.3s;
- color: white;
- font-size: 16px;
- width: 230px;
- height: 45px;
- display: inline;
- background-color: #53bdbd;
- }
-
- .memberTab button.active{
- background-color: #e6881a;
- }
- .tealBackground{
- height: 579px;
- background-color: #008C8C;
- }
- #memberSectionTab{
- background-color: white;
- color: #008C8C;
- }
-</style>
-
<html lang="en">
<head>
<link rel="stylesheet" href="../css/styles.css">
@@ -61,7 +23,7 @@
<div class="tealBackground">
<div id="listeFrigos" class="tabcontent active">
- <iframe id="mbrcontent" src="listeFrigos.html" width="98%" height="800"></iframe>
+ <iframe id="mbrcontent" src="listeFrigos.html" width="100%" height="800"></iframe>
</div>
</div>
</div>