Fixed appearance on luakit
This commit is contained in:
parent
11648e055c
commit
6b6acb0bbf
3 changed files with 19 additions and 0 deletions
|
@ -19,11 +19,13 @@
|
||||||
.comment {
|
.comment {
|
||||||
margin: 0 0 1em 0;
|
margin: 0 0 1em 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
display: -webkit-flex;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment .avatar {
|
.comment .avatar {
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
|
-webkit-flex-shrink: 0;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
@ -83,14 +85,18 @@
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
#global-comment-list .post-comment {
|
#global-comment-list .post-comment {
|
||||||
|
display: -webkit-flex;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
@media all and (max-width: 40em) {
|
@media all and (max-width: 40em) {
|
||||||
#global-comment-list .post-comment {
|
#global-comment-list .post-comment {
|
||||||
|
-webkit-flex-direction: column;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#global-comment-list .post {
|
#global-comment-list .post {
|
||||||
|
-webkit-flex-shrink: 0;
|
||||||
|
-webkit-flex-grow: 0;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
|
|
|
@ -52,10 +52,16 @@
|
||||||
.post-list ul.safety .safety-unsafe.disabled:before { background: linear-gradient(#DDB7B7, #C9A195); }
|
.post-list ul.safety .safety-unsafe.disabled:before { background: linear-gradient(#DDB7B7, #C9A195); }
|
||||||
|
|
||||||
.post-list ul.posts {
|
.post-list ul.posts {
|
||||||
|
display: -webkit-flex;
|
||||||
|
-webkit-justify-content: center;
|
||||||
|
-webkit-align-content: center;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -32,22 +32,27 @@
|
||||||
|
|
||||||
@media all and (min-width: 62.5em) {
|
@media all and (min-width: 62.5em) {
|
||||||
#post-view-wrapper {
|
#post-view-wrapper {
|
||||||
|
display: -webkit-flex;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
#post-view-wrapper #sidebar {
|
#post-view-wrapper #sidebar {
|
||||||
min-width: 15em;
|
min-width: 15em;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
|
-webkit-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#post-view-wrapper #post-view {
|
#post-view-wrapper #post-view {
|
||||||
|
-webkit-flex: 5;
|
||||||
flex: 5;
|
flex: 5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width: 62.5em) {
|
@media all and (max-width: 62.5em) {
|
||||||
#post-view-wrapper {
|
#post-view-wrapper {
|
||||||
|
display: -webkit-flex;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
@ -114,6 +119,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar .essential {
|
#sidebar .essential {
|
||||||
|
display: -webkit-flex;
|
||||||
|
-webkit-justify-content: space-around;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
|
|
Loading…
Reference in a new issue