mirror of https://gitlab.com/octtspacc/OcttKB
53 lines
1.5 KiB
Plaintext
53 lines
1.5 KiB
Plaintext
|
created: 20230112154615238
|
||
|
|
creator: Octt
|
||
|
|
modified: 20230225112834333
|
||
|
|
modifier: Octt
|
||
|
|
tags: $:/tags/Stylesheet
|
||
|
|
title: $:/Styles/Embed
|
||
|
|
|
||
|
|
\define --HeadingColor0() #c061cb;
|
||
|
|
|
||
|
|
.iFrameNormal, .iFrame100 {
|
||
|
|
Margin: 0px;
|
||
|
|
Padding: 0px;
|
||
|
|
Background: #eeeeff/*#ddddff*/;
|
||
|
|
Width: 100vw;
|
||
|
|
}
|
||
|
|
.iFrameNormal { Height: 90vh; }
|
||
|
|
.iFrame100 { Height: 100vh; }
|
||
|
|
|
||
|
|
.MediaWikiEmbed, .MediaWikiEmbedBlock {
|
||
|
|
Border-Left: 4px Solid <<--HeadingColor0>>;
|
||
|
|
Padding-Left: 1em /*8px*/;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MediaWikiEmbedCover { float: right; }
|
||
|
|
.MediaWikiEmbedCover > * { max-height: 35vh /*50vh*/; }
|
||
|
|
|
||
|
|
.EmbedFrom, .Embed-From,
|
||
|
|
.MediaWikiEmbed-From, .MediaWikiEmbedFrom {
|
||
|
|
Font-Size: Smaller;
|
||
|
|
Font-Style: Italic;
|
||
|
|
/* Don't make the link go over the "fullscreen" checkbox+label */
|
||
|
|
max-width: calc(100% - 9em);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* input.Checkbox-Btn:after { content: attr(label); } */
|
||
|
|
|
||
|
|
.Embed-Fullscreen-Btn { float: right; font-style: revert; margin-top: -2em; }
|
||
|
|
label.Embed-Fullscreen-Btn { margin-right: 2.5em; }
|
||
|
|
input.Embed-Fullscreen-Btn { width: 2em; height: 2em; }
|
||
|
|
|
||
|
|
/* TODO: Different top: positioning based on if mobile or desktop view is active, and if sidebar is open or closed (2em for mobile and sidebar closed, ~0.64em for the rest) */
|
||
|
|
input.Embed-Fullscreen-Btn:checked,
|
||
|
|
input.Embed-Fullscreen-Btn:checked ~ label,
|
||
|
|
input.Embed-Fullscreen-Btn:checked ~ iframe
|
||
|
|
{ position: absolute; z-index: 99999; top: 2em/*0.64em*/; right: 0px; }
|
||
|
|
|
||
|
|
input.Embed-Fullscreen-Btn:checked ~ iframe {
|
||
|
|
height: calc(100vh - 2em);
|
||
|
|
left: 0px;
|
||
|
|
right: unset;
|
||
|
|
min-width: calc(100vw - 40px);
|
||
|
|
}
|