kaboomserver/website
1
0
Fork 0
mirror of https://github.com/kaboomserver/website.git synced 2024-12-22 15:55:04 +00:00
Code Issues Projects Releases Wiki Activity

Cleaning up CSS

Browse source
This commit is contained in:
mathias 2015-02-16 03:08:08 +02:00
parent 54fd115691
commit a9392a5c4f
2 changed files with 26 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
css/minecraft.css
View file

@ -31,11 +31,7 @@ body {
webkit-tap-highlight-color: rgba(255,255,255,.2);
}
h2,
h3,
h4,
h5,
h6 {
h2 {
margin: 0 0 15px;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
@ -56,7 +52,7 @@ a:focus {
text-decoration: none;
}
.intro {
#intro {
display: table;
width: 100%;
height: 100%;
@ -68,13 +64,13 @@ a:focus {
background-size: cover;
}
.intro-body {
#intro-body {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.brand-heading {
#logo {
font-size: 35px;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
@ -84,14 +80,16 @@ a:focus {
margin: 0;
}
.intro-text {
h1 {
font-size: 13px;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
margin-bottom: 12px;
margin-top: 0;
font-weight: 400;
}
.btn-circle {
#btn-circle {
display: inline-block;
width: 30px;
height: 30px;
@ -109,14 +107,14 @@ a:focus {
text-decoration: none;
}
.btn-circle:hover,
.btn-circle:focus {
#btn-circle:hover,
#btn-circle:focus {
outline: 0;
color: #fff;
background: rgba(255,255,255,.1);
}
.about-section {
#about {
width: 100%;
height: 100%;
color: #fff;
@ -124,7 +122,7 @@ a:focus {
background: #000;
}
.about-body {
#about-body {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
@ -180,21 +178,14 @@ input[type="text"]:focus {
border-radius: 3px 0px 0px 3px;
}
@media(min-width:767px) {
h2,
h3,
h4,
h5,
h6 {
h2 {
margin: 0 0 25px;
}
p {
margin: 0 0 20px;
line-height: 1.5;
}
h2,h3,h4,h5,h6 {
margin: 0 0 30px;
}
.about-body {
#about-body {
padding-left: 90px;
padding-right: 90px;
padding-top: 40px;
@ -209,17 +200,17 @@ margin: 25px 0 0 0;
font-size: 21px;
margin: 25px 0 0 0;
}
.btn-circle {
#btn-circle {
font-size: 29px;
width: 60px;
height: 60px;
line-height: 60px;
border: 2px solid #fff;
}
.brand-heading {
#logo {
font-size: 100px;
}
.intro-text {
h1 {
font-size: 25px;
margin-bottom: 30px;
}

20
index.html
View file

@ -8,23 +8,21 @@
<link href="css/minecraft.css" rel="stylesheet">
</head>
<body>
<section class="intro">
<div class="intro-body">
<h1 class="brand-heading">Minecraft.ga</h1>
<p class="intro-text">Sandbox Server in Minecraft</p>
<div class="page-scroll">
<a href="#about" class="btn btn-circle">▼</a>
</div>
<div id="intro">
<div id="intro-body">
<p id="logo">Minecraft.ga</p>
<h1>Sandbox Server in Minecraft</h1>
<a href="#about" id="btn-circle">▼</a>
</div>
</section>
<section id="about" class="about-section">
<div class="about-body">
</div>
<div id="about">
<div id="about-body">
<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 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 hello@minecraft.ga!</p>
<span id="ipbox">IP</span><input type="text" value="minecraft.ga" onfocus="this.select();" onmouseup="return false;" size="10">
</div>
</section>
</div>
<script src="js/scroll.js"></script>
</body>
</html>