RedXen/Homepage
RedXen
/
Homepage
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Small tweaks

This commit is contained in:
Alex D. 2018-08-02 21:42:13 +02:00
parent f36952d754
commit c9c18b119d
3 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/responsive.css
View File

@ -122,11 +122,15 @@
}
@media screen and (max-width: 330px) {
.logo,
.logo img {
height: 50px;
}
.brand h1 {
font-size: 24px;
}
.brand p {
font-size: 14px;
font-size: 16px;
}
.links a {
font-size: 12px;
@ -175,7 +179,7 @@
margin: auto;
padding: 10px;
text-align: center;
font-size: 12px;
font-size: 16px;
color: #eee;
}

6
css/rules.css
View File

@ -21,9 +21,6 @@ a:hover {
}
.links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
@ -53,9 +50,6 @@ a:hover {
background-color: #222;
border-radius: 10px 10px 0 0;
padding: 5px 10px 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tabs a {

6
index.html
View File

@ -21,9 +21,9 @@
<div class="branding flex row float">
<div class="brand flex column justify-center">
<h1 class="slide-top">RedXen Community</h1>
<div class="slide-left">
<div class="slide-left flex column">
<p class="h-hide">The community that empowers gamers</p>
<div class="h-hide links">
<div class="h-hide links flex">
<a id="abt-btn" href="#">About</a>
<a href="https://redxen.eu/discord">Discord</a>
<a href="https://sb.redxen.eu/">Sourcebans</a>
@ -32,7 +32,7 @@
<a href="https://status.redxen.eu/">Status</a>
</div>
<div id="abt" class="slide-top hide about">
<div class="tabs">
<div class="tabs flex">
<a href="#" class="tab chosen" data-tab="tab-1">Staff</a>
<a href="#" class="tab" data-tab="tab-2">Servers</a>
<a href="#" class="tab" data-tab="tab-3">Discord</a>