2023-01-07 01:49:49 +01:00
|
|
|
main{
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 25%, 50%, 25%;
|
|
|
|
grid-template-rows: 5vh, 80%, 5vh;
|
|
|
|
}
|
|
|
|
|
|
|
|
.panel{
|
|
|
|
grid-column-start: 2;
|
|
|
|
grid-column-end: 2;
|
|
|
|
grid-row-start: 2;
|
|
|
|
grid-row-end: 2;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
width:55vw;
|
|
|
|
height: auto;
|
|
|
|
background: rgba(150, 0, 0, 0.212);
|
|
|
|
padding:15px;
|
|
|
|
|
|
|
|
border-style:solid;
|
|
|
|
border-width:10px;
|
|
|
|
border-color: white;
|
|
|
|
border-radius:50px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.memeArticle{
|
|
|
|
float:left;
|
|
|
|
background-color: white;
|
|
|
|
width:70%;
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
background: rgba(255, 255, 255, 0.53);
|
|
|
|
border-top-left-radius:40px;
|
|
|
|
border-bottom-left-radius:40px;
|
|
|
|
}
|
|
|
|
.memeContainer{
|
|
|
|
width: 90%;
|
|
|
|
height: auto;
|
|
|
|
background: rgba(150, 0, 0, 0);
|
|
|
|
border-radius:30px;
|
|
|
|
margin:auto;
|
|
|
|
margin-top: 5%;
|
|
|
|
padding: 15px;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.statsArticle{
|
|
|
|
float:left;
|
|
|
|
background: rgba(150, 0, 0, 0.212);
|
|
|
|
width:30%;
|
|
|
|
border-top-right-radius:40px;
|
|
|
|
border-bottom-right-radius:40px;
|
|
|
|
overflow: scroll;
|
|
|
|
}
|
|
|
|
|
|
|
|
.memeContainer img{
|
|
|
|
width:100%;
|
|
|
|
border-top-left-radius: 15px;
|
|
|
|
border-top-right-radius: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.memeInfo {
|
|
|
|
background: rgba(255, 255, 255, 0.363);
|
|
|
|
border-radius: 3px;
|
|
|
|
border-left: 5px solid rgb(142, 119, 253);
|
|
|
|
margin: 20px ;
|
|
|
|
margin-top:10px;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.infoStats{
|
|
|
|
border-left: 5px solid rgb(142, 119, 253);
|
|
|
|
display:inline;
|
|
|
|
padding-top: 1%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.infoStats p{
|
|
|
|
line-height: 30%;
|
|
|
|
font-size: 80%;
|
|
|
|
}
|
|
|
|
.commentaire{
|
|
|
|
border-left:5px solid rgb(105, 88, 189);
|
|
|
|
background: rgba(255, 255, 255, 0.363);
|
|
|
|
float:left;
|
|
|
|
width:100%;
|
|
|
|
}
|
|
|
|
.commentaire:nth-child(2n){
|
|
|
|
border-left:5px solid rgb(82, 69, 147);
|
|
|
|
background: rgba(25, 0, 255, 0.185);
|
|
|
|
}
|
|
|
|
.pseudo{
|
|
|
|
font-weight: bold;
|
|
|
|
font-size:60%;
|
|
|
|
line-height: 50%;
|
|
|
|
}
|
|
|
|
.com-text{
|
|
|
|
font-size: 60%;
|
|
|
|
font-weight: 200;
|
|
|
|
}
|