2016-09-22 15:41:37 +00:00
|
|
|
// Run `stylus -w main.styl -o css` to compile
|
|
|
|
|
|
|
|
|
|
body
|
|
|
|
|
margin: 0
|
|
|
|
|
padding: 0
|
|
|
|
|
font-family: Open Sans, Everson Mono, Helvetica
|
2016-09-22 17:15:40 +00:00
|
|
|
|
|
|
|
|
.grade1
|
|
|
|
|
font-size: 200%
|
|
|
|
|
margin-bottom: 0
|
|
|
|
|
margin-top: 0
|
|
|
|
|
display: block
|
|
|
|
|
color: #00BCD4
|
|
|
|
|
text-align: center
|
|
|
|
|
|
|
|
|
|
.grade2
|
|
|
|
|
font-size: 150%
|
|
|
|
|
margin-bottom: 0
|
|
|
|
|
margin-top: 20px
|
|
|
|
|
display: block
|
|
|
|
|
color: #00BCD4
|
|
|
|
|
text-align: center
|
|
|
|
|
|
|
|
|
|
.grade3
|
|
|
|
|
font-size: 120%
|
|
|
|
|
margin-bottom: 0
|
|
|
|
|
margin-top: 20px
|
|
|
|
|
display: block
|
|
|
|
|
color: #00BCD4
|
|
|
|
|
text-align: center
|
|
|
|
|
|
|
|
|
|
.ircclient
|
|
|
|
|
position: absolute
|
|
|
|
|
width: 100%
|
|
|
|
|
height: 100%
|
|
|
|
|
background: rgb(255,255,255)
|
|
|
|
|
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%)
|
|
|
|
|
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%)
|
|
|
|
|
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%)
|
|
|
|
|
.coverwindow
|
|
|
|
|
position: absolute
|
|
|
|
|
width: 100%
|
|
|
|
|
height: 100%
|
|
|
|
|
.wrapper
|
|
|
|
|
width: 320px
|
|
|
|
|
margin: auto
|
|
|
|
|
margin-top: 5%
|
|
|
|
|
padding: 15px
|
|
|
|
|
background-color: #f7f7f7;
|
|
|
|
|
border: 1px solid #dadada;
|
|
|
|
|
box-shadow: 4px 4px 18px #d6d6d6;
|
|
|
|
|
.msg.error
|
|
|
|
|
color: red;
|
|
|
|
|
label
|
|
|
|
|
display: block
|
|
|
|
|
font-size: 80%
|
|
|
|
|
margin-top: 5px
|
|
|
|
|
color: #2196F3
|
|
|
|
|
input[type=text], input[type=number]
|
|
|
|
|
padding: 8px;
|
|
|
|
|
width: 300px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
border: 1px solid #d2d2d2;
|
|
|
|
|
box-shadow: inset 2px 2px 4px #dcdcdc;
|
|
|
|
|
input[type="submit"]
|
|
|
|
|
width: 318px;
|
|
|
|
|
padding: 12px;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
display: block;
|
|
|
|
|
background: rgb(135,224,253);
|
|
|
|
|
background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%);
|
|
|
|
|
background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%);
|
|
|
|
|
background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%);
|
|
|
|
|
border: 1px solid #2196F3;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 120%;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
cursor: pointer
|
|
|
|
|
&:hover
|
|
|
|
|
background: rgb(196,239,252);
|
|
|
|
|
background: -moz-linear-gradient(top, rgba(196,239,252,1) 0%, rgba(127,213,239,1) 40%, rgba(57,183,221,1) 100%);
|
|
|
|
|
background: -webkit-linear-gradient(top, rgba(196,239,252,1) 0%,rgba(127,213,239,1) 40%,rgba(57,183,221,1) 100%);
|
|
|
|
|
background: linear-gradient(to bottom, rgba(196,239,252,1) 0%,rgba(127,213,239,1) 40%,rgba(57,183,221,1) 100%);
|
