158 lines
3.3 KiB
Stylus
158 lines
3.3 KiB
Stylus
body
|
|
margin: 0
|
|
color: black
|
|
font-family: sans-serif
|
|
background-color: #82fff4;
|
|
background-image: linear-gradient(-45deg, #80d7ff 25%, transparent 25.5%, transparent 50%,
|
|
#80d7ff 50.5%, #80d7ff 75%, transparent 75.5%, transparent)
|
|
height: 100vh;
|
|
background-size: 50px 50px;
|
|
|
|
.logo
|
|
font-size: 8vw
|
|
font-family: "Open Sans"
|
|
font-weight: bold
|
|
text-transform: uppercase
|
|
text-align: center
|
|
text-shadow: 2px 2px 1px #007104
|
|
color: #00b300
|
|
letter-spacing: 5px
|
|
user-select: none
|
|
cursor: default
|
|
.part1, .part2
|
|
display: inline-block
|
|
.part1
|
|
color: #03A9F4
|
|
text-shadow: 2px 2px 1px #0059a0
|
|
margin-right: 5px
|
|
&.small
|
|
font-size: 30px
|
|
text-align: inherit
|
|
cursor: pointer
|
|
display: inline-block
|
|
|
|
.mobview
|
|
display: none !important
|
|
|
|
.navigator
|
|
padding: 0 50px
|
|
transition: background-color 0.1s linear
|
|
background-color: rgb(0, 219, 247)
|
|
z-index: 5
|
|
&.fix
|
|
top: 0
|
|
left: 0
|
|
right: 0
|
|
position: fixed
|
|
background-color: rgba(0, 219, 247, 0.67)
|
|
|
|
#navlogo
|
|
&.hidden
|
|
display: none
|
|
|
|
ul
|
|
padding: 0
|
|
margin: 0
|
|
display: inline-block
|
|
list-style-type: none
|
|
&.floating
|
|
float: right
|
|
|
|
li
|
|
font-size: 30px
|
|
display: inline-block
|
|
height: 68px
|
|
line-height: 2.2
|
|
a
|
|
text-decoration: none
|
|
padding: 20px
|
|
color: #007cde
|
|
font-weight: bold
|
|
text-transform: uppercase
|
|
font-size: 25px
|
|
transition: background-color 0.1s linear
|
|
&:hover
|
|
background-color: rgba(255, 255, 255, 0.25)
|
|
|
|
section
|
|
font-family: "Open Sans"
|
|
position: relative
|
|
height: 100vh
|
|
.content
|
|
position: absolute
|
|
left: 0
|
|
right: 0
|
|
top: 0
|
|
bottom: 40%
|
|
background-color: #ffffff
|
|
padding: 40px
|
|
|
|
footer
|
|
padding: 20px
|
|
background-color: #fff
|
|
.copyright
|
|
display: block
|
|
text-align: center
|
|
.wrapper
|
|
overflow: hidden
|
|
height: 100vh
|
|
|
|
label
|
|
display: block
|
|
margin-top: 20px
|
|
|
|
input:not([type="submit"])
|
|
padding: 5px
|
|
font-size: 120%
|
|
border-radius: 5px
|
|
border: 1px solid #c1c1c1
|
|
background-color: #f5f5f5
|
|
box-shadow: inset 2px 2px 5px #ddd
|
|
|
|
input[type="submit"]
|
|
display: block
|
|
padding: 5px 10px
|
|
background-color: #fbfbfb
|
|
border: 1px solid #c1c1c1
|
|
border-radius: 5px
|
|
font-size: 120%
|
|
margin: 10px 0
|
|
cursor: pointer
|
|
|
|
.boxcont
|
|
.box
|
|
.left, .right
|
|
display: inline-block
|
|
width: 50%
|
|
.right
|
|
float: right
|
|
width: 46%
|
|
&#login
|
|
max-width: 700px
|
|
padding: 20px
|
|
margin: auto
|
|
margin-top: 5%
|
|
background-color: #fff
|
|
box-shadow: 5px 5px 15px #868686
|
|
border: 1px solid #ddd
|
|
h1, h2, h3
|
|
margin-top: 0
|
|
|
|
@media all and (max-width: 800px)
|
|
.navigator
|
|
padding: 0 10px
|
|
#navlogo
|
|
display: inline-block !important
|
|
.banner
|
|
display: none
|
|
.fullview
|
|
display: none !important
|
|
.mobview
|
|
display: inline-block !important
|
|
.logo
|
|
font-size: 10vw
|
|
|
|
@media all and (max-width: 500px)
|
|
.logo.small
|
|
font-size: 5vw
|