mj-saunders
/
epicyon
forked from indymedia/epicyon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Different profile header text size on mobile

main
Bob Mottram 2020-06-21 17:07:34 +00:00
parent ad422e3b19
commit 8a2b77b61e
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
epicyon-profile.css
View File

@ -17,6 +17,7 @@
--border-color: #505050; --border-color: #505050;
--border-width: 2px; --border-width: 2px;
--font-size-header: 18px; --font-size-header: 18px;
--font-size-header-mobile: 32px;
--font-color-header: #ccc; --font-color-header: #ccc;
--font-size-button-mobile: 34px; --font-size-button-mobile: 34px;
--font-size: 30px; --font-size: 30px;
@ -161,17 +162,6 @@ a:link {
width: 50%; width: 50%;
} }
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--font-color-header);
font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif;
}
.new-post-text { .new-post-text {
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
@ -1034,6 +1024,16 @@ div.gallery img {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
opacity: 0.7; opacity: 0.7;
} }
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--font-color-header);
font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif;
}
.hero-text img.qrcode { .hero-text img.qrcode {
border-radius: 1%; border-radius: 1%;
width: 5%; width: 5%;
@ -1391,6 +1391,16 @@ div.gallery img {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
opacity: 0.7; opacity: 0.7;
} }
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--font-color-header);
font-size: var(--font-size-header-mobile);
font-family: Arial, Helvetica, sans-serif;
}
.hero-text img.qrcode { .hero-text img.qrcode {
border-radius: 1%; border-radius: 1%;
width: 15%; width: 15%;