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.
teemant-old/public/main.styl

86 lines
2.9 KiB
Stylus
Raw Normal View History

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%);