From ac4e139955a3d9829e40845e78ac330bbbee5407 Mon Sep 17 00:00:00 2001
From: Christophe St-Georges <christophe.st-georges@polymtl.ca>
Date: Tue, 1 Dec 2020 16:10:55 -0500
Subject: [PATCH] Remove de style borne to put it in the styles file
---
css/styles.css | 52 +++++++++++++++++++++++++++++++++++++++++++
html/listeFrigos.html | 15 +------------
html/membres.html | 40 +--------------------------------
3 files changed, 54 insertions(+), 53 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index cc8bfd9..63d8f95 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 abdabcb..b09ad0f 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 573f7d4..c1c567e 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>
--
GitLab