WebDev/Mind-Overflow-Website
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

moved content text alingment to left

Browse Source
This commit is contained in:
Lorenzo Dellacà
2020-08-10 02:00:54 +02:00
parent dc15b03178
commit 4e61a0fe5c
5 changed files with 64 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
styles/common-style.css
View File

@@ -23,7 +23,7 @@ h2 {
font-weight: 800;
color: white;
margin: 0;
padding: 38px 20px 20px;
padding: 38px 0 20px;
font-size: 40px;
}
@@ -67,7 +67,7 @@ a {
font-size: 25px;
box-sizing: border-box;
box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2);
/* Disable text highlighting */
-moz-user-select: none;
-webkis-user-select: none;
@@ -120,28 +120,28 @@ a {
/* Begin media queries for elements size */
@media (min-width: 0px) and (max-width:200px) {
h4 {
font-size: 8px;
}
.policy-popup {
/* centered */
left: 5px;
width: 100px;
bottom: 50px;
}
.policy-popup h4 {
padding: 15px 15px;
}
.policy-popup p {
font-size: 7px;
padding: 0 15px;
margin: 0;
}
.policy-popup button {
font-size:7px;
margin: 10px;
@@ -150,11 +150,11 @@ a {
}
@media (min-width: 200px) and (max-width: 300px) {
h4 {
font-size: 10px;
}
.policy-popup {
/* centered */
left: 50%;
@@ -162,17 +162,17 @@ a {
width: 200px;
bottom: 50px;
}
.policy-popup h4 {
padding: 15px 15px;
}
.policy-popup p {
font-size: 8px;
padding: 0 15px;
margin: 0;
}
.policy-popup button {
font-size: 8px;
margin: 10px;
@@ -184,24 +184,24 @@ a {
h4 {
font-size: 13px;
}
.policy-popup {
/* centered */
left: 50%;
margin-left: -140px; /* this has to be half the width */
width: 280px;
}
.policy-popup h4 {
padding: 15px 15px;
}
.policy-popup p {
font-size: 8px;
padding: 0 15px;
margin: 0;
}
.policy-popup button {
font-size: 8px;
margin: 10px;
@@ -213,24 +213,24 @@ a {
h4 {
font-size: 15px;
}
.policy-popup {
/* centered */
left: 50%;
margin-left: -175px; /* this has to be half the width */
width: 350px;
}
.policy-popup h4 {
padding: 15px 15px;
}
.policy-popup p {
font-size:10px;
padding: 0 15px;
margin: 0;
}
.policy-popup button {
font-size: 10px;
margin: 10px;
@@ -242,21 +242,21 @@ a {
h4 {
font-size: 18px;
}
.policy-popup {
width: 400px;
}
.policy-popup h4 {
padding: 15px 15px;
}
.policy-popup p {
font-size: 11px;
padding: 0 15px;
margin: 0;
}
.policy-popup button {
font-size: 11px;
margin: 10px;
@@ -267,21 +267,21 @@ a {
h4 {
font-size: 21px;
}
.policy-popup {
width: 500px;
}
.policy-popup h4 {
padding: 15px 15px;
}
.policy-popup p {
font-size: 11px;
padding: 0 15px;
margin: 0;
}
.policy-popup button {
font-size: 11px;
margin: 10px;
@@ -292,17 +292,17 @@ a {
h4 {
font-size: 23px;
}
.policy-popup h4 {
padding: 15px 15px;
}
.policy-popup p {
font-size: 13px;
padding: 0 15px;
margin: 0;
}
.policy-popup button {
margin: 10px;
}
@@ -313,7 +313,7 @@ a {
.policy-popup p {
font-size: 15px;
}
.policy-popup button {
font-size: 15px;
}
@@ -343,4 +343,4 @@ a {
font-weight: 200;
src: url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2) format('woff2');
}
/* End fonts */
/* End fonts */

16
styles/home-style.css
View File

@@ -67,7 +67,7 @@ h1 {
/*MOBILE*/
@media (min-width: 0px) and (max-width: 200px) {
h1 {
font-size: 20px;
}
@@ -78,7 +78,7 @@ h1 {
}
@media (min-width: 200px) and (max-width: 300px) {
h1 {
font-size: 39px;
}
@@ -89,7 +89,7 @@ h1 {
}
@media (min-width: 300px) and (max-width: 400px) {
h1 {
font-size: 52px;
}
@@ -100,7 +100,7 @@ h1 {
}
@media (min-width: 400px) and (max-width: 500px) {
h1 {
font-size: 64px;
}
@@ -120,7 +120,7 @@ h1 {
}
}
@media (min-width: 600px) and (max-width: 700px) {
h1 {
font-size: 76px;
}
@@ -129,7 +129,7 @@ h1 {
}
}
@media (min-width: 700px) and (max-width: 1000px) {
h1 {
font-size: 80px;
}
@@ -140,11 +140,11 @@ h1 {
/* 4K+ MONITORS*/
@media (min-width: 2100px) {
h1 {
font-size: 180px;
}
.bottomnav a {
font-size: 40px;
}
}
}

22
styles/pages-style.css
View File

@@ -77,7 +77,7 @@ h1 {
animation: gradient 7s linear infinite;
animation-direction: alternate-reverse;
color: white;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
@@ -94,7 +94,7 @@ h1 {
font-size: 25px;
color: white;
width: 100%;
text-align: center;
text-align: left;
box-sizing: border-box;
padding-left: 10%;
padding-right: 10%;
@@ -115,7 +115,7 @@ li {
::selection {
color: #2d0670;
/*
We need RGBA because Chrome forces it to be semi-trasparent, making white look like grey.
By setting it to 99.5% opacity, we can override this. 100% does not work, however.
@@ -131,7 +131,7 @@ li {
/*MOBILE*/
@media (min-width: 0px) and (max-width: 200px) {
h1 {
font-size: 20px;
}
@@ -152,7 +152,7 @@ li {
}
@media (min-width: 200px) and (max-width: 300px) {
h1 {
font-size: 39px;
}
@@ -177,7 +177,7 @@ li {
}
@media (min-width: 300px) and (max-width: 400px) {
h1 {
font-size: 52px;
}
@@ -202,7 +202,7 @@ li {
}
@media (min-width: 400px) and (max-width: 500px) {
h1 {
font-size: 64px;
}
@@ -226,7 +226,7 @@ li {
}
}
@media (min-width: 500px) and (max-width: 600px) {
h1 {
font-size: 80px;
}
@@ -248,7 +248,7 @@ li {
}
}
@media (min-width: 600px) and (max-width: 700px) {
h1 {
font-size: 95px;
}
@@ -267,7 +267,7 @@ li {
}
/* 4K+ MONITORS*/
@media (min-width: 2100px) {
h1 {
font-size: 150px;
}
@@ -281,4 +281,4 @@ li {
li {
padding: 20px;
}
}
}