90 lines
1.4 KiB
CSS
90 lines
1.4 KiB
CSS
body{
|
|
background-image: url("/media/Art/EmptySpace.png");
|
|
color: #12aaaa;
|
|
padding-top: 4vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
#MainView{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
background-color: rgba(174, 134, 214, 0.5);
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
height: 90vh;
|
|
padding: 0 50px;
|
|
}
|
|
|
|
.reviewList{
|
|
overflow-y: scroll;
|
|
word-wrap: normal;
|
|
background-color: #00000055;
|
|
width: 90vw;
|
|
height: 70vh;
|
|
border-radius: 50px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
li.reviewItem{
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-radius: 40px;
|
|
background-color: #77777722;
|
|
height: 200px;
|
|
margin: 10px;
|
|
}
|
|
|
|
.reviewItem img{
|
|
border-radius: 40px;
|
|
padding: 5px;
|
|
width: 100px;
|
|
height: 200px;
|
|
}
|
|
|
|
ul{
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: scroll;
|
|
}
|
|
|
|
h1{
|
|
width: 75%;
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
|
|
.overviewHeader{
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
.reviewTitle{
|
|
margin-right: 20px;
|
|
color: rgb(230, 61, 61)
|
|
}
|
|
|
|
.reviewRating{
|
|
color: rgba(245, 241, 26, 0.959)
|
|
}
|
|
|
|
.overviewContent{
|
|
overflow: scroll;
|
|
height: 125px;
|
|
}
|
|
|
|
@media(min-width: 900px){
|
|
#MainView{
|
|
width:65vw;
|
|
}
|
|
.reviewList{
|
|
width: 67vw;
|
|
}
|
|
} |