[all themes] use rems for more consistent font sizing

This commit is contained in:
Shish 2023-12-25 15:33:57 +00:00
parent 75a7b79380
commit 6d370b0aa3
15 changed files with 33 additions and 60 deletions

View file

@ -1,7 +1,7 @@
CODE {
background: #DEDEDE;
font-size: 0.8em;
font-size: 0.8rem;
}
BLOCKQUOTE {
border: 1px solid black;

View file

@ -13,7 +13,7 @@ class DowntimeTheme extends Themelet
{
$page->add_block(new Block(
"Downtime",
"<span style='font-size: 1.5em; text-align: center;'><b>DOWNTIME MODE IS ON!</b></span>",
"<span style='font-size: 1.5rem; text-align: center;'><b>DOWNTIME MODE IS ON!</b></span>",
"left",
0
));

View file

@ -1,7 +1,7 @@
#comicMain {
background: black;
color: white;
font-size: 3em;
font-size: 3rem;
}
#comicPageList {
width: 90%;

View file

@ -1,10 +1,10 @@
div#front-page h1 {font-size: 4em; margin-top: 2em; margin-bottom: 0; text-align: center; border: none; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
div#front-page h1 {font-size: 4rem; margin-top: 2em; margin-bottom: 0; text-align: center; border: none; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
div#front-page {text-align:center;}
.space {margin-bottom: 1em;}
div#front-page div#links a {margin: 0 0.5em;}
div#front-page li {list-style-type: none; margin: 0;}
@media (max-width: 800px) {
div#front-page h1 {font-size: 3em; margin-top: 0.5em; margin-bottom: 0.5em;}
div#front-page h1 {font-size: 3rem; margin-top: 0.5em; margin-bottom: 0.5em;}
#counter {display: none;}
}

View file

@ -20,7 +20,7 @@ BODY.censored FOOTER {
left: 20%;
right: 20%;
text-align: center;
font-size: 2em;
font-size: 2rem;
background: #ACE4A3;
border: 1px solid #7EB977;
z-index: 9999999999999999999999;

View file

@ -13,7 +13,7 @@
}
.setupblock TEXTAREA {
width: 100%;
font-size: 0.75em;
font-size: 0.75rem;
resize: vertical;
}

View file

@ -99,7 +99,7 @@ TABLE.zebra TR:nth-child(even) {background: var(--zebra-even);}
FOOTER {
clear: both;
font-size: 0.7em;
font-size: 0.7rem;
text-align: center;
background: var(--title);
border: 1px solid var(--title-border);
@ -131,7 +131,7 @@ NAV {
margin-left: 16px;
}
NAV .blockbody {
font-size: 0.85em;
font-size: 0.85rem;
text-align: center;
overflow: hidden;
}

View file

@ -26,7 +26,7 @@ H1 {
FOOTER {
clear: both;
padding-top: 8px;
font-size: 0.7em;
font-size: 0.7rem;
text-align: center;
}
@ -45,7 +45,7 @@ NAV {
margin-left: 16px;
}
NAV .blockbody {
font-size: 0.85em;
font-size: 0.85rem;
text-align: center;
overflow: hidden;
}
@ -115,7 +115,7 @@ TABLE.tag_list>TBODY>TR>TD:after {
#short-wiki-description > .blockbody {
padding-bottom: 15px;
font-size: 1.1em;
font-size: 1.1rem;
}
#short-wiki-description h2 {
margin: 0 0 0.4em;

View file

@ -128,16 +128,7 @@ TD {
}
CODE {
background: #DEDEDE;
font-size: 0.8em;
}
#subtitle {
width: 256px;
font-size: 0.75em;
margin: -16px auto auto;
text-align: center;
border: 1px solid black;
border-top: none;
background: #DDD;
font-size: 0.8rem;
}
TABLE.zebra {border-spacing: 0; border: 2px solid #C3D2E0;}
@ -166,7 +157,7 @@ INPUT:hover, button:hover, TEXTAREA:hover {
FOOTER {
clear: both;
padding: 8px;
font-size: 0.7em;
font-size: 0.7rem;
text-align: center;
border-top: 1px solid #C3D2E0;
background: #E3EFFA;
@ -196,7 +187,7 @@ NAV {
margin-left: 16px;
}
NAV .blockbody {
font-size: 0.85em;
font-size: 0.85rem;
text-align: center;
}
NAV TABLE {
@ -322,7 +313,7 @@ ARTICLE TABLE {
}
.setupblock TEXTAREA {
width: 300px;
font-size: 0.75em;
font-size: 0.75rem;
}
.helpable {

View file

@ -8,7 +8,7 @@
<tr>
<form action='/post/list' method='GET' id="barbot">
<td id="nav-toggle">
<a style="font-size: 2em;" onclick="toggleNav();">&nbsp;Sidebar&nbsp;</a>
<a style="font-size: 2rem;" onclick="toggleNav();">&nbsp;Sidebar&nbsp;</a>
</td>
<td id="mini-logo">
<a class="vis-mobile" href="//rule34.paheal.net/post/list"><img alt="logo" src="//rule34.paheal.net/themes/rule34v2/rule34_logo_top.png" style="height: 34px;"/></a>

View file

@ -21,13 +21,13 @@ class CustomHomeTheme extends HomeTheme
<meta name="viewport" content="width=device-width, initial-scale=1">
$hh
<style>
div#front-page h1 {font-size: 4em; margin-top: 2em; margin-bottom: 0; text-align: center; border: none; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
div#front-page h1 {font-size: 4rem; margin-top: 2em; margin-bottom: 0; text-align: center; border: none; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
div#front-page {text-align:center;}
.space {margin-bottom: 1em;}
div#front-page div#links a {margin: 0 0.5em;}
div#front-page li {list-style-type: none; margin: 0;}
@media (max-width: 800px) {
div#front-page h1 {font-size: 3em; margin-top: 0.5em; margin-bottom: 0.5em;}
div#front-page h1 {font-size: 3rem; margin-top: 0.5em; margin-bottom: 0.5em;}
#counter {display: none;}
}
</style>

View file

@ -10,7 +10,7 @@ a:active.menu { color: #FF0000; text-decoration: none; }
#menuh-container
{
font-size: 1em;
font-size: 1rem;
float: left;
top:0;
left: 5%;

View file

@ -20,7 +20,7 @@ BODY {
text-align: center;
}
H1 {
font-size: 5em;
font-size: 5rem;
margin: 0;
padding: 0;
}
@ -39,15 +39,6 @@ TD {
text-align: center;
}
#subtitle {
width: 256px;
font-size: 0.75em;
margin: -16px auto auto;
text-align: center;
border: 1px solid black;
border-top: none;
background: #DDD;
}
#flash {
background: #FF7;
display: block;
@ -57,14 +48,14 @@ TD {
}
TABLE.zebra {background: #ACE4A3; border-collapse: collapse; border: 1px solid #7EB977;}
TABLE.zebra TD {font-size: 0.8em;margin: 0; border-top: 1px solid #7EB977; padding: 2px;}
TABLE.zebra TD {font-size: 0.8rem;margin: 0; border-top: 1px solid #7EB977; padding: 2px;}
TABLE.zebra TR:nth-child(odd) {background: #9CD493;}
TABLE.zebra TR:nth-child(even) {background: #ACE4A3;}
FOOTER {
clear: both;
padding: 8px;
font-size: 0.7em;
font-size: 0.7rem;
text-align: center;
border-top: 1px solid #7EB977;
background: #ACE4A3;
@ -96,7 +87,7 @@ NAV {
margin-left: 16px;
}
NAV .blockbody {
font-size: 0.85em;
font-size: 0.85rem;
text-align: center;
}
NAV TABLE {
@ -236,7 +227,7 @@ div#twitter_update_list li {
vertical-align: middle;
}
#bans INPUT {
font-size: 0.85em;
font-size: 0.85rem;
}
.need-del {
@ -276,7 +267,7 @@ ul.tagit li.tagit-new {
@media (max-width: 750px) {
.atoz, #paginator {
font-size: 2em;
font-size: 2rem;
}
.header-sites {
display: none;
@ -342,7 +333,7 @@ ul.tagit li.tagit-new {
#UserBlockhead {display: block;}
#Loginleft {display: none;}
#Loginhead {display: block;}
.headcol {width: 250px; font-size: 0.85em;}
.headcol {width: 250px; font-size: 0.85rem;}
.headbox {width: 80%; margin: auto;}
#big-logo {display: table-cell;}
#mini-logo {display: none;}
@ -360,7 +351,7 @@ ul.tagit li.tagit-new {
/* hide nav-search when header-search is sticky */
ARTICLE {margin-top: 0;}
#Navigationleft .blockbody {font-size: 1.5em;}
#Navigationleft .blockbody {font-size: 1.5rem;}
#Navigationleft .blockbody P,
#Navigationleft .blockbody FORM
{display: none;}

View file

@ -79,7 +79,7 @@ class CustomUploadTheme extends UploadTheme
protected function build_upload_block(): HTMLElement
{
return A(["href" => make_link("upload"), "style" => 'font-size: 2em; display: block;'], "Upload");
return A(["href" => make_link("upload"), "style" => 'font-size: 2rem; display: block;'], "Upload");
}
protected function h_upload_list_1(): HTMLElement

View file

@ -20,7 +20,7 @@ HEADER {
text-align: center;
}
H1 {
font-size: 5em;
font-size: 5rem;
margin: 0;
padding: 0;
}
@ -40,16 +40,7 @@ TD {
}
CODE {
background: #DEDEDE;
font-size: 0.8em;
}
#subtitle {
width: 256px;
font-size: 0.75em;
margin: -16px auto auto;
text-align: center;
border: 1px solid black;
border-top: none;
background: #DDD;
font-size: 0.8rem;
}
TABLE.zebra {border-spacing: 0; border: 1px solid #B89F7C; }
@ -63,7 +54,7 @@ TABLE.zebra TR:nth-child(even) {background: #DABC92;}
FOOTER {
clear: both;
padding: 8px;
font-size: 0.7em;
font-size: 0.7rem;
text-align: center;
border-top: 1px solid #B89F7C;
background: #FCD9A9;
@ -100,7 +91,7 @@ NAV {
margin-left: 16px;
}
NAV .blockbody {
font-size: 0.85em;
font-size: 0.85rem;
text-align: center;
}
NAV TABLE {