diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index cf15eb394f..f51510e0b9 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -4,7 +4,7 @@ .button { font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica; - font-size: 13px; + font-size: 16px; font-weight: 600; line-height: 1.4; text-align: center; @@ -16,7 +16,7 @@ justify-content: center; align-items: center; box-sizing: border-box; - height: 24px; + height: 30px; padding: 2px 8px; cursor: pointer; touch-action: manipulation; @@ -185,11 +185,11 @@ /* Responsive buttons in post body */ .post-buttons .dropdown { - top: 18px; + top: 30px; } .post-buttons .dropdown a { - font-size: 13px; + font-size: 16px; text-align: right; display: block; justify-content: start; diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index eb16158cc3..4af5c10fb9 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -97,15 +97,11 @@ th a:hover { .headerbar, .forumbg { background-color: #13a4ec; - background-image: -webkit-gradient(linear, left top, left bottom, from(#80d5ff), color-stop(0.1%, #0077b3), color-stop(30%, #13a4ec), to(#13a4ec)); - background-image: linear-gradient(to bottom, #80d5ff 0%, #0077b3 0.1%, #13a4ec 30%, #13a4ec 100%); background-repeat: repeat-x; } .forabg { - background-color: #0077b3; - background-image: -webkit-gradient(linear, left top, left bottom, from(#80d5ff), color-stop(0.1%, #13a4ec), color-stop(30%, #0077b3), to(#0077b3)); - background-image: linear-gradient(to bottom, #80d5ff 0%, #13a4ec 0.1%, #0077b3 30%, #0077b3 100%); + background-color: #13a4ec; background-repeat: repeat-x; } @@ -413,9 +409,7 @@ p.post-notice { /* colours and backgrounds for content.css */ ul.forums { - background-color: #edf4f7; - background-image: -webkit-gradient(linear, left top, left bottom, from(#b8d3e0), to(#edf4f7)); - background-image: linear-gradient(to bottom, #b8d3e0 0%, #edf4f7 100%); + background-color: #d2e4ec; } ul.topiclist > li { @@ -441,7 +435,7 @@ li.row strong { } li.row:hover { - background-color: #fffbcc; + background-color: #cde9f5; } li.row:hover dd { @@ -862,11 +856,7 @@ ul.cplist { .tabs .activetab > a, .tabs .activetab > a:hover { background-color: #c9dee8; - background-image: -webkit-gradient(linear, left top, left bottom, from(#e6f7ff), to(#c9dee8)); - background-image: linear-gradient(to bottom, #e6f7ff 0%, #c9dee8 100%); border-color: #c9dee8; - -webkit-box-shadow: 0 1px 1px #e6f7ff inset; - box-shadow: 0 1px 1px #e6f7ff inset; color: #212121; } @@ -885,9 +875,7 @@ ul.cplist { /* link styles for the sub-section links */ .navigation a { - background: #c0d3dd; - background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #aab9c0), to(#c0d3dd)); - background-image: linear-gradient(to right, #aab9c0 50%, #c0d3dd 100%); + background: #b5c6cf; color: #212121; } diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 59db92a032..e4b12fb2e4 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -24,7 +24,7 @@ body { h1 { /* Forum name */ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; - font-size: 20px; + font-size: 24px; font-weight: bold; margin-top: 15px; margin-right: 200px; @@ -33,7 +33,7 @@ h1 { h2 { /* Forum header titles */ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; - font-size: 20px; + font-size: 24px; font-weight: normal; margin: 0.8em 0 0.2em; } @@ -45,7 +45,7 @@ h2.solo { h3 { /* Sub-headers (also used as post headers, but defined later) */ font-family: Arial, Helvetica, sans-serif; - font-size: 12px; + font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid transparent; @@ -57,13 +57,13 @@ h3 { h4 { /* Forum and topic list titles */ font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; - font-size: 13px; + font-size: 18px; } p { - font-size: 11px; - line-height: 14px; - margin-bottom: 16px; + font-size: 14px; + line-height: 18px; + margin-bottom: 20px; } img { @@ -228,7 +228,7 @@ a:hover { .panel { border-radius: 7px; - margin-bottom: 4px; + margin-bottom: 8px; padding: 5px 10px; } @@ -262,8 +262,8 @@ ul.linklist { } ul.linklist > li { - font-size: 11px; - line-height: 24px; + font-size: 14px; + line-height: 30px; float: left; width: auto; margin-right: 7px; @@ -434,12 +434,12 @@ a.header-avatar img { } .dropdown-button-control .dropdown { - top: 24px; + top: 30px; } .dropdown-button-control.dropdown-up .dropdown { top: auto; - bottom: 24px; + bottom: 30px; } .dropdown .pointer, @@ -556,7 +556,7 @@ a.header-avatar img { } .dropdown li { - font-size: 11px !important; + font-size: 14px !important; line-height: normal !important; text-align: left; white-space: nowrap; @@ -678,9 +678,9 @@ table.table1 { } table.table1 thead th { - font-size: 10px; + font-size: 12px; font-weight: normal; - line-height: 13px; + line-height: 15px; text-transform: uppercase; padding: 0 0 4px 3px; } @@ -694,7 +694,7 @@ table.table1 tbody tr { } table.table1 td { - font-size: 11px; + font-size: 14px; } table.table1 tbody td { @@ -831,7 +831,7 @@ table.info tbody th { dl.details { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - font-size: 11px; + font-size: 14px; } dl.details dt { @@ -882,7 +882,7 @@ fieldset.fields1 dl.pmlist dd.recipients { /* Action-bars (container for post/reply buttons, pagination, etc.) ---------------------------------------- */ .action-bar { - font-size: 11px; + font-size: 14px; margin: 4px 0; } @@ -938,7 +938,7 @@ fieldset.fields1 dl.pmlist dd.recipients { .pagination li.active span { font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica; - font-size: 13px; + font-size: 16px; font-weight: normal; line-height: 1.4; text-align: center; @@ -962,7 +962,7 @@ fieldset.fields1 dl.pmlist dd.recipients { } .pagination li.page-jump a i { - font-size: 16px; + font-size: 20px; } .pagination .arrow a { @@ -982,10 +982,10 @@ fieldset.fields1 dl.pmlist dd.recipients { .row .pagination li a, .row .pagination li span { - font-size: 9px; + font-size: 12px; border-radius: 2px; - width: 14px; - height: 17px; + width: 17px; + height: 22px; padding: 1px 3px; } @@ -1026,7 +1026,7 @@ fieldset.fields1 dl.pmlist dd.recipients { .phpbb_alert div.alert_text > select, .phpbb_alert div.alert_text > textarea, .phpbb_alert div.alert_text > input { - font-size: 11px; + font-size: 14px; } .darkenwrapper { @@ -1141,13 +1141,13 @@ fieldset.fields1 dl.pmlist dd.recipients { /* Miscellaneous styles ---------------------------------------- */ .copyright { - font-size: 10px; + font-size: 12px; text-align: center; padding: 10px; } .footer-row { - font-size: 10px; + font-size: 12px; line-height: 1.8; margin: 0; } @@ -1165,12 +1165,12 @@ fieldset.fields1 dl.pmlist dd.recipients { } .error { - font-size: 10px; + font-size: 12px; font-weight: bold; } div.rules { - font-size: 11px; + font-size: 18px; border-radius: 7px; margin: 10px 0; padding: 5px 10px; @@ -1243,7 +1243,7 @@ ul.linklist:after, } .member-search strong { - font-size: 11px; + font-size: 14px; } .dropdown-extended { @@ -1319,7 +1319,7 @@ ul.linklist:after, } .dropdown-extended .footer { - font-size: 12px; + font-size: 16px; text-align: center; } @@ -1372,7 +1372,7 @@ ul.linklist:after, } .notification-time { - font-size: 10px; + font-size: 12px; text-align: right; margin: 0; } @@ -1388,7 +1388,7 @@ ul.linklist:after, .notifications-title { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; - font-size: 13px !important; + font-size: 16px !important; } .notifications-title strong { @@ -1396,7 +1396,7 @@ ul.linklist:after, } .notifications-time { - font-size: 10px !important; + font-size: 12px !important; } .notification-text { @@ -1404,16 +1404,16 @@ ul.linklist:after, } .badge { - font-size: 10px; + font-size: 12px; line-height: 1; text-align: center; white-space: nowrap; border-radius: 10px; opacity: 0.8; position: relative; - top: 3px; + top: 5px; float: right; - margin-left: 3px; + margin-left: 5px; padding: 4px 6px; } diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index d942e08b37..1d612e989d 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -37,7 +37,7 @@ ul.topiclist dd { } ul.topiclist dt { - font-size: 11px; + font-size: 14px; width: 100%; margin-right: -440px; } @@ -55,7 +55,7 @@ ul.topiclist.two-columns dt { } ul.topiclist dt .list-inner { - line-height: 16px; + line-height: 20px; margin-right: 440px; padding-right: 5px; padding-left: 5px; @@ -140,8 +140,8 @@ li.row strong { li.header dt, li.header dd { font-family: Arial, Helvetica, sans-serif; - font-size: 10px; - line-height: 16px; + font-size: 12px; + line-height: 20px; text-transform: uppercase; border-left-width: 0; margin: 2px 0 4px; @@ -193,7 +193,7 @@ dl.row-item dt { } dl.row-item dt .list-inner { - padding-left: 52px; /* Space for folder icon */ + padding-left: 54px; /* Space for folder icon */ } dl.row-item dt, @@ -207,8 +207,8 @@ dd.topics, dd.views, dd.extra, dd.mark { - font-size: 12px; - line-height: 26px; + font-size: 16px; + line-height: 32px; text-align: center; width: 80px; } @@ -236,16 +236,16 @@ dd.redirect, dd.moderation, dd.time, dd.info { - font-size: 11px; + font-size: 14px; width: 250px; } dd.redirect { - line-height: 26px; + line-height: 32px; } dd.time { - line-height: 22px; + line-height: 26px; } dd.lastpost > span, @@ -258,7 +258,7 @@ dd.moderation > span { } dd.lastpost > span { - line-height: 16px; + line-height: 20px; } dd.extra, @@ -267,8 +267,8 @@ dd.mark { } dd.option { - font-size: 11px; - line-height: 22px; + font-size: 14px; + line-height: 28px; text-align: center; width: 125px; } @@ -284,18 +284,18 @@ dd.option { } .postbody .ignore { - font-size: 11px; + font-size: 14px; } .postbody h3.first { /* The first post on the page uses this */ - font-size: 17px; + font-size: 20px; } .postbody h3 { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; - font-size: 15px; - line-height: 19px; + font-size: 18px; + line-height: 22px; text-transform: none; border: none; @@ -317,7 +317,7 @@ dd.option { } .postbody .content { - font-size: 13px; + font-size: 16px; overflow-x: auto; } @@ -374,17 +374,17 @@ dd.option { ---------------------------------------- */ .content { font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; + font-size: 16px; + line-height: 24px; clear: both; overflow: hidden; - min-height: 30px; + min-height: 36px; padding-bottom: 1px; } .content h2, .panel h2 { - font-size: 16px; + font-size: 20px; font-weight: normal; border-bottom: 1px solid transparent; margin-top: 8px; @@ -397,9 +397,9 @@ dd.option { } .panel p { - font-size: 12px; - line-height: 16px; - margin-bottom: 12px; + font-size: 16px; + line-height: 20px; + margin-bottom: 16px; } .content p { @@ -407,9 +407,9 @@ dd.option { } .agreement { - font-size: 12px; - line-height: 17px; - margin-bottom: 10px; + font-size: 16px; + line-height: 20px; + margin-bottom: 14px; } .agreement-text { @@ -419,10 +419,10 @@ dd.option { dl.faq { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - font-size: 11px; - line-height: 15px; - margin-top: 11px; - margin-bottom: 22px; + font-size: 14px; + line-height: 20px; + margin-top: 14px; + margin-bottom: 28px; } dl.faq dt { @@ -430,8 +430,8 @@ dl.faq dt { } .content dl.faq { - font-size: 12px; - margin-bottom: 6px; + font-size: 16px; + margin-bottom: 8px; } .content li { @@ -450,22 +450,22 @@ dl.faq dt { /* Post author */ p.author { font-family: Verdana, Helvetica, Arial, sans-serif; - font-size: 10px; - line-height: 12px; + font-size: 12px; + line-height: 16px; clear: both; - margin-bottom: 8px; + margin-bottom: 10px; padding: 0 0 5px; } /* Post signature */ .signature { - font-size: 11px; - line-height: 16px; + font-size: 14px; + line-height: 20px; border-top: 1px solid transparent; clear: left; overflow: hidden; width: 100%; - margin-top: 16px; + margin-top: 20px; padding-top: 2px; } @@ -493,18 +493,18 @@ dd .signature { /* Post noticies */ .notice { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - font-size: 10px; - line-height: 13px; + font-size: 12px; + line-height: 16px; border-top: 1px dashed transparent; clear: left; width: auto; - margin-top: 15px; + margin-top: 18px; padding-top: 2px; } /* Jump to post link for now */ ul.searchresults { - font-size: 12px; + font-size: 16px; text-align: right; clear: both; list-style: none; @@ -551,20 +551,20 @@ blockquote cite > span { /* Code block */ .codebox { - font-size: 13px; + font-size: 16px; word-wrap: normal; border: 1px solid transparent; - margin: 13px 0 16px; + margin: 16px 0 18px; } .codebox p { - font-size: 10px !important; + font-size: 12px !important; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid transparent; display: block; margin-bottom: 0; - padding: 3px; + padding: 4px; } blockquote .codebox { @@ -584,7 +584,7 @@ blockquote .codebox { /* Attachments ---------------------------------------- */ .attachbox { - font-size: 13px; + font-size: 16px; border: 1px dashed transparent; float: left; clear: left; @@ -715,7 +715,7 @@ fieldset.polls dl.voted { } fieldset.polls dt { - font-size: 11px; + font-size: 14px; text-align: left; border-right: none; display: block; @@ -726,7 +726,7 @@ fieldset.polls dt { } fieldset.polls dd { - font-size: 11px; + font-size: 14px; border-left: none; float: left; width: 10%; @@ -761,7 +761,7 @@ fieldset.polls dd div { } .vote-submitted { - font-size: 12px; + font-size: 16px; font-weight: bold; text-align: center; } @@ -780,8 +780,8 @@ fieldset.polls dd div { .postprofile dd, .postprofile dt { - font-size: 10px; - line-height: 16px; + font-size: 12px; + line-height: 20px; margin-left: 8px; } diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index 7daaccb08e..2f84fc9b12 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -24,12 +24,12 @@ } .panel-container .panel p { - font-size: 11px; + font-size: 14px; } .panel-container .panel ol { - font-size: 11px; - margin-left: 22px; + font-size: 14px; + margin-left: 28px; } .panel-container .panel li.row { @@ -80,7 +80,7 @@ ul.cplist { } .panel-container .postbody p.author { - font-size: 11px; + font-size: 14px; } .cp-main .buttons { @@ -118,9 +118,9 @@ ul.cplist { .tabs .tab, .minitabs .tab { - font-size: 10px; + font-size: 12px; font-weight: bold; - line-height: 14px; + line-height: 18px; display: block; float: left; } @@ -144,7 +144,7 @@ ul.cplist { .tabs .tab > a { border: 1px solid transparent; border-radius: 4px 4px 0 0; - margin: 1px 1px 0 0; + margin: 1px 1px -1px 0; } .tabs .activetab > a { @@ -180,12 +180,12 @@ ul.cplist { } .responsive-tab > a.responsive-tab-link { - font-size: 16px; - line-height: 14px; + font-size: 20px; + line-height: 18px; text-decoration: none; position: relative; display: block; - width: 16px; + width: 20px; } .responsive-tab .responsive-tab-link:before { @@ -201,7 +201,7 @@ ul.cplist { .tabs .dropdown, .minitabs .dropdown { - font-size: 11px; + font-size: 14px; font-weight: normal; top: 20px; margin-right: -2px; @@ -248,11 +248,14 @@ ul.cplist { /* Link styles for the sub-section links */ .navigation a { - font-size: 10px; + font-size: 12px; text-decoration: none; display: block; margin: 1px 0; padding: 5px; + border: 1px solid transparent; + border-radius: 4px 0 0 4px; + } .navigation a:hover { @@ -269,12 +272,12 @@ ul.cplist { /* Friends list */ .cp-mini { - font-size: 10px; + font-size: 12px; border-radius: 7px; overflow-y: auto; max-height: 200px; - margin: 10px 15px 10px 5px; - padding: 5px 10px; + margin: 12px 15px 12px 5px; + padding: 5px 12px; } dl.mini dt { diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css index 4f67fae1dc..288043c011 100644 --- a/phpBB/styles/prosilver/theme/forms.css +++ b/phpBB/styles/prosilver/theme/forms.css @@ -9,13 +9,13 @@ ---------------------------------------- */ fieldset { font-family: Verdana, Helvetica, Arial, sans-serif; - font-size: 11px; + font-size: 14px; border-width: 0; } input { font-family: Verdana, Helvetica, Arial, sans-serif; - font-size: 11px; + font-size: 14px; font-weight: normal; vertical-align: middle; padding: 0 3px; @@ -23,7 +23,7 @@ input { select { font-family: Verdana, Helvetica, Arial, sans-serif; - font-size: 11px; + font-size: 14px; font-weight: normal; vertical-align: middle; border: 1px solid transparent; @@ -36,18 +36,18 @@ select:focus { } option { - padding-right: 11px; + padding-right: 14px; } select optgroup option { font-family: Verdana, Helvetica, Arial, sans-serif; - padding-right: 11px; + padding-right: 14px; } textarea { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - font-size: 11px; - line-height: 18px; + font-size: 14px; + line-height: 20px; width: 60%; padding: 2px; } @@ -184,7 +184,7 @@ fieldset.display-options a { } .dropdown fieldset.display-options { - font-size: 11px; + font-size: 14px; margin: 0; padding: 0; } @@ -203,10 +203,10 @@ fieldset.display-options a { /* Display actions for ucp and mcp pages */ fieldset.display-actions { - line-height: 22px; + line-height: 28px; text-align: right; white-space: nowrap; - padding-right: 11px; + padding-right: 14px; } fieldset.display-actions label { @@ -216,7 +216,7 @@ fieldset.display-actions label { /* Not used anywhere */ fieldset.sort-options { - line-height: 22px; + line-height: 28px; } /* MCP forum selection */ @@ -262,7 +262,7 @@ fieldset.submit-buttons input { .message-box textarea { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; - font-size: 13px; + font-size: 16px; outline: 3px dashed transparent; outline-offset: -4px; -webkit-box-sizing: border-box; @@ -369,7 +369,7 @@ input.disabled { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; - height: 24px; + height: 30px; padding: 3px; } diff --git a/phpBB/styles/prosilver/theme/icons.css b/phpBB/styles/prosilver/theme/icons.css index d4b7dabefe..135f5d0675 100644 --- a/phpBB/styles/prosilver/theme/icons.css +++ b/phpBB/styles/prosilver/theme/icons.css @@ -12,14 +12,14 @@ svg { .o-icon { vertical-align: middle !important; - width: 14px; - height: 14px; + width: 18px; + height: 18px; } .o-icon-src-mdi, .o-icon-src-ic { - width: 18px; - height: 18px; + width: 22px; + height: 22px; } .o-icon-src-fa { @@ -28,7 +28,7 @@ svg { .o-icon-font { font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands"; - font-size: 14px; + font-size: 18px; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; @@ -57,7 +57,7 @@ span + .o-icon { blockquote cite:before, .uncited:before { - font-size: 36px; + font-size: 40px; vertical-align: bottom; display: inline-block; margin-top: 8px; @@ -72,9 +72,9 @@ blockquote cite:before, .c-forum-row-icon, .c-notification-check-icon { - font-size: 20px; - width: 20px; - height: 20px; + font-size: 24px; + width: 24px; + height: 24px; margin-top: 0; } @@ -86,8 +86,8 @@ blockquote cite:before, display: inline-flex; justify-content: center; align-items: center; - width: 32px; - height: 32px; + width: 36px; + height: 36px; margin-top: -17px; margin-left: 9px; } diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css index 8405ba4224..6f68463306 100644 --- a/phpBB/styles/prosilver/theme/links.css +++ b/phpBB/styles/prosilver/theme/links.css @@ -69,7 +69,7 @@ a.forumtitle, a.topictitle, span.topictitle { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; - font-size: 13px; + font-size: 16px; text-decoration: none; } @@ -151,7 +151,7 @@ a.lastsubject:hover { } .top { - font-size: 12px; + font-size: 14px; text-decoration: none; margin-top: 10px; } diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index c3b946c0eb..c8f487c45f 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -152,7 +152,7 @@ } } -@media (max-width: 700px) { +@media (max-width: 750px) { .responsive-hide { display: none !important; } @@ -182,7 +182,7 @@ .wrap { border: none; border-radius: 0; - min-width: 290px; + min-width: 390px; margin: 0; padding: 0 5px; }