mirror of
https://github.com/TotalFreedomMC/Website.git
synced 2024-12-23 00:35:17 +00:00
Made the navbar more responsive and enhanced it a bit
It looked kinda strict before lol
This commit is contained in:
parent
117482c2d7
commit
4b9fc8f886
5 changed files with 66 additions and 15 deletions
29
css/main.css
29
css/main.css
|
@ -15,7 +15,23 @@
|
||||||
limitations under the License.
|
limitations under the License.
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
/*
|
||||||
|
|
||||||
|
Copyright 2017 Aggelos Sarris and contributors
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
|
|
||||||
|
*/
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0; }
|
padding: 0; }
|
||||||
|
@ -285,9 +301,9 @@ h3.discord-widget-title {
|
||||||
font-weight: 700; }
|
font-weight: 700; }
|
||||||
|
|
||||||
nav .nav-wrapper {
|
nav .nav-wrapper {
|
||||||
margin-top: -14px;
|
margin-top: -7px;
|
||||||
height: 60px;
|
height: 65px;
|
||||||
background: #111111; }
|
background: rgba(17, 17, 17, 0.7); }
|
||||||
nav .nav-wrapper li > a {
|
nav .nav-wrapper li > a {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: .9em; }
|
font-size: .9em; }
|
||||||
|
@ -362,7 +378,7 @@ small {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #bbb; }
|
color: #bbb; }
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 991px) {
|
||||||
.cover-2 h2,
|
.cover-2 h2,
|
||||||
.cover-2 p {
|
.cover-2 p {
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
@ -397,4 +413,7 @@ small {
|
||||||
.nav-wrapper {
|
.nav-wrapper {
|
||||||
background: #111; }
|
background: #111; }
|
||||||
.modal.modal-fixed-footer .modal-content {
|
.modal.modal-fixed-footer .modal-content {
|
||||||
padding: 10px; } }
|
padding: 10px; }
|
||||||
|
nav .nav-wrapper li > a {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 1em; } }
|
||||||
|
|
|
@ -15,7 +15,23 @@
|
||||||
limitations under the License.
|
limitations under the License.
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
/*
|
||||||
|
|
||||||
|
Copyright 2017 Aggelos Sarris and contributors
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
|
|
||||||
|
*/
|
||||||
#note a,
|
#note a,
|
||||||
a {
|
a {
|
||||||
color: #c8c8c8; }
|
color: #c8c8c8; }
|
||||||
|
@ -82,7 +98,7 @@ h2 {
|
||||||
.typed-cursor {
|
.typed-cursor {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 991px) {
|
||||||
.admins {
|
.admins {
|
||||||
width: 95%; }
|
width: 95%; }
|
||||||
.admins li {
|
.admins li {
|
||||||
|
@ -90,5 +106,8 @@ h2 {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
font-size: 1.2em; }
|
font-size: 1.2em; }
|
||||||
nav .brand-logo {
|
nav .brand-logo {
|
||||||
margin-top: 13.5px;
|
font-size: 2.1em;
|
||||||
font-size: 1.6em; } }
|
margin-top: 13.5px; }
|
||||||
|
nav .nav-wrapper li > a {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 1em; } }
|
||||||
|
|
|
@ -173,6 +173,10 @@ hr {
|
||||||
}
|
}
|
||||||
nav .brand-logo {
|
nav .brand-logo {
|
||||||
margin-top: 13.5px;
|
margin-top: 13.5px;
|
||||||
font-size: 1.6em;
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
nav .nav-wrapper li > a {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -266,9 +266,9 @@ h3.discord-widget-title {
|
||||||
}
|
}
|
||||||
|
|
||||||
nav .nav-wrapper {
|
nav .nav-wrapper {
|
||||||
margin-top: -14px;
|
margin-top: -7px;
|
||||||
height: 60px;
|
height: 65px;
|
||||||
background: rgba(#111, 1);
|
background: rgba(#111, .7);
|
||||||
li>a {
|
li>a {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: .9em;
|
font-size: .9em;
|
||||||
|
@ -357,7 +357,7 @@ small {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 991px) {
|
||||||
.cover-2 h2,
|
.cover-2 h2,
|
||||||
.cover-2 p {
|
.cover-2 p {
|
||||||
width: 100%
|
width: 100%
|
||||||
|
@ -402,4 +402,8 @@ small {
|
||||||
.modal.modal-fixed-footer .modal-content {
|
.modal.modal-fixed-footer .modal-content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
nav .nav-wrapper li > a {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -87,7 +87,7 @@ h2 {
|
||||||
.typed-cursor {
|
.typed-cursor {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 991px) {
|
||||||
.admins {
|
.admins {
|
||||||
width: 95%
|
width: 95%
|
||||||
}
|
}
|
||||||
|
@ -97,6 +97,11 @@ h2 {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
nav .brand-logo {
|
nav .brand-logo {
|
||||||
font-size: 1.6em;
|
font-size: 2.1em;
|
||||||
|
margin-top: 13.5px;
|
||||||
|
}
|
||||||
|
nav .nav-wrapper li > a {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in a new issue