GNUsocial
/
gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

[UI] Polishing FAQ CSS

This commit is contained in:
rainydaysavings 2020-07-08 00:27:41 +01:00 committed by Hugo Sales
parent 0117883bd5
commit 115257f3bb
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
3 changed files with 42 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
public/assets/css/faq/faq.css
View File

@ -6,11 +6,12 @@
flex-wrap: wrap; flex-wrap: wrap;
order: 2; order: 2;
width: 100%; width: 100%;
margin-left: 20%; margin-left: var(--side-margin);
margin-right: 20%; margin-right: var(--side-margin);
background-color: #00000080; background-color: #00000080;
padding: 1em 1em; padding: var(--medium-size) var(--medium-size);
font-size: 0.7em; font-size: var(--medium-size);
font-family: var(--head-font);
box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1); box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1);
} }
@ -19,8 +20,8 @@
align-items: stretch; align-items: stretch;
justify-content: space-evenly; justify-content: space-evenly;
width: 100%; width: 100%;
margin-left: 10%; margin-left: calc(var(--side-margin) * 0.25);
margin-right: 10%; margin-right: calc(var(--side-margin) * 0.25);
padding: 0; padding: 0;
} }
@ -51,19 +52,19 @@
.content { .content {
order: 3; order: 3;
width: 100%; width: 100%;
margin-top: 1em; margin-top: var(--unit-size);
margin-bottom: 1em; margin-bottom: var(--unit-size);
margin-left: 20%; margin-left: var(--side-margin);
margin-right: 20%; margin-right: var(--side-margin);
background-color: rgba(0, 0, 0, 0.40); background-color: rgba(0, 0, 0, 0.40);
padding: 0 1em 1em 1em; padding: 0 var(--unit-size) var(--unit-size) var(--unit-size);
border-radius: 1em; border-radius: var(--unit-size);
font-size: 0.65em; font-size: var(--small-size);
box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1); box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1);
} }
.content ul { .content ul {
margin: 0; margin: 0;
padding-left: 2em; padding-left: calc(var(--unit-size) * 2);
list-style: disc; list-style: disc;
} }

27
public/assets/css/faq/faq_mid.css
View File

@ -6,11 +6,12 @@
flex-wrap: wrap; flex-wrap: wrap;
order: 2; order: 2;
width: 100%; width: 100%;
margin-left: 5%; margin-left: var(--side-margin);
margin-right: 5%; margin-right: var(--side-margin);
background-color: #00000080; background-color: #00000080;
padding: 1em 1em; padding: var(--medium-size) var(--medium-size);
font-size: 0.8em; font-size: var(--medium-size);
font-family: var(--head-font);
box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1); box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1);
} }
@ -19,8 +20,8 @@
align-items: stretch; align-items: stretch;
justify-content: space-evenly; justify-content: space-evenly;
width: 100%; width: 100%;
margin-left: 5%; margin-left: calc(var(--side-margin) * 0.25);
margin-right: 5%; margin-right: calc(var(--side-margin) * 0.25);
padding: 0; padding: 0;
} }
@ -51,14 +52,14 @@
.content { .content {
order: 3; order: 3;
width: 100%; width: 100%;
margin-top: 1em; margin-top: var(--unit-size);
margin-bottom: 1em; margin-bottom: var(--unit-size);
margin-left: 5%; margin-left: var(--side-margin);
margin-right: 5%; margin-right: var(--side-margin);
background-color: rgba(0, 0, 0, 0.40); background-color: rgba(0, 0, 0, 0.40);
padding: 0 1em 1em 1em; padding: 0 var(--unit-size) var(--unit-size) var(--unit-size);
border-radius: 1em; border-radius: var(--unit-size);
font-size: 0.8em; font-size: var(--medium-size);
box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1); box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1);
} }

25
public/assets/css/faq/faq_small.css
View File

@ -6,11 +6,12 @@
flex-wrap: wrap; flex-wrap: wrap;
order: 2; order: 2;
width: 100%; width: 100%;
margin-left: 0; margin-left: var(--side-margin);
margin-right: 0; margin-right: var(--side-margin);
background-color: #00000080; background-color: #00000080;
padding: 1em 1em; padding: var(--medium-size) var(--medium-size);
font-size: 0.75em; font-size: var(--medium-size);
font-family: var(--head-font);
box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1); box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1);
} }
@ -19,8 +20,8 @@
align-items: stretch; align-items: stretch;
justify-content: space-evenly; justify-content: space-evenly;
width: 100%; width: 100%;
margin-left: 0; margin-left: calc(var(--side-margin) * 0.25);
margin-right: 0; margin-right: calc(var(--side-margin) * 0.25);
padding: 0; padding: 0;
} }
@ -51,19 +52,19 @@
.content { .content {
order: 3; order: 3;
width: 100%; width: 100%;
margin-top: 1em; margin-top: var(--unit-size);
margin-bottom: 1em; margin-bottom: var(--unit-size);
margin-left: 1%; margin-left: 1%;
margin-right: 1%; margin-right: 1%;
background-color: rgba(0, 0, 0, 0.40); background-color: rgba(0, 0, 0, 0.40);
padding: 0 1em 1em 1em; padding: 0 var(--unit-size) var(--unit-size) var(--unit-size);
border-radius: 1em; border-radius: var(--unit-size);
font-size: 0.75em; font-size: var(--medium-size);
box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1); box-shadow: 0px 0px 60px -20px rgba(41, 50, 60, 1);
} }
.content ul { .content ul {
margin: 0; margin: 0;
padding-left: 2em; padding-left: calc(var(--unit-size) * 2);
list-style: disc; list-style: disc;
} }