From 6d370b0aa32d7d8a98e56e629c77c04ff38cf00f Mon Sep 17 00:00:00 2001 From: Shish Date: Mon, 25 Dec 2023 15:33:57 +0000 Subject: [PATCH] [all themes] use rems for more consistent font sizing --- ext/bbcode/style.css | 2 +- ext/downtime/theme.php | 2 +- ext/handle_cbz/style.css | 2 +- ext/home/style.css | 4 ++-- ext/rule34/style.css | 2 +- ext/setup/style.css | 2 +- themes/default/style.css | 4 ++-- themes/futaba/style.css | 6 +++--- themes/lite/style.css | 17 ++++------------- themes/rule34v2/header.inc | 2 +- themes/rule34v2/home.theme.php | 4 ++-- themes/rule34v2/menuh.css | 2 +- themes/rule34v2/style.css | 25 ++++++++----------------- themes/rule34v2/upload.theme.php | 2 +- themes/warm/style.css | 17 ++++------------- 15 files changed, 33 insertions(+), 60 deletions(-) diff --git a/ext/bbcode/style.css b/ext/bbcode/style.css index 200221cc..32c257a1 100644 --- a/ext/bbcode/style.css +++ b/ext/bbcode/style.css @@ -1,7 +1,7 @@ CODE { background: #DEDEDE; - font-size: 0.8em; + font-size: 0.8rem; } BLOCKQUOTE { border: 1px solid black; diff --git a/ext/downtime/theme.php b/ext/downtime/theme.php index 6876eaf6..1a21d9ae 100644 --- a/ext/downtime/theme.php +++ b/ext/downtime/theme.php @@ -13,7 +13,7 @@ class DowntimeTheme extends Themelet { $page->add_block(new Block( "Downtime", - "DOWNTIME MODE IS ON!", + "DOWNTIME MODE IS ON!", "left", 0 )); diff --git a/ext/handle_cbz/style.css b/ext/handle_cbz/style.css index 4813925c..bb9dbd34 100644 --- a/ext/handle_cbz/style.css +++ b/ext/handle_cbz/style.css @@ -1,7 +1,7 @@ #comicMain { background: black; color: white; - font-size: 3em; + font-size: 3rem; } #comicPageList { width: 90%; diff --git a/ext/home/style.css b/ext/home/style.css index 234f512d..c1c9b78a 100644 --- a/ext/home/style.css +++ b/ext/home/style.css @@ -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;} } diff --git a/ext/rule34/style.css b/ext/rule34/style.css index 2e394c2d..13aca22b 100644 --- a/ext/rule34/style.css +++ b/ext/rule34/style.css @@ -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; diff --git a/ext/setup/style.css b/ext/setup/style.css index c12e323b..6237cd65 100644 --- a/ext/setup/style.css +++ b/ext/setup/style.css @@ -13,7 +13,7 @@ } .setupblock TEXTAREA { width: 100%; - font-size: 0.75em; + font-size: 0.75rem; resize: vertical; } diff --git a/themes/default/style.css b/themes/default/style.css index 4f00b290..4fad4fff 100644 --- a/themes/default/style.css +++ b/themes/default/style.css @@ -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; } diff --git a/themes/futaba/style.css b/themes/futaba/style.css index cb647ec7..3d07afa8 100644 --- a/themes/futaba/style.css +++ b/themes/futaba/style.css @@ -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; diff --git a/themes/lite/style.css b/themes/lite/style.css index 77f0d6ec..7ee85645 100644 --- a/themes/lite/style.css +++ b/themes/lite/style.css @@ -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 { diff --git a/themes/rule34v2/header.inc b/themes/rule34v2/header.inc index f60c8704..33d3dfa4 100644 --- a/themes/rule34v2/header.inc +++ b/themes/rule34v2/header.inc @@ -8,7 +8,7 @@
-  Sidebar  +  Sidebar  logo diff --git a/themes/rule34v2/home.theme.php b/themes/rule34v2/home.theme.php index 065c56f9..f1798a6f 100644 --- a/themes/rule34v2/home.theme.php +++ b/themes/rule34v2/home.theme.php @@ -21,13 +21,13 @@ class CustomHomeTheme extends HomeTheme $hh diff --git a/themes/rule34v2/menuh.css b/themes/rule34v2/menuh.css index d55e5871..1fb96d80 100644 --- a/themes/rule34v2/menuh.css +++ b/themes/rule34v2/menuh.css @@ -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%; diff --git a/themes/rule34v2/style.css b/themes/rule34v2/style.css index 45b7daa3..b2403a3c 100644 --- a/themes/rule34v2/style.css +++ b/themes/rule34v2/style.css @@ -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;} diff --git a/themes/rule34v2/upload.theme.php b/themes/rule34v2/upload.theme.php index bf4ccb70..8a278743 100644 --- a/themes/rule34v2/upload.theme.php +++ b/themes/rule34v2/upload.theme.php @@ -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 diff --git a/themes/warm/style.css b/themes/warm/style.css index ba295571..894ea9d3 100644 --- a/themes/warm/style.css +++ b/themes/warm/style.css @@ -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 {