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

configure htmlHint and stylelint to use tab indentation,

Browse Source 
fix html and css linting issues
This commit is contained in:
Arthur Lu
2022-11-21 03:50:54 +00:00
parent eed39f580f
commit b24b1110f6
9 changed files with 383 additions and 390 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
source/static/CreatePage.css
View File

@@ -1,78 +1,81 @@
/* CreatePage.css */
body{
background-color: #13323b;
body {
background-color: #13323b;
}
h1 {
text-align: center;
text-align: center;
}
.Top-Bar{
margin-top: -8cm;
}
.Top-Bar > img{
position: relative;
top: 7.85cm;
}
.Top-Bar > h1{
position: relative;
top: 2.2cm;
font-size: 3cm;
color: #EAA9BC
.top-bar {
margin-top: -8cm;
}
.Top-Bar > form{
position: relative;
left: 32cm;
.top-bar > img {
position: relative;
top: 7.85cm;
}
.top-bar > h1 {
position: relative;
top: 2.2cm;
font-size: 3cm;
color: #eaa9bc;
}
.top-bar > form {
position: relative;
left: 32cm;
}
.journal-form {
font-size: 120%;
width: 50%;
display: block;
margin: auto;
color: #ccb3bb;
border: 3px solid rgb(7, 0, 0);
background-color: #b52754;
font-size: 120%;
width: 50%;
display: block;
margin: auto;
color: #ccb3bb;
border: 3px solid rgb(7 0 0);
background-color: #b52754;
}
.hidden,
.rating:not(:checked) > input { /* Hide radio circles while star rating */
display: none;
display: none;
}
/* Unchecked stars */
.rating:not(:checked) > label {
/* Make stars line up sideways and not vertically */
float: right;
/* Make stars line up sideways and not vertically */
float: right;
/* Hide label text */
width: 1em;
overflow: hidden;
white-space: nowrap;
/* Hide label text */
width: 1em;
overflow: hidden;
white-space: nowrap;
/* Star default color and size */
font-size: 200%;
line-height: 1.2;
color: #b3b3cc;
/* Star default color and size */
font-size: 200%;
line-height: 1.2;
color: #b3b3cc;
}
.rating > label:active {
position: relative;
position: relative;
}
.rating:not(:checked) > label::before {
content: "★";
content: "★";
}
/* Checked star color */
.rating > input:checked ~ label {
color: #ffbf00;
color: #ffbf00;
}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
color: orangered;
color: orangered;
}
.rating > input:checked + label:hover,
@@ -80,5 +83,5 @@ h1 {
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
color: orangered;
}
color: orangered;
}

99
source/static/ReviewDetails.css
View File

@@ -1,87 +1,90 @@
/* ReviewDetails.css */
body{
background-color: #13323b;
body {
background-color: #13323b;
}
h1 {
text-align: center;
text-align: center;
}
.Top-Bar{
margin-top: -8cm;
}
.Top-Bar > img{
position: relative;
top: 7.85cm;
}
.Top-Bar > h1{
position: relative;
top: 2.2cm;
font-size: 3cm;
color: #EAA9BC
.top-bar {
margin-top: -8cm;
}
.Top-Bar > form{
position: relative;
left: 32cm;
.top-bar > img {
position: relative;
top: 7.85cm;
}
.top-bar > h1 {
position: relative;
top: 2.2cm;
font-size: 3cm;
color: #eaa9bc;
}
.top-bar > form {
position: relative;
left: 32cm;
}
.journal-form {
font-size: 120%;
width: 50%;
display: none;
margin: auto;
color: #ccb3bb;
border: 3px solid rgb(7, 0, 0);
background-color: #b52754;
font-size: 120%;
width: 50%;
display: none;
margin: auto;
color: #ccb3bb;
border: 3px solid rgb(7 0 0);
background-color: #b52754;
}
.meal-name {
font-size: 150%;
margin: left;
width: 50%;
border: 3px;
color: rgb(228, 119, 119);
text-align: left;
font-size: 150%;
margin: left;
width: 50%;
border: 3px;
color: rgb(228 119 119);
text-align: left;
}
.hidden,
.rating:not(:checked) > input { /* Hide radio circles while star rating */
display: none;
display: none;
}
/* Unchecked stars */
.rating:not(:checked) > label {
/* Make stars line up sideways and not vertically */
float: right;
/* Make stars line up sideways and not vertically */
float: right;
/* Hide label text */
width: 1em;
overflow: hidden;
white-space: nowrap;
/* Hide label text */
width: 1em;
overflow: hidden;
white-space: nowrap;
/* Star default color and size */
font-size: 200%;
line-height: 1.2;
color: #b3b3cc;
/* Star default color and size */
font-size: 200%;
line-height: 1.2;
color: #b3b3cc;
}
.rating > label:active {
position: relative;
position: relative;
}
.rating:not(:checked) > label::before {
content: "★";
content: "★";
}
/* Checked star color */
.rating > input:checked ~ label {
color: #ffbf00;
color: #ffbf00;
}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
color: orangered;
color: orangered;
}
.rating > input:checked + label:hover,
@@ -89,5 +92,5 @@ h1 {
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
color: orangered;
}
color: orangered;
}

80
source/static/homepage.css
View File

@@ -1,60 +1,62 @@
/* homepage.css */
/* Color*/
body{
background-color: #97a5bd;
/* Color */
body {
background-color: #97a5bd;
}
.top-bar{
display: flex;
justify-content: center;
.top-bar {
display: flex;
justify-content: center;
}
.top-bar > img{
position: relative;
align-self: center;
padding-left: 2.5%;
padding-right: 2.5%;
.top-bar > img {
position: relative;
align-self: center;
padding-left: 2.5%;
padding-right: 2.5%;
}
.top-bar > h1{
position: relative;
text-align: center;
color: #E4C3D2;
font-size: 6rem;
font-family: 'Lucida Sans';
.top-bar > h1 {
position: relative;
text-align: center;
color: #e4c3d2;
font-size: 6rem;
}
.body-container {
display: flex;
max-height: 100%;
display: flex;
max-height: 100%;
}
.center-display {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
#recent-reviews-text {
font-family: 'Lucida Sans';
text-align: center;
font-size: 4rem;
color: #E4C3D2;
text-align: center;
font-size: 4rem;
color: #e4c3d2;
}
img#create-btn {
position: relative;
align-self: center;
padding-left: 2.5%;
padding-right: 2.5%;
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 {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
}
.review-container > div {
background-color: #f1f1f1;
text-align: center;
}
background-color: #f1f1f1;
text-align: center;
}

52
source/static/reset.css
View File

@@ -69,17 +69,17 @@ time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
line-height: 1;
}
article,
@@ -93,66 +93,66 @@ hgroup,
menu,
nav,
section {
display: block;
display: block;
}
nav ul {
list-style: none;
list-style: none;
}
blockquote,
q {
quotes: none;
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
}
input,
select {
vertical-align: middle;
vertical-align: middle;
}
img,
fieldset,
object {
border: none;
border: none;
}
*,
*::after,
*::before {
box-sizing: border-box;
box-sizing: border-box;
}
button,
label {
cursor: pointer;
cursor: pointer;
}
html,
body {
height: 100%;
height: 100%;
}
form {
border: solid;
border: solid;
}