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 95916f1b63
commit c6e55467de
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) { @media screen and (max-width: 330px) {
.logo,
.logo img {
height: 50px;
}
.brand h1 { .brand h1 {
font-size: 24px; font-size: 24px;
} }
.brand p { .brand p {
font-size: 14px; font-size: 16px;
} }
.links a { .links a {
font-size: 12px; font-size: 12px;
@ -175,7 +179,7 @@
margin: auto; margin: auto;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
font-size: 12px; font-size: 16px;
color: #eee; color: #eee;
} }

6
css/rules.css
View File

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

6
index.html
View File

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