78 lines
1.7 KiB
Stylus
78 lines
1.7 KiB
Stylus
body
|
|
background-color: #fff
|
|
font-family: "Open Sans", Helvetica
|
|
margin: 0
|
|
padding: 0
|
|
|
|
.unibar
|
|
padding: 20px
|
|
border-bottom: 1px solid #ddd
|
|
box-shadow: 2px 2px 5px #9c9c9c
|
|
.logo
|
|
font-size: 200%
|
|
.userdata
|
|
display: inline-block
|
|
float: right
|
|
padding: 12px
|
|
|
|
.wrapper
|
|
min-height: 100vh
|
|
|
|
.show-promo
|
|
display: inline-block
|
|
width: 200px
|
|
text-align: center
|
|
margin: 5px
|
|
vertical-align: text-top
|
|
.artwork
|
|
max-width: 180px
|
|
max-height: 260px
|
|
|
|
.blocklayout
|
|
.block
|
|
margin: 15px
|
|
box-shadow: 2px 2px 5px #9c9c9c
|
|
h1
|
|
background-color: #f5f5f5
|
|
border: 2px solid #d0d0d0
|
|
border-bottom: 0
|
|
padding: 8px
|
|
margin: 0
|
|
word-wrap: break-word
|
|
.content
|
|
overflow: hidden
|
|
border: 2px solid #d0d0d0
|
|
padding: 10px
|
|
&.columns
|
|
position: relative
|
|
overflow: hidden
|
|
.column
|
|
&.primary
|
|
width: 80%
|
|
&.smaller
|
|
width: 20%
|
|
float: right
|
|
|
|
@media all and (max-width: 800px)
|
|
.logo
|
|
font-size: 5vw !important
|
|
.blocklayout
|
|
&.columns
|
|
.column
|
|
position: initial
|
|
display: block
|
|
&.primary
|
|
width: initial
|
|
&.smaller
|
|
display: none
|
|
.block
|
|
margin: 0
|
|
margin-bottom: 10px
|
|
border: none
|
|
box-shadow: none
|
|
.content, h1
|
|
border: none
|
|
.show-promo
|
|
display: block
|
|
margin: 5px auto
|