69 lines
949 B
CSS
69 lines
949 B
CSS
.other {margin-left: 1em;}
|
|
.first {margin-right: 1em;}
|
|
|
|
.about {
|
|
align-content: center;
|
|
}
|
|
|
|
.middle {
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: stretch;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.first,.other {
|
|
flex-direction: column;
|
|
width: 20%;
|
|
min-height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.main {
|
|
flex-direction: column;
|
|
width: 60%;
|
|
align-content: flex-start;
|
|
}
|
|
|
|
.links > div {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.blinkies > img {
|
|
width: 80%;
|
|
margin-top: 0.2em;
|
|
}
|
|
|
|
.links > div > p {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.other > div {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.chat {
|
|
max-height: 50%;
|
|
}
|
|
|
|
.more > div {
|
|
margin: 1em;
|
|
}
|
|
|
|
.webrings,.blinkies {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
align-items: center;
|
|
}
|
|
|
|
.webrings > div {
|
|
margin-bottom: 1em;
|
|
} |