Changing logo

This commit is contained in:
mathias 2015-02-17 21:06:50 +02:00
parent 317681a13d
commit 03dd2519a5

View file

@ -95,12 +95,14 @@ h2 {
letter-spacing: 1px; letter-spacing: 1px;
text-align: center; text-align: center;
font-size: 19px; font-size: 19px;
cursor: default;
} }
p { p {
margin: 0 0 15px; margin: 0 0 15px;
line-height: 1.5; line-height: 1.5;
text-align: center; text-align: center;
cursor: default;
} }
a { a {
@ -158,6 +160,7 @@ linear-gradient(rgba(62,92,32,.2) 50%, transparent 50%);
text-align: center; text-align: center;
margin: 0; margin: 0;
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.11); text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.11);
cursor: default;
} }
h1 { h1 {
@ -169,18 +172,19 @@ h1 {
margin-bottom: 16px; margin-bottom: 16px;
line-height: 6px; line-height: 6px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
cursor: default;
} }
#circle { #circle {
display: inline-block; display: inline-block;
width: 35px; width: 35px;
height: 35px; height: 35px;
line-height: 35px; line-height: 38px;
border: 1px solid #fff; border: 1px solid #fff;
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
font-size: 18px; font-size: 17px;
color: #fff; color: #fff;
background: none; background: none;
-webkit-transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out;
@ -202,7 +206,7 @@ h1 {
#circle span:before { #circle span:before {
font-family: 'icon'; font-family: 'icon';
content: '\f103' content: '\e603'
} }
#about { #about {
@ -232,7 +236,7 @@ input {
width: 78px; width: 78px;
font-family: 'Merriweather Sans', sans-serif; font-family: 'Merriweather Sans', sans-serif;
font-size: 12px; font-size: 12px;
margin: 15px 0 0 0; margin: 10px 0 0 0;
-moz-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px;
@ -253,11 +257,28 @@ input:focus {
color: #000; color: #000;
background: #4a6f28; background: #4a6f28;
padding: 7px; padding: 7px;
margin: 15px 0 0 0; margin: 10px 0 0 0;
font-size: 12px; font-size: 12px;
-moz-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;
cursor: default;
}
#facebook:before {
font-family: 'icon';
content: '\e601';
font-size: 40px;
color: #fff;
margin-right: 10px;
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.11);
}
#twitter:before {
font-family: 'icon';
content: '\e602';
font-size: 40px;
color: #fff;
margin-left: 10px;
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.11);
} }
@media (min-width:767px){ @media (min-width:767px){
h2{ h2{
@ -285,18 +306,18 @@ font-size:16px;
} }
input{ input{
font-size:16px; font-size:16px;
margin:25px 0 0 0; margin:18px 0 0 0;
width:102px; width:102px;
} }
#ip{ #ip{
font-size:16px; font-size:16px;
margin:25px 0 0 0; margin:18px 0 0 0;
} }
#circle{ #circle{
font-size:25px; font-size:25px;
width:50px; width:50px;
height:50px; height:50px;
line-height:50px; line-height:53px;
border:1px solid #fff; border:1px solid #fff;
} }
#logo{ #logo{
@ -315,7 +336,9 @@ margin-bottom:30px;
<p id="icon"></p> <p id="icon"></p>
<p id="logo">Minecraft.ga</p> <p id="logo">Minecraft.ga</p>
<h1>All-OP Server in Minecraft</h1> <h1>All-OP Server in Minecraft</h1>
<a href="https://www.facebook.com/pages/Minecraftga-All-OP-Server/1612858588948131" id="facebook"></a>
<a href="#about" id="circle"><span></span></a> <a href="#about" id="circle"><span></span></a>
<a href="#" id="twitter"></a>
</div> </div>
</div> </div>
<div id="about"> <div id="about">
@ -323,7 +346,7 @@ margin-bottom:30px;
<h2>About Minecraft.ga</h2> <h2>About Minecraft.ga</h2>
<p>Minecraft.ga provides you a unique and interesting experience in Minecraft. This server allows you to do whatever you want; griefing, acting like a staff member, building - you name it. A large set of operator (OP) commands is granted for you to use whenever you like, as well as a few server plugins, such as WorldEdit. With no rules, this is the perfect place to do what you may not be allowed to do elsewhere.</p> <p>Minecraft.ga provides you a unique and interesting experience in Minecraft. This server allows you to do whatever you want; griefing, acting like a staff member, building - you name it. A large set of operator (OP) commands is granted for you to use whenever you like, as well as a few server plugins, such as WorldEdit. With no rules, this is the perfect place to do what you may not be allowed to do elsewhere.</p>
<p>Minecraft.ga uses an auto restart function, which assures the server will always stay up for you to play on. To give you a fresh and lag-free experience, the world will also reset automatically every Sunday. If you need to reach us, please send a mail to <a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#104;&#101;&#108;&#108;&#111;&#64;&#109;&#105;&#110;&#101;&#99;&#114;&#97;&#102;&#116;&#46;&#103;&#97;">&#104;&#101;&#108;&#108;&#111;&#64;&#109;&#105;&#110;&#101;&#99;&#114;&#97;&#102;&#116;&#46;&#103;&#97;</a>!</p> <p>Minecraft.ga uses an auto restart function, which assures the server will always stay up for you to play on. To give you a fresh and lag-free experience, the world will also reset automatically every Sunday. If you need to reach us, please send a mail to <a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#104;&#101;&#108;&#108;&#111;&#64;&#109;&#105;&#110;&#101;&#99;&#114;&#97;&#102;&#116;&#46;&#103;&#97;">&#104;&#101;&#108;&#108;&#111;&#64;&#109;&#105;&#110;&#101;&#99;&#114;&#97;&#102;&#116;&#46;&#103;&#97;</a>!</p>
<span id="ip">IP</span><input onClick="this.select();" value="minecraft.ga"> <span id="ip">IP</span><input onClick="this.select();" value="minecraft.ga"><br/>
</div> </div>
</div> </div>
</body> </body>