alu/cse110-fa22-group29
1
0
Fork 0
mirror of https://github.com/cse110-fa22-group29/cse110-fa22-group29.git synced 2025-09-09 08:07:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

modified css for CreatePage and color palette for homepage

Browse Source 
Co-authored-by: rheabhutada02
Co-authored-by: Kara Hoagland
This commit is contained in:
d7hernan
2022-11-21 00:56:54 -08:00
parent 1055f7ef26
commit 1798835807
6 changed files with 150 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
source/static/CreatePage.css
View File

@@ -1,7 +1,13 @@
/* CreatePage.css */
@font-face {
font-family: "testFont";
src: url(CoveredByYourGrace-Regular.ttf);
}
body {
background-color: #13323b;
background-color: #F8F3F1;
}
h1 {
@@ -21,7 +27,8 @@ h1 {
position: relative;
top: 2.2cm;
font-size: 3cm;
color: #eaa9bc;
color:#516754;
font-family: 'testFont';
}
.top-bar > form {
@@ -31,12 +38,14 @@ h1 {
.journal-form {
font-size: 120%;
font-family: 'Century Gothic';
width: 50%;
display: block;
margin: auto;
color: #ccb3bb;
border: 3px solid rgb(7 0 0);
background-color: #b52754;
color: #516754;
border: 2px solid rgb(31, 41, 32);
border-radius: 8px;
background-color: #f7dfd5;
}
.hidden,
@@ -85,3 +94,32 @@ h1 {
.rating > label:hover ~ input:checked ~ label {
color: orangered;
}
.tag-container {
display: flex;
flex-flow: row wrap;
}
.tag {
background-color: grey;
border-radius: 7px;
color: white;
padding-right: 7px;
padding-left: 7px;
margin: 3px;
}
.tag::before {
display: inline-block;
content: "x";
height: 15px;
width: 15px;
margin-right: 4px;
text-align: center;
color: white;
cursor: pointer;
}
.tag:hover::before {
color: red;
}

57
source/static/ReviewDetails.css
View File

@@ -1,7 +1,12 @@
/* ReviewDetails.css */
@font-face {
font-family: "testFont";
src: url(CoveredByYourGrace-Regular.ttf);
}
body {
background-color: #13323b;
background-color: #F8F3F1;
}
h1 {
@@ -9,28 +14,29 @@ h1 {
}
.top-bar {
margin-top: -8cm;
display: flex;
justify-content: center;
}
.top-bar > img {
position: relative;
top: 7.85cm;
align-self: center;
padding-left: 2.5%;
padding-right: 2.5%;
}
.top-bar > h1 {
position: relative;
top: 2.2cm;
font-size: 3cm;
color: #eaa9bc;
}
.top-bar > form {
position: relative;
left: 32cm;
text-align: center;
/*color: #e4c3d2;*/
color:#516754;
font-size: 6rem;
font-family: 'testFont';
}
.journal-form {
font-size: 120%;
font-family: 'Calibria';
width: 50%;
display: none;
margin: auto;
@@ -94,3 +100,32 @@ h1 {
.rating > label:hover ~ input:checked ~ label {
color: orangered;
}
.journal-form .tag-container{
display: flex;
flex-flow: row wrap;
}
.journal-form .tag{
background-color: grey;
border-radius: 7px;
color: white;
padding-right: 7px;
padding-left: 7px;
margin: 3px;
}
.journal-form .tag::before{
display: inline-block;
content: "x";
height: 15px;
width: 15px;
margin-right: 4px;
text-align: center;
color: white;
cursor: pointer;
}
.journal-form .tag:hover::before{
color: red;
}

33
source/static/homepage.css
View File

@@ -1,5 +1,6 @@
/* homepage.css */
@font-face {
font-family: "testFont";
src: url(CoveredByYourGrace-Regular.ttf);
@@ -8,7 +9,8 @@
/* Color*/
body{
/*background-color: #97a5bd*/
background-color: #E3E3EC;
/*background-color: #E3E3EC;*/
background-color: #F8F3F1;
}
.top-bar {
@@ -26,7 +28,9 @@ body{
.top-bar > h1 {
position: relative;
text-align: center;
color: #e4c3d2;
/*color: #e4c3d2;*/
/*color: rgb(145, 124, 175);*/
color:#516754;
font-size: 6rem;
font-family: 'testFont';
}
@@ -51,8 +55,10 @@ body{
#recent-reviews-text {
text-align: center;
font-size: 4rem;
color: #e4c3d2;
font-family: 'testFont'
/* color: #e4c3d2; */
/*color: rgb(145, 124, 175);*/
color: #516754;
font-family: 'testFont';
}
img#create-btn {
@@ -69,6 +75,25 @@ img#create-btn {
justify-content: center;
}
.review-container > div {
background-color: #f1f1f1;
text-align: center;
}}
img#create-btn {
position: relative;
align-self: center;
padding-left: 2.5%;
padding-right: 2.5%;
}
.review-container {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
}
.review-container > div {
background-color: #f1f1f1;
text-align: center;