85 lines
1.6 KiB
CSS
85 lines
1.6 KiB
CSS
.BlogView{
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
/* Auto layout */
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
/* gap: 50px; */
|
|
/* row-gap: 20px; */
|
|
/* padding: 0px 20px 0px 20px; */
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.BlogView .Content {
|
|
overflow: scroll;
|
|
width: 100%;
|
|
height: 100%;
|
|
/* Auto layout */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
/* gap: 50px; */
|
|
/* row-gap: 20px; */
|
|
/* padding: 0px 20px 0px 20px; */
|
|
/* margin: 0px 20px 0px 20px; */
|
|
}
|
|
|
|
.BlogView .ScrollContent {
|
|
position: relative;
|
|
width: 92%;
|
|
left: 4%;
|
|
right: 4%;
|
|
height: auto;
|
|
/* Auto layout */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
gap: 10px;
|
|
/* row-gap: 20px; */
|
|
/* padding: 0px 20px 0px 20px; */
|
|
/* margin: 0px 20px 0px 20px; */
|
|
/* padding-left: 20px; */
|
|
}
|
|
|
|
.BlogView .header-h1{
|
|
font-size:x-large;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.BlogView .header-h2{
|
|
font-size:large;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.BlogView .header-h3{
|
|
font-size:larger;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
.BlogView .image{
|
|
width: 100%;
|
|
}
|
|
|
|
.image .ImageProp{
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
|
|
/* left: 50%;
|
|
margin-left: -50%; */
|
|
}
|
|
|
|
.BlogView .plain-text{
|
|
/* Auto layout */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
gap: 5px;
|
|
/* row-gap: 20px; */
|
|
} |