mirror of
https://github.com/kaboomserver/website.git
synced 2024-12-22 15:55:04 +00:00
Update index.html
This commit is contained in:
mathias
parent
5c95c9789e
commit
f035f4fe10
1 changed files with 45 additions and 38 deletions
83
index.html
83
index.html
|
|
@ -4,8 +4,10 @@
|
|||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Flame.ga provides you a fun and interesting experience in Minecraft. On this server, you can do whatever you want, without any consequenses; grief, troll, use hacks - you name it.">
|
||||
<meta property="twitter:title" content="Flame.ga » Free OP Server" />
|
||||
<title>Flame.ga » Free OP Server</title>
|
||||
<style type="text/css">
|
||||
/* Fonts */
|
||||
@font-face {
|
||||
font-family: 'montserratlight';
|
||||
src: url('fonts/montserrat-light.eot');
|
||||
|
|
@ -58,6 +60,7 @@
|
|||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* FadeIn Animation */
|
||||
@-webkit-keyframes fadein {
|
||||
from {
|
||||
opacity:0;
|
||||
|
|
@ -90,6 +93,7 @@
|
|||
opacity:1;
|
||||
}
|
||||
}
|
||||
/* Main */
|
||||
html, body, div, span, h1, h2, p, a, s, small, strike, strong, sub, b, u, i, ul, li, form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
@ -104,12 +108,10 @@
|
|||
}
|
||||
body {
|
||||
font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
background: #000;
|
||||
-webkit-tap-highlight-color: rgba(255,255,255,.2);
|
||||
-moz-animation: fadein 1s;
|
||||
-webkit-animation: fadein 1s;
|
||||
animation: fadein 1s;
|
||||
line-height: 1;
|
||||
}
|
||||
::-moz-selection {
|
||||
|
|
@ -134,15 +136,6 @@
|
|||
:-ms-input-placeholder {
|
||||
color: rgba(0,0,0,.6);
|
||||
}
|
||||
h1, h2, p, #box, #logo, #about span {
|
||||
cursor: default;
|
||||
}
|
||||
input:focus, textarea:focus, button:hover, button:focus, #intro a:hover, #intro a:focus {
|
||||
outline: 0;
|
||||
}
|
||||
#facebook:before, h2:before, #intro i, #intro a:before, #twitter:before {
|
||||
font-family: 'icons';
|
||||
}
|
||||
h1, h2 {
|
||||
text-transform: uppercase;
|
||||
font-style: normal;
|
||||
|
|
@ -167,6 +160,16 @@
|
|||
a:hover, a:focus {
|
||||
color: rgba(255,255,255,.2);
|
||||
}
|
||||
/* Combined Rules */
|
||||
h1, h2, p, #box, #logo, #about span {
|
||||
cursor: default;
|
||||
}
|
||||
input:focus, textarea:focus, button:hover, button:focus, #intro a:hover, #intro a:focus {
|
||||
outline: 0;
|
||||
}
|
||||
#facebook:before, h2:before, #intro i, #intro a:before, #twitter:before {
|
||||
font-family: 'icons';
|
||||
}
|
||||
#intro a:first-of-type:before, #about h2:before {
|
||||
content: "\2139";
|
||||
}
|
||||
|
|
@ -182,13 +185,23 @@
|
|||
color: #fff;
|
||||
display: table;
|
||||
}
|
||||
#about, #contact {
|
||||
background: #000;
|
||||
}
|
||||
#intro-body, #about-body, #news-body, #contact-body {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
-moz-animation: fadein 1s;
|
||||
-webkit-animation: fadein 1s;
|
||||
animation: fadein 1s;
|
||||
}
|
||||
/* Intro */
|
||||
#intro {
|
||||
background: #aa0000;
|
||||
}
|
||||
#intro-body {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
padding: 30px 0 30px 0;
|
||||
}
|
||||
#intro i:before {
|
||||
|
|
@ -223,32 +236,10 @@
|
|||
border-left: 1px solid #aa0000;
|
||||
padding: 8px 20px 6px 14px;
|
||||
}
|
||||
#about, #contact {
|
||||
background: #000;
|
||||
}
|
||||
#news {
|
||||
background: #0b0b0b;
|
||||
}
|
||||
#about-body, #news-body, #contact-body {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
/* About */
|
||||
#about-body {
|
||||
padding: 40px 90px 40px 90px;
|
||||
}
|
||||
#news-body {
|
||||
padding: 40px 150px 40px 150px;
|
||||
}
|
||||
#contact-body {
|
||||
padding: 40px 230px 40px 230px;
|
||||
}
|
||||
#about p {
|
||||
text-align: center;
|
||||
margin: 0 0 40px 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
#about h2:before, #contact h2:before, #news h2:before {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
|
|
@ -257,6 +248,11 @@
|
|||
#about h2:before {
|
||||
font-size: 29px;
|
||||
}
|
||||
#about p {
|
||||
text-align: center;
|
||||
margin: 0 0 40px 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
#about span {
|
||||
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
color: #000;
|
||||
|
|
@ -270,6 +266,13 @@
|
|||
padding: 6px 10px 7px 9px;
|
||||
border-radius: 0px 5px 5px 0px;
|
||||
}
|
||||
/* News */
|
||||
#news {
|
||||
background: #0b0b0b;
|
||||
}
|
||||
#news-body {
|
||||
padding: 40px 150px 40px 150px;
|
||||
}
|
||||
#box {
|
||||
height: 60%;
|
||||
overflow: scroll;
|
||||
|
|
@ -320,6 +323,10 @@
|
|||
#twitter:hover:before {
|
||||
background: rgba(0,132,180,1);
|
||||
}
|
||||
/* Contact */
|
||||
#contact-body {
|
||||
padding: 40px 230px 40px 230px;
|
||||
}
|
||||
input, textarea {
|
||||
font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 16px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue