75 lines
1.3 KiB
Sass
75 lines
1.3 KiB
Sass
|
html, body
|
||
|
|
background-color: #000
|
||
|
|
color: #eee
|
||
|
|
margin: 0px
|
||
|
|
padding: 0px
|
||
|
|
position: fixed
|
||
|
|
overflow: hidden
|
||
|
|
top: 0
|
||
|
|
bottom: 0
|
||
|
|
left: 0
|
||
|
|
right: 0
|
||
|
|
|
||
|
|
.dialog
|
||
|
|
display: none
|
||
|
|
align-items: center
|
||
|
|
justify-content: center
|
||
|
|
font-family: sans-serif
|
||
|
|
font-size: 170%
|
||
|
|
position: absolute
|
||
|
|
width: 100%
|
||
|
|
height: 100%
|
||
|
|
background: rgba(255, 255, 255, 0.2)
|
||
|
|
-webkit-user-select: none
|
||
|
|
-moz-user-select: none
|
||
|
|
user-select: none
|
||
|
|
&.visible
|
||
|
|
display: flex
|
||
|
|
.wrap
|
||
|
|
padding: 30px 60px
|
||
|
|
margin: 20px auto
|
||
|
|
width: 60%
|
||
|
|
background: rgba(0, 0, 0, 0.8)
|
||
|
|
border-radius: 5px
|
||
|
|
h1
|
||
|
|
margin: 0
|
||
|
|
|
||
|
|
a
|
||
|
|
color: skyblue
|
||
|
|
&:visited
|
||
|
|
color: skyblue
|
||
|
|
|
||
|
|
#title
|
||
|
|
-webkit-user-select: none
|
||
|
|
-moz-user-select: none
|
||
|
|
user-select: none
|
||
|
|
position: absolute
|
||
|
|
top: 10%
|
||
|
|
width: 100%
|
||
|
|
font-size: 3em
|
||
|
|
font-family: 'Dosis'
|
||
|
|
opacity: 1
|
||
|
|
-webkit-transition: all 0.3s ease-in-out
|
||
|
|
-moz-transition: all 0.3s ease-in-out
|
||
|
|
transition: all 0.3s ease-in-out
|
||
|
|
margin: 0 0.5rem
|
||
|
|
&.hidden
|
||
|
|
opacity: 0
|
||
|
|
|
||
|
|
#watermark img
|
||
|
|
position: fixed
|
||
|
|
overflow: hidden
|
||
|
|
left: 0
|
||
|
|
bottom: 0
|
||
|
|
opacity: 0.3
|
||
|
|
width: 24px
|
||
|
|
height: 24px
|
||
|
|
padding: 12px
|
||
|
|
&:hover
|
||
|
|
opacity: 1
|
||
|
|
-webkit-filter: drop-shadow(white 0 0 5px)
|
||
|
|
|
||
|
|
canvas
|
||
|
|
cursor: -webkit-grab
|
||
|
|
&:active
|
||
|
|
cursor: -webkit-grabbing
|