forked from mirrors/treebird
Frontend changes
FossilOrigin-Name: d1b5b09ad14d4e4273bd70321b6ec785cc7a63103004450e1dcc7b307073493a
This commit is contained in:
parent
d503e33e48
commit
55eeccf277
2 changed files with 28 additions and 3 deletions
28
dist/ratfe.css
vendored
28
dist/ratfe.css
vendored
|
@ -1,9 +1,16 @@
|
|||
/* Basic elements */
|
||||
body
|
||||
{
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
a
|
||||
{
|
||||
color: #aa0000;
|
||||
}
|
||||
|
||||
/* Divs and wrappers */
|
||||
#display-wrapper
|
||||
{
|
||||
display: flex;
|
||||
|
@ -100,6 +107,7 @@ input[type=button], input[type=submit], .sidebarbtn
|
|||
input[type=button]:hover, input[type=submit]:hover, .sidebarbtn:hover
|
||||
{
|
||||
background: linear-gradient(#aa0000, #600000);
|
||||
border-color: #400000;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@ -107,6 +115,7 @@ input[type=button]:hover, input[type=submit]:hover, .sidebarbtn:hover
|
|||
input[type=button]:active, input[type=submit]:active, .sidebarbtn:active
|
||||
{
|
||||
background: linear-gradient(#600000, #aa0000);
|
||||
border-color: #400000;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@ -134,7 +143,7 @@ input[type=button], input[type=submit]
|
|||
.status
|
||||
{
|
||||
display: flex;
|
||||
margin: 5px;
|
||||
margin: 7px;
|
||||
}
|
||||
|
||||
.status:not(:last-child)
|
||||
|
@ -145,6 +154,14 @@ input[type=button], input[type=submit]
|
|||
.status .profile-picture
|
||||
{
|
||||
display: inline-block;
|
||||
width: 52px;
|
||||
min-width: 52px;
|
||||
height: 52px;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.status .status-info
|
||||
|
@ -152,6 +169,7 @@ input[type=button], input[type=submit]
|
|||
flex: 1;
|
||||
display: flex;
|
||||
margin: 0 5px 5px;
|
||||
min-width: 0;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
@ -170,6 +188,9 @@ input[type=button], input[type=submit]
|
|||
.status .username
|
||||
{
|
||||
font-weight: bold;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.status .status-content
|
||||
|
@ -178,6 +199,11 @@ input[type=button], input[type=submit]
|
|||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.status .status-content p
|
||||
{
|
||||
margin: 2px 0 0 0;
|
||||
}
|
||||
|
||||
.status-visibility
|
||||
{
|
||||
color: #808080;
|
||||
|
|
|
@ -1,6 +1,5 @@
|
|||
<div class="status">
|
||||
<div class="profile-picture">
|
||||
<img src="%s" height="64">
|
||||
<div class="profile-picture" style="background-image:url('%s');">
|
||||
</div>
|
||||
<div class="status-info">
|
||||
<div class="poster-stats">
|
||||
|
|
Loading…
Reference in a new issue