MediaWiki:Common.less/transcripts.less

< MediaWiki:Common.less
Revision as of 22:45, 4 October 2022 by Jacmob (talk | contribs) (Created page with "// <pre> →‎=========================== Transcripts ===========================: :root { --transcript-border-color: #b4a36a; --transcript-border-hover-color: #88701d; --filter-transcript-icon: none; } // Template:Hastranscript transclude .transcript { background: var(--body-light); border-radius: ~"0 0 120px 120px / 0 0 8px 8px"; box-shadow: 0 5px 7px -7px rgba(0, 0, 0, 0.4); width: 50%; overflow: hidden; margin-bottom: 1em; padding: .5em...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

//

/* ===========================
		  Transcripts
   =========================== */
:root {
    --transcript-border-color: #b4a36a;
    --transcript-border-hover-color: #88701d;
    --filter-transcript-icon: none;
}

// Template:Hastranscript transclude
.transcript {
	background: var(--body-light);
	border-radius: ~"0 0 120px 120px / 0 0 8px 8px";
	box-shadow: 0 5px 7px -7px rgba(0, 0, 0, 0.4);
	width: 50%;
	overflow: hidden;
	margin-bottom: 1em;
	padding: .5em 1em 1em 1em;
	clear: left;

	// Template:Letter
	&.godletter {
		margin: 20px auto;
		padding: 20px 30px;
	}

}

/* 
	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
.speaksin-list ul {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 0.15em 1.6em; // same as ul margin
}

// Template:Tchatbox
.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 {
		content: ;
		background: url('/images/Black-chevron.svg');
		background-repeat: no-repeat;
		filter: var(--filter-transcript-icon);
		display: inline-block;
		width: 7px;
		height: 10px;
		margin-right: 5px;
	}

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