133 lines
1.8 KiB
CSS
133 lines
1.8 KiB
CSS
/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
|
|
HTML content. To learn how to do something, just try searching Google for questions like
|
|
"how to change link color." */
|
|
|
|
|
|
body {
|
|
background-color: black;
|
|
color: #00ACAC;
|
|
font-family: Verdana;
|
|
margin: 0;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
#intotitle{
|
|
text-align: center;
|
|
size: 50pt;
|
|
}
|
|
#backgroundSim{
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
}
|
|
|
|
div#imagelinks{
|
|
position: fixed;
|
|
bottom:0;
|
|
}
|
|
|
|
div#mainview{
|
|
height:83vh;
|
|
padding-left:25%;
|
|
padding-right:25%;
|
|
}
|
|
|
|
div#postarea{
|
|
/*position: absolute;
|
|
left: 25%;
|
|
right:25%;
|
|
*/
|
|
height: 50pc;
|
|
text-align: center;
|
|
|
|
border-style: dashed;
|
|
border-radius: 5pc;
|
|
border-color: aqua;
|
|
height: 40vh;
|
|
overflow: scroll;
|
|
scroll-behavior: auto;
|
|
float:center;
|
|
scrollbar-width: thin;
|
|
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track{
|
|
height: 25%;
|
|
}
|
|
|
|
|
|
div#blogList{
|
|
display: flex;
|
|
align-items: center;
|
|
width:100%;
|
|
|
|
}
|
|
|
|
#blogList ul{
|
|
padding-right: 5%;
|
|
padding-left: 5%;
|
|
list-style: none;
|
|
text-align: center;
|
|
width:inherit;
|
|
}
|
|
|
|
|
|
|
|
div#post{
|
|
background-color: #223344;
|
|
border-radius: 25px;
|
|
word-wrap:break-word;
|
|
margin-bottom: 5px;
|
|
border-color: #225555;
|
|
border-style: solid;
|
|
}
|
|
|
|
#post ul, a{
|
|
color: #ACACAC;
|
|
}
|
|
|
|
img#post{
|
|
width: 50%;
|
|
height: 50%;
|
|
border-radius: 5%;
|
|
}
|
|
|
|
#bio{
|
|
border-style:groove;
|
|
border-radius: 10px;
|
|
border-color: #442255;
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
height: 45%;
|
|
}
|
|
|
|
#bioHeader{
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
#memberList{
|
|
padding-left: 5%;
|
|
}
|
|
@media (min-width: 1000px){
|
|
div#postarea{
|
|
position:absolute;
|
|
left: 5%;
|
|
right: 51%;
|
|
top: 15%;
|
|
height: 70%
|
|
|
|
}
|
|
#bio{
|
|
position: absolute;
|
|
right:5%;
|
|
left: 51%;
|
|
top:15%;
|
|
height:70%;
|
|
}
|
|
}
|