This repository has been archived on 2022-11-26. You can view files and clone it, but cannot push or open issues or pull requests.
IcyNet.eu/src/style/main.styl

158 lines
3.3 KiB
Stylus
Raw Normal View History

2017-08-02 21:24:01 +00:00
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