Small tweaks
This commit is contained in:
parent
95916f1b63
commit
c6e55467de
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue