szurubooru/client/css/user-view.styl

83 lines
1.8 KiB
Stylus
Raw Permalink Normal View History

@import colors
$token-border-color = $active-tab-background-color
2016-08-27 18:19:42 +02:00
#user
width: 100%
max-width: 35em
nav.text-nav
margin-bottom: 1.5em
#user-summary
.thumbnail
width: 6em
height: 6em
margin: 0 1.5em 1.5em 0
float: left
.basic-info
list-style-type: none
margin: 0
div
clear: both
nav
float: left
width: 45%
margin-right: 1em
#user-edit
form
2016-08-27 18:19:42 +02:00
width: 100%
.avatar
#avatar-content
float: right
width: 65%
margin-top: .5em
#avatar-radio
float: left
width: 30%
&:after
content: ' '
display: block
height: 1px
clear: both
#user-tokens
.token-flex-container
width: 100%
display: flex;
flex-direction column;
padding-bottom: 0.5em;
.full-width
width: 100%
.token-flex-row
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0.2em;
.no-wrap
white-space: nowrap;
2016-08-27 18:19:42 +02:00
.token-input
min-height: 2em;
line-height: 2em;
text-align: center;
2016-08-27 18:19:42 +02:00
.token-flex-column
display: flex;
flex-direction: column;
.token-flex-labels
padding-right: 0.5em
hr
border-top: 3px solid $token-border-color
form
width: 100%;
#user-delete form
width: 100%