diff --git a/index.html b/index.html index 99117c6..b4a6554 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,7 @@ to { opacity: 1; } } /* Main */ - html, body, div, span, h1, h2, p, a, s, small, strike, strong, sub, b, u, i, ul, li, form { + html, body, div, span, h1, h2, p, a, s, small, strike, strong, sub, b, u, i, ul, li { margin: 0; padding: 0; border: 0; @@ -73,24 +73,6 @@ background: #7b7b7b; background: rgba(255,255,255,.04); } - ::-webkit-input-placeholder { - color: rgba(0,0,0,.6); - } - :-moz-placeholder { - color: rgba(0,0,0,.6); - opacity: 1; - } - ::-moz-placeholder { - color: rgba(0,0,0,.6); - opacity: 1; - } - :-ms-input-placeholder { - color: rgba(0,0,0,.6); - } - button::-moz-focus-inner { - border: 0; - padding: 0; - } h1, h2 { text-transform: uppercase; font-style: normal; @@ -141,22 +123,19 @@ #newsbutton:before, #news h2:before { content: "\1F56B"; } - #contactbutton:before, #contact h2:before { - content: "\2709"; - } #downloadsbutton:before, #downloads h2:before { content: "\2193"; } - #intro, #about, #news, #contact { + #intro, #about, #news { width: 100%; height: 100%; color: #fff; display: table; } - #about, #contact { + #about { background: #000; } - #introcontainer, #aboutcontainer, #newscontainer, #contactcontainer, #downloadscontainer { + #introcontainer, #aboutcontainer, #newscontainer, #downloadscontainer { display: table-cell; vertical-align: middle; font-size: 1.000em; @@ -199,9 +178,6 @@ padding: 0.438em 0.875em 0.313em 0.875em; border-right: 1px solid #aa0000; } - #contactbutton { - padding: 0.438em 0.938em 0.313em 0.813em; - } #downloadsbutton { border-radius: 0 1.313em 1.313em 0; border-left: 1px solid #aa0000; @@ -222,6 +198,7 @@ display: inline-block; } #ip { + border: #fff solid 1px; border-radius: 0.313em; } #ip span { @@ -291,41 +268,6 @@ #twitter:hover:before { background: rgba(0,132,180,1); } - /* Contact */ - #contactcontainer { - padding: 2.000em 14.375em 2.000em 14.375em; - } - input, textarea { - font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif; - font-size: 1.000em; - border: 0; - color: #000; - background: #fff; - padding: 0.563em 0.688em 0.563em 0.688em; - border-radius: 0.250em; - display: block; - width: 100%; - box-sizing: border-box; - resize: none; - } - input { - margin: 0 0 1.500em 0; - } - button, #downloads a { - font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif; - font-size: 1.000em; - text-transform: uppercase; - color: #fff; - background: none; - border: #fff solid 1px; - padding: 0.500em 0.625em 0.500em 0.688em; - margin: 1.625em 0 0 0; - border-radius: 0.313em; - cursor: pointer; - } - button:hover, button:focus, #downloads a:hover, #downloads a:focus { - background: rgba(255,255,255,.05); - } /* Downloads */ #downloads { width: 100%; @@ -336,13 +278,22 @@ } #downloads a { display: inline-block; + font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 1.000em; + text-transform: uppercase; + color: #fff; + border: #fff solid 1px; padding: 0.625em 0.688em 0.625em 0.688em; margin: 1.875em 0 0 0; + border-radius: 0.313em; + } + #downloads a:hover, #downloads a:focus { + background: rgba(255,255,255,.05); } /* Responsive Design */ @media (min-width: 0px) { html { font-size: 76%; } - #aboutcontainer, #newscontainer, #contactcontainer, #downloadscontainer { padding-right: 3%; padding-left: 3%; } + #aboutcontainer, #newscontainer, #downloadscontainer { padding-right: 3%; padding-left: 3%; } } @media (min-width: 100px) { html { font-size: 78%; } @@ -353,41 +304,34 @@ @media (min-width: 300px) { html { font-size: 82%; } #newscontainer { padding: 2.000em 4% 2.000em 4%; } - #contactcontainer { padding: 2.000em 4% 2.000em 4%; } } @media (min-width: 400px) { html { font-size: 84%; } #newscontainer { padding: 2.000em 5% 2.000em 5%; } - #contactcontainer { padding: 2.000em 6% 2.000em 6%; } } @media (min-width: 500px) { html { font-size: 86%; } #newscontainer { padding: 2.000em 6% 2.000em 6%; } - #contactcontainer { padding: 2.000em 8% 2.000em 8%; } } @media (min-width: 600px) { html { font-size: 88%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 4% 2.000em 4%; } #newscontainer { padding: 2.000em 7% 2.000em 7%; } - #contactcontainer { padding: 2.000em 10% 2.000em 10%; } } @media (min-width: 700px) { html { font-size: 90%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 5% 2.000em 5%; } #newscontainer { padding: 2.000em 8% 2.000em 8%; } - #contactcontainer { padding: 2.000em 12% 2.000em 12%; } } @media (min-width: 800px) { html { font-size: 92%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 6% 2.000em 6%; } #newscontainer { padding: 2.000em 9% 2.000em 9%; } - #contactcontainer { padding: 2.000em 14% 2.000em 14%; } } @media (min-width: 900px) { html { font-size: 94%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 7% 2.000em 7%; } #newscontainer { padding: 2.000em 10% 2.000em 10%; } - #contactcontainer { padding: 2.000em 16% 2.000em 16%; } } @media (min-width: 1000px) { html { font-size: 96%; } @@ -399,85 +343,71 @@ html { font-size: 98%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 9% 2.000em 9%; } #newscontainer { padding: 2.000em 12% 2.000em 12%; } - #contactcontainer { padding: 2.000em 20% 2.000em 20%; } } @media (min-width: 1200px) { html { font-size: 100%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 10% 2.000em 10%; } #newscontainer { padding: 2.000em 13% 2.000em 13%; } - #contactcontainer { padding: 2.000em 22% 2.000em 22%; } } @media (min-width: 1300px) { html { font-size: 102%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 11% 2.000em 11%; } #newscontainer { padding: 2.000em 14% 2.000em 14%; } - #contactcontainer { padding: 2.000em 24% 2.000em 24%; } } @media (min-width: 1400px) { html { font-size: 104%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 12% 2.000em 12%; } #newscontainer { padding: 2.000em 15% 2.000em 15%; } - #contactcontainer { padding: 2.000em 26% 2.000em 26%; } } @media (min-width: 1500px) { html { font-size: 106%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 13% 2.000em 13%; } #newscontainer { padding: 2.000em 16% 2.000em 16%; } - #contactcontainer { padding: 2.000em 28% 2.000em 28%; } } @media (min-width: 1600px) { html { font-size: 108%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 14% 2.000em 14%; } #newscontainer { padding: 2.000em 17% 2.000em 17%; } - #contactcontainer { padding: 2.000em 29% 2.000em 29%; } } @media (min-width: 1700px) { html { font-size: 110%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 15% 2.000em 15%; } #newscontainer { padding-right: padding: 2.000em 18% 2.000em 18%; } - #contactcontainer { padding: 2.000em 30% 2.000em 30%; } } @media (min-width: 1800px) { html { font-size: 112%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 16% 2.000em 16%; } #newscontainer { padding: 2.000em 19% 2.000em 19%; } - #contactcontainer { padding: 2.000em 31% 2.000em 31%; } } @media (min-width: 1900px) { html { font-size: 114%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 17% 2.000em 17%; } #newscontainer { padding: 2.000em 20% 2.000em 20%; } - #contactcontainer { padding: 2.000em 32% 2.000em 32%; } } @media (min-width: 2000px) { html { font-size: 116%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 18% 2.000em 18%; } #newscontainer { padding: 2.000em 21% 2.000em 21%; } - #contactcontainer { padding: 2.000em 33% 2.000em 33%; } } @media (min-width: 2100px) { html { font-size: 118%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 19% 2.000em 19%; } #newscontainer { padding: 2.000em 22% 2.000em 22%; } - #contactcontainer { padding: 2.000em 34% 2.000em 34%; } } @media (min-width: 2200px) { html { font-size: 120%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 20% 2.000em 20%; } #newscontainer { padding: 2.000em 23% 2.000em 23%; } - #contactcontainer { padding: 2.000em 36% 2.000em 36%; } } @media (min-width: 2300px) { html { font-size: 122%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 21% 2.000em 21%; } #newscontainer { padding: 2.000em 24% 2.000em 24%; } - #contactcontainer { padding: 2.000em 37% 2.000em 37%; } } @media (min-width: 2400px) { html { font-size: 124%; } #aboutcontainer, #downloadscontainer { padding: 2.000em 22% 2.000em 22%; } #newscontainer { padding: 2.000em 25% 2.000em 25%; } - #contactcontainer { padding: 2.000em 38% 2.000em 38%; } } @@ -487,13 +417,13 @@

Flame.ga

Free OP Server in Minecraft

- +

About

-

Flame.ga provides you a powerful experience in Minecraft. On this server, you can do whatever you want. You get access to a large amount of free OP (operator) commands to use whenever you like, as well as a few server plugins, such as WorldEdit and DisguiseCraft. To give you a fresh and lag-free experience, the server will reset once every day.

+

Flame.ga provides you a powerful experience in Minecraft. On this server, you can do whatever you want, without any consequenses; grief, troll, use hacks - you name it. You get access to a large amount of free OP (operator) commands to use whenever you like, as well as a few server plugins, such as WorldEdit and DisguiseCraft. To give you a fresh and lag-free experience, the server will reset once every day.

IP for 1.8flame.ga
@@ -579,17 +509,6 @@ -
-
-

Contact

-
- - - - -
-
-

Downloads