From 980a9a6f69783c8fbb9177c9ad37b9237d486fdf Mon Sep 17 00:00:00 2001 From: hanakin Date: Sun, 8 Jan 2017 14:00:13 -0500 Subject: [PATCH] [ticket/14976] Start converting ems PHPBB3-14976 --- phpBB/styles/prosilver/theme/buttons.css | 2 +- phpBB/styles/prosilver/theme/cp.css | 28 +++++------ phpBB/styles/prosilver/theme/forms.css | 51 ++++++++++----------- phpBB/styles/prosilver/theme/icons.css | 3 +- phpBB/styles/prosilver/theme/links.css | 9 ++-- phpBB/styles/prosilver/theme/responsive.css | 10 ++-- 6 files changed, 48 insertions(+), 55 deletions(-) diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index 7d98aeda65..dfb64eb890 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -156,7 +156,7 @@ } .post-buttons .dropdown a { - font-size: 1.2em; + font-size: 13px; text-align: right; display: block; } diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index 6d197df9c0..3b2eb85704 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -12,7 +12,7 @@ .cp-menu { float: left; width: 19%; - margin-top: 1em; + margin-top: 10px; margin-bottom: 5px; } @@ -26,12 +26,12 @@ } .panel-container .panel p { - font-size: 1.1em; + font-size: 11px; } .panel-container .panel ol { - font-size: 1.1em; - margin-left: 2em; + font-size: 11px; + margin-left: 22px; } .panel-container .panel li.row { @@ -50,7 +50,7 @@ ul.cplist { } .panel-container table.table1 { - margin-bottom: 1em; + margin-bottom: 10px; } .panel-container table.table1 thead th { @@ -82,7 +82,7 @@ ul.cplist { } .panel-container .postbody p.author { - font-size: 1.1em; + /* font-size: 11px; */ } .cp-main .buttons { @@ -120,9 +120,9 @@ ul.cplist { .tabs .tab, .minitabs .tab { - font-size: 1em; + font-size: 10px; font-weight: bold; - line-height: 1.4em; + line-height: 14px; display: block; float: left; } @@ -182,8 +182,8 @@ ul.cplist { } .responsive-tab > a.responsive-tab-link { - font-size: 1.6em; - line-height: 0.9em; + font-size: 16px; + line-height: 14px; text-decoration: none; position: relative; display: block; @@ -191,19 +191,19 @@ ul.cplist { } .responsive-tab .responsive-tab-link:before { - border-top: 0.375em double transparent; - border-bottom: 0.125em solid transparent; + border-top: 6px double rgba(0, 0, 0, 0); + border-bottom: 2px solid rgba(0, 0, 0, 0); position: absolute; top: 7px; left: 10px; width: 14px; - height: 0.125em; + height: 2px; content: ""; } .tabs .dropdown, .minitabs .dropdown { - font-size: 1.1em; + font-size: 11px; font-weight: normal; top: 20px; margin-right: -2px; diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css index 853a88a129..4b8746c276 100644 --- a/phpBB/styles/prosilver/theme/forms.css +++ b/phpBB/styles/prosilver/theme/forms.css @@ -11,13 +11,13 @@ ---------------------------------------- */ fieldset { font-family: Verdana, Helvetica, Arial, sans-serif; - font-size: 1.1em; + font-size: 11px; border-width: 0; } input { font-family: Verdana, Helvetica, Arial, sans-serif; - font-size: 1em; + font-size: 11px; font-weight: normal; vertical-align: middle; padding: 0 3px; @@ -25,7 +25,7 @@ input { select { font-family: Verdana, Helvetica, Arial, sans-serif; - font-size: 1em; + font-size: 11px; font-weight: normal; vertical-align: middle; border: 1px solid transparent; @@ -38,18 +38,18 @@ select:focus { } option { - padding-right: 1em; + padding-right: 11px; } select optgroup option { font-family: Verdana, Helvetica, Arial, sans-serif; - padding-right: 1em; + padding-right: 11px; } textarea { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - font-size: 1em; - line-height: 1.4em; + font-size: 11px; + line-height: 18px; width: 60%; padding: 2px; } @@ -86,16 +86,6 @@ fieldset dd { margin-left: 41%; } -/* Specific layout 1 */ -fieldset.fields1 dt { - border-right-width: 0; - width: 15em; -} - -fieldset.fields1 dd { - border-left-width: 0; - margin-left: 15em; -} fieldset.fields1 div { margin-bottom: 3px; @@ -106,15 +96,21 @@ fieldset.fields1 .live-search div { margin-bottom: 0; } -/* Specific layout 2 */ -fieldset.fields2 dt { +/* Specific layouts */ +fieldset.fields2 dt, +fieldset.fields1 dt { border-right-width: 0; - width: 15em; + width: 165px; } -fieldset.fields2 dd { +fieldset.fields2 dd, +fieldset.fields1 dd { border-left-width: 0; - margin-left: 16em; + margin-left: 176px; +} + +fieldset.fields1 dd { + margin-left: 165px; } /* Form elements */ @@ -191,7 +187,7 @@ fieldset.display-options a { } .dropdown fieldset.display-options { - font-size: 1em; + font-size: 11px; margin: 0; padding: 0; } @@ -210,10 +206,10 @@ fieldset.display-options a { /* Display actions for ucp and mcp pages */ fieldset.display-actions { - line-height: 2em; + line-height: 22px; text-align: right; white-space: nowrap; - padding-right: 1em; + padding-right: 11px; } fieldset.display-actions label { @@ -221,8 +217,9 @@ fieldset.display-actions label { padding-right: 2px; } +/* Not used anywhere */ fieldset.sort-options { - line-height: 2em; + line-height: 22px; } /* MCP forum selection */ @@ -267,7 +264,7 @@ fieldset.submit-buttons input { .message-box textarea { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; - font-size: 1.2em; + /* font-size: 13px; */ outline: 3px dashed transparent; outline-offset: -4px; width: 450px; diff --git a/phpBB/styles/prosilver/theme/icons.css b/phpBB/styles/prosilver/theme/icons.css index 18447171f0..5c453b1b6a 100644 --- a/phpBB/styles/prosilver/theme/icons.css +++ b/phpBB/styles/prosilver/theme/icons.css @@ -18,11 +18,11 @@ blockquote cite:before, font-weight: normal; font-style: normal; font-variant: normal; - -webkit-font-smoothing: antialiased; line-height: 1; display: inline-block; /* stylelint-disable order/declaration-block-properties-specified-order */ -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; /* stylelint-enable order/declaration-block-properties-specified-order */ text-rendering: auto; /* optimizelegibility throws things off #1094 */ } @@ -86,7 +86,6 @@ blockquote cite:before, } .alert_close .icon:before { - line-height: 0.9; border-radius: 50%; display: block; width: 11px; diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css index 10bdd9e729..01fad36278 100644 --- a/phpBB/styles/prosilver/theme/links.css +++ b/phpBB/styles/prosilver/theme/links.css @@ -66,9 +66,10 @@ th a:hover { /* Links for forum/topic lists */ -a.forumtitle { +a.forumtitle, +a.topictitle { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; - font-size: 1.2em; + font-size: 13px; font-weight: bold; text-decoration: none; } @@ -78,10 +79,6 @@ a.forumtitle:hover { } a.topictitle { - font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; - font-size: 1.2em; - font-weight: bold; - text-decoration: none; display: inline; } diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index d1a78cea25..e516bd1601 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -230,7 +230,7 @@ .site-description h1, .site-description p { - line-height: 1.2em; + line-height: 24px; text-align: inherit; text-overflow: ellipsis; float: none; @@ -258,8 +258,8 @@ /* Forums and topicslists ---------------------------------------------------------------- */ li.header dt { - font-size: 1.2em; - line-height: 1em; + font-size: 12px; + line-height: 12px; text-align: center; text-transform: none; padding-bottom: 4px; @@ -591,12 +591,12 @@ /* Misc stuff ---------------------------------------------------------------- */ h2 { - margin-top: 0.5em; + margin-top: 12px; } p { overflow: hidden; - margin-bottom: 0.5em; + margin-bottom: 8px; } p.rightside {