website/css/minecraft.css

261 lines
5.1 KiB
CSS
Raw Normal View History

2015-02-16 07:55:56 -05:00
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat-Regular'), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
2014-10-17 14:59:45 -04:00
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
2014-11-11 13:23:42 -05:00
src: local('Montserrat-Bold'), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
2014-10-17 14:59:45 -04:00
}
2015-02-16 07:55:56 -05:00
@font-face {
font-family: 'Merriweather Sans';
font-style: normal;
font-weight: 300;
src: local('Merriweather Sans Light'), local('MerriweatherSans-Light'), url(https://fonts.gstatic.com/s/merriweathersans/v5/6LmGj5dOJopQKEkt88Gowby3qP8l_EZEfCX16eKT4TP3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}
2015-02-15 19:08:17 -05:00
html, body {
2015-02-15 17:55:04 -05:00
width: 100%;
height: 100%;
2015-02-15 19:08:17 -05:00
margin: 0;
padding: 0;
}
body {
2015-02-16 07:55:56 -05:00
font-family: 'Merriweather Sans', sans-serif;
2015-02-15 17:55:04 -05:00
color: #fff;
background: #000;
webkit-tap-highlight-color: rgba(255,255,255,.2);
2015-02-15 21:31:26 -05:00
-webkit-animation: fadein 1.5s;
2015-02-15 21:42:12 -05:00
-moz-animation: fadein 1.5s rotate(0.01deg);
2015-02-15 21:31:26 -05:00
-ms-animation: fadein 1.5s;
-o-animation: fadein 1.5s;
animation: fadein 1.5s;
2015-02-15 21:39:03 -05:00
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
2015-02-15 21:49:27 -05:00
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
h2 {
2015-02-15 18:38:29 -05:00
margin: 0 0 15px;
2015-02-15 17:55:04 -05:00
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
letter-spacing: 1px;
text-align: center;
2015-02-16 08:26:24 -05:00
font-size: 21px;
2014-10-17 14:59:45 -04:00
}
p {
2015-02-15 17:55:04 -05:00
margin: 0 0 15px;
2015-02-15 18:38:29 -05:00
line-height: 1.5;
2015-02-15 17:55:04 -05:00
text-align: center;
2014-10-17 14:59:45 -04:00
}
2015-02-16 08:13:34 -05:00
a {
text-decoration: none;
color: #4a6f28;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
2014-10-17 14:59:45 -04:00
a:hover,
a:focus {
2015-02-16 08:13:34 -05:00
color: #5b8731;
2014-10-17 14:59:45 -04:00
}
2015-02-16 06:33:01 -05:00
#intro {
display: table;
width: 100%;
height: 100%;
color: #fff;
2015-02-16 06:58:33 -05:00
background-color: #5b8731;
background-image: linear-gradient(90deg, rgba(74,111,40,.3) 50%, transparent 50%),
linear-gradient(rgba(62,92,32,.2) 50%, transparent 50%);
2015-02-16 06:50:28 -05:00
background-size: 20px 20px;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
#intro-body {
2015-02-15 17:55:04 -05:00
display: table-cell;
vertical-align: middle;
text-align: center;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
#logo {
2015-02-15 18:32:23 -05:00
font-size: 35px;
2015-02-15 17:55:04 -05:00
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
letter-spacing: 1px;
text-align: center;
margin: 0;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
h1 {
2015-02-15 18:42:46 -05:00
font-size: 13px;
2015-02-15 17:55:04 -05:00
text-transform: uppercase;
2015-02-16 07:35:42 -05:00
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
2015-02-15 20:08:08 -05:00
font-weight: 400;
2015-02-15 20:21:34 -05:00
margin-top: 0;
margin-bottom: 16px;
2015-02-15 20:24:07 -05:00
line-height: 6px;
2014-10-17 14:59:45 -04:00
}
2015-02-16 09:22:59 -05:00
#circle {
2015-02-15 18:24:12 -05:00
display: inline-block;
2015-02-15 18:32:23 -05:00
width: 30px;
height: 30px;
line-height: 30px;
2015-02-15 18:24:12 -05:00
border: 1px solid #fff;
2015-02-15 18:08:17 -05:00
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
2015-02-15 19:13:04 -05:00
font-size: 15px;
2015-02-15 17:55:04 -05:00
color: #fff;
background: none;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
text-decoration: none;
2014-10-17 14:59:45 -04:00
}
2015-02-16 09:22:59 -05:00
#circle:hover,
#circle:focus {
2015-02-15 17:55:04 -05:00
outline: 0;
2015-02-15 18:08:17 -05:00
color: #fff;
2015-02-15 17:55:04 -05:00
background: rgba(255,255,255,.1);
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
#about {
2015-02-15 17:55:04 -05:00
width: 100%;
2015-02-16 06:43:26 -05:00
height: 100%;
2015-02-15 17:55:04 -05:00
color: #fff;
display: table;
background: #000;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
#about-body {
2015-02-15 17:55:04 -05:00
display: table-cell;
vertical-align: middle;
2015-02-15 18:41:06 -05:00
padding-left: 10px;
padding-right: 10px;
padding-top: 30px;
padding-bottom: 30px;
2015-02-15 18:42:46 -05:00
font-size: 13px;
2015-02-15 19:26:17 -05:00
text-align: center;
2014-10-17 14:59:45 -04:00
}
::-moz-selection {
2015-02-15 17:55:04 -05:00
background: #fcfcfc;
background: rgba(255,255,255,.2);
2014-10-17 14:59:45 -04:00
}
::selection {
2015-02-15 17:55:04 -05:00
background: #fcfcfc;
background: rgba(255,255,255,.2);
2014-10-17 14:59:45 -04:00
}
2015-02-16 05:53:21 -05:00
input {
2015-02-16 06:58:33 -05:00
border: 1px solid #4a6f28;
color: #4a6f28;
2015-02-15 17:55:04 -05:00
background: none;
padding: 7px;
2015-02-16 08:26:24 -05:00
width: 80px;
2015-02-16 07:55:56 -05:00
font-family: 'Merriweather Sans', sans-serif;
2015-02-15 18:44:20 -05:00
font-size: 13px;
2015-02-15 18:38:29 -05:00
margin: 15px 0 0 0;
2015-02-15 17:55:04 -05:00
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
2015-02-15 18:08:17 -05:00
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
2014-11-11 14:14:40 -05:00
}
2015-02-16 05:53:21 -05:00
input:hover,
input:focus {
2015-02-16 06:58:33 -05:00
border: 1px solid #4a6f28;
2015-02-15 17:55:04 -05:00
outline: 0;
color: #000;
2015-02-16 06:58:33 -05:00
background: #4a6f28;
2014-11-11 14:19:06 -05:00
}
2015-02-16 09:22:59 -05:00
#ip {
2015-02-16 06:58:33 -05:00
border: 1px solid #4a6f28;
2015-02-15 17:55:04 -05:00
color: #000;
2015-02-16 06:58:33 -05:00
background: #4a6f28;
2015-02-15 17:55:04 -05:00
padding: 7px;
2015-02-15 18:38:29 -05:00
margin: 15px 0 0 0;
2015-02-15 18:44:20 -05:00
font-size: 13px;
2015-02-15 17:55:04 -05:00
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
2014-11-11 15:23:26 -05:00
}
2015-02-16 07:14:33 -05:00
@media(min-width:767px){
h2{
margin:0 0 25px;
2015-02-16 08:26:24 -05:00
font-size:33px;
2015-02-15 18:38:29 -05:00
}
2015-02-16 07:14:33 -05:00
p{
margin:0 0 20px;
line-height:1.5;
2014-11-14 16:37:00 -05:00
}
2015-02-16 07:14:33 -05:00
#intro{
2015-02-16 06:43:26 -05:00
background-size:30px 30px;
}
2015-02-16 07:14:33 -05:00
#about-body{
padding-left:90px;
padding-right:90px;
padding-top:40px;
padding-bottom:40px;
2015-02-16 07:55:56 -05:00
font-size:18px;
2015-02-16 07:14:33 -05:00
}
input{
2015-02-16 07:55:56 -05:00
font-size:18px;
2015-02-16 07:14:33 -05:00
margin:25px 0 0 0;
2015-02-16 08:26:24 -05:00
width:113px;
2015-02-16 07:14:33 -05:00
}
2015-02-16 09:22:59 -05:00
#ip{
2015-02-16 07:55:56 -05:00
font-size:18px;
2015-02-16 07:14:33 -05:00
margin:25px 0 0 0;
}
2015-02-16 09:22:59 -05:00
#circle{
2015-02-16 07:14:33 -05:00
font-size:29px;
width:60px;
height:60px;
line-height:60px;
border:2px solid #fff;
}
#logo{
font-size:100px;
}
h1{
font-size:25px;
margin-bottom:45px;
2014-11-14 16:37:00 -05:00
}
2015-02-15 17:31:44 -05:00
}
2015-02-16 06:50:28 -05:00
@keyframes fadein{
from{opacity:0;}
to{opacity:1;}
2015-02-15 20:49:53 -05:00
}
2015-02-16 06:50:28 -05:00
@-moz-keyframes fadein{
from{opacity:0;}
to{opacity:1;}
2015-02-15 20:49:53 -05:00
}
2015-02-16 06:50:28 -05:00
@-webkit-keyframes fadein{
from{opacity:0;}
to{opacity:1;}
2015-02-15 20:49:53 -05:00
}
2015-02-16 06:50:28 -05:00
@-ms-keyframes fadein{
from{opacity:0;}
to{opacity:1;}
2015-02-15 20:49:53 -05:00
}