[ticket/17459] Increase font sizes

PHPBB-17459
This commit is contained in:
Marc Alexander 2024-11-03 19:50:24 +01:00
parent 485d72f0e8
commit 23010abcb8
No known key found for this signature in database
GPG key ID: 50E0D2423696F995
9 changed files with 144 additions and 153 deletions

View file

@ -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;

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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 {

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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;
}