MediaWiki:Common.less/transcripts.less: Difference between revisions

From RuneRealm Wiki
Jump to navigation Jump to search
Content added Content deleted
No edit summary
No edit summary
 
Line 1: Line 1:
/* ===========================
/* =========================== Transcripts =========================== */:root { @ts-border: #b4a36a; --transcript-border-color: @ts-border; --transcript-border-hover-color: saturate( darken(@ts-border, 24%), 32%); --transcript-strikethrough-color: #800000;}// [[Template:Hastranscript]] transclude.transcript { background: var(--body-light); border-radius: ~"0 0 120px 120px / 0 0 8px 8px"; box-shadow: @box-shadow-dark; max-width: 90ch; overflow: hidden; margin-bottom: 1em; padding: .5em 1em 1em; clear: left; // [[Template:Letter]] &.godletter { margin: 1em auto; padding: 1em 1.5em; max-width: 60ch; }}/* * Transcript list styles are located in * [[MediaWiki:Vector.less/transcripts.less]] and * [[MediaWiki:Minerva.less/transcripts.less]] */// quest actions for transcripts.quest-action { text-align: center; font-style: italic; margin: 0 5%; &:before, &:after { content: '———'; margin: 4px; letter-spacing: -1px; }}// [[Template:Hastranscript/t]] speaksin/* unused.speaksin-list ul { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.15em 1.6em; // same as ul margin}*/// [[Template:Tbox]].transcript-chatbox-image { display: inline-block; margin-right: 5px; position: relative; text-align: center; width: 32px; + .transcript-chatbox-image { left: -10px; top: 10px; margin-right: 0; }}// [[Template:Topt]].transcript-opt { &::before { display: inline-block; content: ''; background: currentcolor; .mask('/images/rss/Black-chevron.svg'); width: 7px; height: 10px; margin-right: 5px; } &.disabled { filter: opacity(0.5); }}.ns-120 .mw-parser-output,.transcript { s { text-decoration-color: var(--transcript-strikethrough-color); } // interim solution to make large amounts of transcript text readable .template-colour { text-shadow: 1px 1px #000a; }}
Transcripts
=========================== */
:root {
@ts-border: #b4a36a;
--transcript-border-color: @ts-border;
--transcript-border-hover-color: saturate( darken(@ts-border, 24%), 32%);
--transcript-strikethrough-color: #800000;
}

// [[Template:Hastranscript]] transclude
.transcript {
background: var(--body-light);
border-radius: ~"0 0 120px 120px / 0 0 8px 8px";
box-shadow: @box-shadow-dark;
max-width: 90ch;
overflow: hidden;
margin-bottom: 1em;
padding: .5em 1em 1em;
clear: left;

// [[Template:Letter]]
&.godletter {
margin: 1em auto;
padding: 1em 1.5em;
max-width: 60ch;
}
}

/*
* Transcript list styles are located in
* [[MediaWiki:Vector.less/transcripts.less]] and
* [[MediaWiki:Minerva.less/transcripts.less]]
*/

// quest actions for transcripts
.quest-action {
text-align: center;
font-style: italic;
margin: 0 5%;

&:before,
&:after {
content: '———';
margin: 4px;
letter-spacing: -1px;
}
}

// [[Template:Hastranscript/t]] speaksin
/* unused
.speaksin-list ul {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 0.15em 1.6em; // same as ul margin
}
*/

// [[Template:Tbox]]
.transcript-chatbox-image {
display: inline-block;
margin-right: 5px;
position: relative;
text-align: center;
width: 32px;
+ .transcript-chatbox-image {
left: -10px;
top: 10px;
margin-right: 0;
}
}

// [[Template:Topt]]
.transcript-opt {
&::before {
display: inline-block;
content: '';
background: currentcolor;
.mask('/images/rss/Black-chevron.svg');
width: 7px;
height: 10px;
margin-right: 5px;
}

&.disabled {
filter: opacity(0.5);
}
}

.ns-120 .mw-parser-output,
.transcript {
s {
text-decoration-color: var(--transcript-strikethrough-color);
}

// interim solution to make large amounts of transcript text readable
.template-colour {
text-shadow: 1px 1px #000a;
}
}

Latest revision as of 17:14, 17 October 2024

/* =========================== Transcripts

  =========================== */
root {

@ts-border: #b4a36a; --transcript-border-color: @ts-border; --transcript-border-hover-color: saturate( darken(@ts-border, 24%), 32%); --transcript-strikethrough-color: #800000; }

// Template:Hastranscript transclude .transcript { background: var(--body-light); border-radius: ~"0 0 120px 120px / 0 0 8px 8px"; box-shadow: @box-shadow-dark; max-width: 90ch; overflow: hidden; margin-bottom: 1em; padding: .5em 1em 1em; clear: left;

// Template:Letter &.godletter { margin: 1em auto; padding: 1em 1.5em; max-width: 60ch; } }

/*

* Transcript list styles are located in
* MediaWiki:Vector.less/transcripts.less and
* MediaWiki:Minerva.less/transcripts.less
*/

// quest actions for transcripts .quest-action { text-align: center; font-style: italic; margin: 0 5%;

&:before, &:after { content: '———'; margin: 4px; letter-spacing: -1px; } }

// Template:Hastranscript/t speaksin /* unused .speaksin-list ul { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.15em 1.6em; // same as ul margin }

  • /

// Template:Tbox .transcript-chatbox-image { display: inline-block; margin-right: 5px; position: relative; text-align: center; width: 32px;

+ .transcript-chatbox-image { left: -10px; top: 10px; margin-right: 0; } }

// Template:Topt .transcript-opt { &::before { display: inline-block; content: ; background: currentcolor; .mask('/images/rss/Black-chevron.svg'); width: 7px; height: 10px; margin-right: 5px; }

&.disabled { filter: opacity(0.5); } }

.ns-120 .mw-parser-output, .transcript { s { text-decoration-color: var(--transcript-strikethrough-color); }

// interim solution to make large amounts of transcript text readable .template-colour { text-shadow: 1px 1px #000a; } }