diff --git a/source/static/CreatePage.css b/source/static/CreatePage.css
index fc3a881..42abda2 100644
--- a/source/static/CreatePage.css
+++ b/source/static/CreatePage.css
@@ -1,13 +1,12 @@
/* CreatePage.css */
@font-face {
- font-family: "testFont";
+ font-family: testFont;
src: url(CoveredByYourGrace-Regular.ttf);
}
body {
- background-color: #F8F3F1;
-
+ background-color: #f8f3f1;
}
.top-bar {
@@ -25,7 +24,7 @@ body {
.top-bar > h1 {
position: relative;
text-align: center;
- color:#516754;
+ color: #516754;
font-size: 6rem;
- font-family: 'testFont';
-}
\ No newline at end of file
+ font-family: testFont;
+}
diff --git a/source/static/Form.css b/source/static/Form.css
index 07fa748..96fde62 100644
--- a/source/static/Form.css
+++ b/source/static/Form.css
@@ -1,15 +1,15 @@
.journal-form h1 {
- font-family: 'testFont';
+ font-family: testFont;
text-align: center;
}
.journal-form {
font-size: 120%;
- font-family: 'Century Gothic';
+ font-family: "Century Gothic";
width: 50%;
margin: auto;
color: #516754;
- border: 2px solid rgb(31, 41, 32);
+ border: 2px solid rgb(31 41 32);
border-radius: 8px;
background-color: #f7dfd5;
}
@@ -18,21 +18,23 @@ fieldset {
border: none;
}
-input[type=text] {
+input[type="text"] {
width: 100%;
box-sizing: border-box;
background-color: #f7dfd5;
border: none;
- border-bottom: 1px solid rgb(0, 0, 0);
+ border-bottom: 1px solid rgb(0 0 0);
}
-input[type=text]:focus {
+input[type="text"]:focus {
outline: none;
- border-bottom: 1px solid rgb(0, 0, 0);
+ border-bottom: 1px solid rgb(0 0 0);
}
.rating {
- display: flex; flex-wrap: nowrap; flex-direction: row-reverse;
+ display: flex;
+ flex-wrap: nowrap;
+ flex-direction: row-reverse;
}
.hidden,
@@ -86,7 +88,7 @@ input[type=text]:focus {
display: flex;
flex-flow: row wrap;
}
-
+
.tag {
background-color: grey;
border-radius: 7px;
@@ -95,7 +97,7 @@ input[type=text]:focus {
padding-left: 7px;
margin: 3px;
}
-
+
.tag::before {
display: inline-block;
content: "x";
@@ -106,7 +108,7 @@ input[type=text]:focus {
color: white;
cursor: pointer;
}
-
+
.tag:hover::before {
color: red;
}
@@ -114,7 +116,7 @@ input[type=text]:focus {
#tag-add-btn {
background-color: #94da97; /* Green */
border: round;
- color: rgb(206, 83, 179);
+ color: rgb(206 83 179);
text-align: center;
text-decoration: none;
display: inline-block;
@@ -125,7 +127,7 @@ input[type=text]:focus {
}
#tag-add-btn:hover {
- background-color: rgb(206, 83, 179); /* Green */
+ background-color: rgb(206 83 179); /* Green */
border: round;
color: #94da97;
text-align: center;
@@ -144,4 +146,4 @@ input[type=text]:focus {
.tag-container * {
max-width: 100%;
overflow-wrap: anywhere;
-}
\ No newline at end of file
+}
diff --git a/source/static/ReviewDetails.css b/source/static/ReviewDetails.css
index e9d3f7f..95689d7 100644
--- a/source/static/ReviewDetails.css
+++ b/source/static/ReviewDetails.css
@@ -1,12 +1,12 @@
/* ReviewDetails.css */
@font-face {
- font-family: "testFont";
- src: url(CoveredByYourGrace-Regular.ttf);
+ font-family: testFont;
+ src: url(CoveredByYourGrace-Regular.ttf);
}
body {
- background-color: #F8F3F1;
+ background-color: #f8f3f1;
}
h1 {
@@ -28,10 +28,11 @@ h1 {
.top-bar > h1 {
position: relative;
text-align: center;
- /*color: #e4c3d2;*/
- color:#516754;
+
+ /* color: #e4c3d2; */
+ color: #516754;
font-size: 6rem;
- font-family: 'testFont';
+ font-family: testFont;
}
.d-tag {
@@ -40,5 +41,5 @@ h1 {
color: white;
padding-right: 7px;
padding-left: 7px;
- margin: 10px 10px 10px 10px;
-}
\ No newline at end of file
+ margin: 10px;
+}
diff --git a/source/static/homepage.css b/source/static/homepage.css
index 503f51b..a52b7b8 100644
--- a/source/static/homepage.css
+++ b/source/static/homepage.css
@@ -1,16 +1,16 @@
/* homepage.css */
-
@font-face {
- font-family: "testFont";
- src: url(CoveredByYourGrace-Regular.ttf);
+ font-family: testFont;
+ src: url(CoveredByYourGrace-Regular.ttf);
}
-/* Color*/
-body{
- /*background-color: #97a5bd*/
- /*background-color: #E3E3EC;*/
- background-color: #F8F3F1;
+/* Color */
+body {
+ /* background-color: #97a5bd */
+
+ /* background-color: #E3E3EC; */
+ background-color: #f8f3f1;
}
.top-bar {
@@ -28,11 +28,13 @@ body{
.top-bar > h1 {
position: relative;
text-align: center;
- /*color: #e4c3d2;*/
- /*color: rgb(145, 124, 175);*/
- color:#516754;
+
+ /* color: #e4c3d2; */
+
+ /* color: rgb(145, 124, 175); */
+ color: #516754;
font-size: 6rem;
- font-family: 'testFont';
+ font-family: testFont;
}
.body-container {
@@ -57,7 +59,7 @@ body{
padding: 6px 10px;
margin-top: 8px;
margin-right: 16px;
- background: rgb(239, 183, 183);
+ background: rgb(239 183 183);
font-size: 17px;
border: none;
border-radius: 12px;
@@ -67,10 +69,8 @@ body{
#recent-reviews-text {
text-align: center;
font-size: 4rem;
- /* color: #e4c3d2; */
- /*color: rgb(145, 124, 175);*/
color: #516754;
- font-family: 'testFont';
+ font-family: testFont;
}
img#create-btn {