Test details per i menu

This commit is contained in:
octospacc 2022-07-12 22:44:48 +02:00
parent 398f150d9d
commit 36e14ffc4f
2 changed files with 18 additions and 15 deletions

View File

@ -122,6 +122,9 @@ h3:hover {
Float: Right; Float: Right;
Padding: var(--ContentPadding); Padding: var(--ContentPadding);
} }
#RightBoxContainer > Details > Summary {
Text-Align: Right;
}
#MainBox { #MainBox {
Margin: Auto; Margin: Auto;
Position: Absolute; Position: Absolute;

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="[HTML:Page:Lang]">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -30,22 +30,22 @@
</div> </div>
<div id="MiddleBox"> <div id="MiddleBox">
<div id="LeftBoxContainer"> <div id="LeftBoxContainer">
<label id="LeftBoxLabel" for="LeftBoxCheck"><big><b>[<span class="twa twa-books"><span>📚</span></span>]</b></big></label> <details>
<input type="checkbox" id="LeftBoxCheck" checked> <summary><big><b>[<span class="twa twa-books"><span>📚</span></span>]</b></big></summary>
<br> <div id="LeftBox">
<div id="LeftBox" class="ToggleBox"> [HTML:Part:Standard/LeftBoxTop.html]
[HTML:Part:Standard/LeftBoxTop.html] [HTML:Site:Menu]
[HTML:Site:Menu] [HTML:Part:Standard/LeftBoxBottom.html]
[HTML:Part:Standard/LeftBoxBottom.html] </div>
</div> </details>
</div> </div>
<div id="RightBoxContainer"> <div id="RightBoxContainer">
<label id="RightBoxLabel" for="RightBoxCheck"><big><b>[<span class="twa twa-bookmark-tabs"><span>📑</span></span>]</b></big></label> <details>
<input type="checkbox" id="RightBoxCheck" checked> <summary><big><b>[<span class="twa twa-bookmark-tabs"><span>📑</span></span>]</b></big></summary>
<br> <div id="RightBox">
<div id="RightBox" class="ToggleBox"> [HTML:Page:Chapters]
[HTML:Page:Chapters] </div>
</div> </details>
</div> </div>
<div id="MainBox"> <div id="MainBox">
<div id="MainBoxTop"> <div id="MainBoxTop">