makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-07-23 10:28:55 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/17459] Use css variables in content.css

Browse source 
PHPBB-17459
This commit is contained in:
Marc Alexander 2024-11-03 22:09:53 +01:00
parent 74084107ed
commit d32970348f
No known key found for this signature in database
GPG key ID: 50E0D2423696F995
1 changed files with 58 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

116
phpBB/styles/prosilver/theme/content.css
View file

@ -37,7 +37,7 @@ ul.topiclist dd {
} }
ul.topiclist dt { ul.topiclist dt {
font-size: 14px; font-size: var(--ps-font-small);
width: 100%; width: 100%;
margin-right: -440px; margin-right: -440px;
} }
@ -55,7 +55,7 @@ ul.topiclist.two-columns dt {
} }
ul.topiclist dt .list-inner { ul.topiclist dt .list-inner {
line-height: 20px; line-height: calc(var(--ps-line-height) / 1.2);
margin-right: 440px; margin-right: 440px;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
@ -140,8 +140,8 @@ li.row strong {
li.header dt, li.header dt,
li.header dd { li.header dd {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-size: var(--ps-font-tiny);
line-height: 20px; line-height: 1.6;
text-transform: uppercase; text-transform: uppercase;
border-left-width: 0; border-left-width: 0;
margin: 2px 0 4px; margin: 2px 0 4px;
@ -207,8 +207,8 @@ dd.topics,
dd.views, dd.views,
dd.extra, dd.extra,
dd.mark { dd.mark {
font-size: 16px; font-size: var(--ps-font-normal);
line-height: 32px; line-height: 2;
text-align: center; text-align: center;
width: 80px; width: 80px;
} }
@ -236,16 +236,16 @@ dd.redirect,
dd.moderation, dd.moderation,
dd.time, dd.time,
dd.info { dd.info {
font-size: 14px; font-size: var(--ps-font-small);
width: 250px; width: 250px;
} }
dd.redirect { dd.redirect {
line-height: 32px; line-height: calc(var(--ps-line-height) / 0.75);
} }
dd.time { dd.time {
line-height: 26px; line-height: calc(var(--ps-line-height) * 1.1);
} }
dd.lastpost > span, dd.lastpost > span,
@ -258,17 +258,17 @@ dd.moderation > span {
} }
dd.lastpost > span { dd.lastpost > span {
line-height: 20px; line-height: calc(var(--ps-line-height) / 1.2);
} }
dd.extra, dd.extra,
dd.mark { dd.mark {
line-height: 24px; line-height: var(--ps-line-height);
} }
dd.option { dd.option {
font-size: 14px; font-size: var(--ps-font-small);
line-height: 28px; line-height: 1.75;
text-align: center; text-align: center;
width: 125px; width: 125px;
} }
@ -276,7 +276,7 @@ dd.option {
/* Post body styles /* Post body styles
---------------------------------------- */ ---------------------------------------- */
.postbody { .postbody {
line-height: 16px; line-height: var(--ps-line-height);
position: relative; position: relative;
float: left; float: left;
width: 76%; width: 76%;
@ -284,18 +284,18 @@ dd.option {
} }
.postbody .ignore { .postbody .ignore {
font-size: 14px; font-size: var(--ps-font-small);
} }
.postbody h3.first { .postbody h3.first {
/* The first post on the page uses this */ /* The first post on the page uses this */
font-size: 20px; font-size: var(--ps-font-h3);
} }
.postbody h3 { .postbody h3 {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 18px; font-size: var(--ps-font-h4);
line-height: 22px; line-height: calc(var(--ps-font-h4) + 4px);
text-transform: none; text-transform: none;
border: none; border: none;
@ -317,7 +317,7 @@ dd.option {
} }
.postbody .content { .postbody .content {
font-size: 16px; font-size: var(--ps-font-normal);
overflow-x: auto; overflow-x: auto;
} }
@ -374,17 +374,17 @@ dd.option {
---------------------------------------- */ ---------------------------------------- */
.content { .content {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 16px; font-size: var(--ps-font-normal);
line-height: 24px; line-height: var(--ps-line-height);
clear: both; clear: both;
overflow: hidden; overflow: hidden;
min-height: 36px; min-height: calc(var(--ps-line-height) * 1.5);
padding-bottom: 1px; padding-bottom: 1px;
} }
.content h2, .content h2,
.panel h2 { .panel h2 {
font-size: 20px; font-size: var(--ps-font-h3);
font-weight: normal; font-weight: normal;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
margin-top: 8px; margin-top: 8px;
@ -397,9 +397,9 @@ dd.option {
} }
.panel p { .panel p {
font-size: 16px; font-size: var(--ps-font-normal);
line-height: 20px; line-height: 1.25;
margin-bottom: 16px; margin-bottom: var(--ps-font-normal);
} }
.content p { .content p {
@ -407,22 +407,22 @@ dd.option {
} }
.agreement { .agreement {
font-size: 16px; font-size: var(--ps-font-normal);
line-height: 20px; line-height: 1.25;
margin-bottom: 14px; margin-bottom: var(--ps-font-small);
} }
.agreement-text { .agreement-text {
line-height: 17px; line-height: calc(var(--ps-font-normal) * 1.25);
margin-bottom: 10px; margin-bottom: var(--ps-font-small);
} }
dl.faq { dl.faq {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 14px; font-size: var(--ps-font-small);
line-height: 20px; line-height: 1.4;
margin-top: 14px; margin-top: var(--ps-font-small);
margin-bottom: 28px; margin-bottom: calc(var(--ps-font-small) * 2);
} }
dl.faq dt { dl.faq dt {
@ -430,8 +430,8 @@ dl.faq dt {
} }
.content dl.faq { .content dl.faq {
font-size: 16px; font-size: var(--ps-font-normal);
margin-bottom: 8px; margin-bottom: calc(var(--ps-font-normal) / 2);
} }
.content li { .content li {
@ -450,22 +450,22 @@ dl.faq dt {
/* Post author */ /* Post author */
p.author { p.author {
font-family: Verdana, Helvetica, Arial, sans-serif; font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px; font-size: var(--ps-font-tiny);
line-height: 16px; line-height: 1.2;
clear: both; clear: both;
margin-bottom: 10px; margin-bottom: calc(var(--ps-font-tiny) / 1.2);
padding: 0 0 5px; padding: 0 0 5px;
} }
/* Post signature */ /* Post signature */
.signature { .signature {
font-size: 14px; font-size: var(--ps-font-small);
line-height: 20px; line-height: 1.4;
border-top: 1px solid transparent; border-top: 1px solid transparent;
clear: left; clear: left;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
margin-top: 20px; margin-top: calc(var(--ps-font-small) * 1.4);
padding-top: 2px; padding-top: 2px;
} }
@ -493,18 +493,18 @@ dd .signature {
/* Post noticies */ /* Post noticies */
.notice { .notice {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 12px; font-size: var(--ps-font-tiny);
line-height: 16px; line-height: 1.3;
border-top: 1px dashed transparent; border-top: 1px dashed transparent;
clear: left; clear: left;
width: auto; width: auto;
margin-top: 18px; margin-top: calc(var(--ps-font-tiny) * 1.3 + 2px);
padding-top: 2px; padding-top: 2px;
} }
/* Jump to post link for now */ /* Jump to post link for now */
ul.searchresults { ul.searchresults {
font-size: 16px; font-size: var(--ps-font-normal);
text-align: right; text-align: right;
clear: both; clear: both;
list-style: none; list-style: none;
@ -551,20 +551,20 @@ blockquote cite > span {
/* Code block */ /* Code block */
.codebox { .codebox {
font-size: 16px; font-size: var(--ps-font-normal);
word-wrap: normal; word-wrap: normal;
border: 1px solid transparent; border: 1px solid transparent;
margin: 16px 0 18px; margin: var(--ps-font-normal) 0 calc(var(--ps-font-normal) + 2px);
} }
.codebox p { .codebox p {
font-size: 12px !important; font-size: var(--ps-font-tiny) !important;
font-weight: bold; font-weight: bold;
text-transform: uppercase; text-transform: uppercase;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
display: block; display: block;
margin-bottom: 0; margin-bottom: 0;
padding: 4px; padding: calc(var(--ps-font-tiny) / 3);
} }
blockquote .codebox { blockquote .codebox {
@ -584,7 +584,7 @@ blockquote .codebox {
/* Attachments /* Attachments
---------------------------------------- */ ---------------------------------------- */
.attachbox { .attachbox {
font-size: 16px; font-size: var(--ps-font-normal);
border: 1px dashed transparent; border: 1px dashed transparent;
float: left; float: left;
clear: left; clear: left;
@ -715,7 +715,7 @@ fieldset.polls dl.voted {
} }
fieldset.polls dt { fieldset.polls dt {
font-size: 14px; font-size: var(--ps-font-small);
text-align: left; text-align: left;
border-right: none; border-right: none;
display: block; display: block;
@ -726,7 +726,7 @@ fieldset.polls dt {
} }
fieldset.polls dd { fieldset.polls dd {
font-size: 14px; font-size: var(--ps-font-small);
border-left: none; border-left: none;
float: left; float: left;
width: 10%; width: 10%;
@ -761,7 +761,7 @@ fieldset.polls dd div {
} }
.vote-submitted { .vote-submitted {
font-size: 16px; font-size: var(--ps-font-normal);
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
@ -769,7 +769,7 @@ fieldset.polls dd div {
/* Poster profile block /* Poster profile block
---------------------------------------- */ ---------------------------------------- */
.postprofile { .postprofile {
line-height: 16px; line-height: calc(var(--ps-font-tiny) * 1.6);
border: 1px solid transparent; border: 1px solid transparent;
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
float: right; float: right;
@ -780,8 +780,8 @@ fieldset.polls dd div {
.postprofile dd, .postprofile dd,
.postprofile dt { .postprofile dt {
font-size: 12px; font-size: var(--ps-font-tiny);
line-height: 20px; line-height: 1.6;
margin-left: 8px; margin-left: 8px;
} }