mirror of
https://github.com/TotalFreedomMC/Website.git
synced 2024-12-23 00:35:17 +00:00
106 lines
2 KiB
SCSS
106 lines
2 KiB
SCSS
|
/*
|
||
|
|
||
|
Copyright 2017 Aggelos Sarris and contributors
|
||
|
|
||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
you may not use this file except in compliance with the License.
|
||
|
You may obtain a copy of the License at
|
||
|
|
||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
||
|
Unless required by applicable law or agreed to in writing, software
|
||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
See the License for the specific language governing permissions and
|
||
|
limitations under the License.
|
||
|
|
||
|
*/
|
||
|
|
||
|
@import 'mixins';
|
||
|
|
||
|
#note a,
|
||
|
a {
|
||
|
color: #c8c8c8
|
||
|
}
|
||
|
#note,
|
||
|
.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/emailappeal-bg.png) center fixed #222;
|
||
|
color: #ccc
|
||
|
}
|
||
|
.section {
|
||
|
width: 85%;
|
||
|
margin: 0 auto;
|
||
|
background: rgba(100, 100, 100, .1);
|
||
|
padding: 15px;
|
||
|
border-radius: 10px;
|
||
|
li {
|
||
|
display: inline-block;
|
||
|
font-family: 'Catamaran';
|
||
|
font-weight: 400;
|
||
|
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;
|
||
|
margin-top: 0px;
|
||
|
}
|
||
|
.typed-cursor {
|
||
|
display: none;
|
||
|
}
|
||
|
@media only screen and (max-width: 991px) {
|
||
|
.section {
|
||
|
width: 95%
|
||
|
}
|
||
|
.section li {
|
||
|
display: block;
|
||
|
border-radius: 0;
|
||
|
font-size: 1.2em;
|
||
|
}
|
||
|
nav .brand-logo {
|
||
|
font-size: 2.1em;
|
||
|
margin-top: 13.5px;
|
||
|
}
|
||
|
nav .nav-wrapper li > a {
|
||
|
font-weight: 500;
|
||
|
font-size: 1em;
|
||
|
}
|
||
|
}
|