Website/scss/staff.scss
2017-05-13 12:30:53 +03:00

77 lines
No EOL
1.2 KiB
SCSS

@import 'mixins';
#note a,
a {
color: #c8c8c8
}
#note,
.admins,
.page-title,
.rank {
text-align: center
}
.brand-logo,
h2 {
font-family: 'Raleway', sans-serif;
}
* {
margin: 0;
padding: 0
}
body {
margin-bottom: 50px;
background: url(../images/staff-bg.png) center fixed #222;
color: #ccc
}
.admins {
width: 85%;
margin: 0 auto;
background: rgba(100, 100, 100, .1);
padding: 15px;
border-radius: 10px;
li {
display: inline-block;
padding: 10px;
background: rgba(100, 100, 100, .2);
margin: 5px;
border-radius: 5px;
@include transition(all .13s ease-in-out);
&:hover {
background: rgba(100, 100, 100, .4);
}
}
}
h2 {
font-size: 1.5em
}
#note {
h5 {
margin-bottom: -15px
}
a {
font-weight: 700
}
}
.page-title {
font-size: 3.8em;
font-weight: 300
}
.brand-logo {
font-size: 2em;
font-weight: 200
}
.typed-cursor {
display: none;
}
@media only screen and (max-width: 768px) {
.admins {
width: 95%
}
.admins li {
display: block;
border-radius: 0
}
}