Agg. PicoBlog; Lavoro per il tema WM

This commit is contained in:
octospacc 2022-08-29 00:12:31 +02:00
parent b0f7233742
commit a8e94cbd44
3 changed files with 47 additions and 14 deletions

View File

@ -4,6 +4,7 @@
:Root {
--WindowPadding: 4px;
--WindowBorderSize: 4px;
--TitleBarHeight: 28px;
--TitleBarForeground: #FFFFFF;
@ -36,17 +37,22 @@ Body {
.Window {
Margin: Var(--WindowPadding);
Border: Solid 3px Var(--TitleBarBackground);
Border: Solid Var(--WindowBorderSize) Var(--TitleBarBackground);
Color: #000000;
Background: #EEE0FF;
}
.WindowContent {
Min-Width: 100%;
Min-Width: Calc(100% + Var(--WindowPadding) + Var(--WindowPadding) + Var(--WindowBorderSize) + Var(--WindowBorderSize));
Padding: Var(--WindowPadding);
Overflow-Y: Auto;
Margin-Left: Calc(0px - Var(--WindowPadding) - Var(--WindowBorderSize));
Margin-Top: Var(--WindowBorderSize);
Color: #000000;
Background: #EEE0FF;
Border: Solid Var(--WindowBorderSize) Var(--TitleBarBackground);
}
.Window:Hover {
Z-Index: 128 !important;
Z-Index: 128 !Important;
}
.TitleBar {
@ -60,7 +66,7 @@ Body {
.TitleBar > span:nth-child(1) {
Float: Left;
}
.TitleBar > span:nth-child(3) {
.TitleBar > span:nth-child(4) {
Float: Right;
}
@ -96,6 +102,22 @@ Body {
* Fritto Misto - Andrebbe ordinato *
*--------------------------------------------------------*/
.CheckLabel:Before {
Content: '🔼';
}
#MainWindowCheck {
Position: Fixed;
Opacity: 0;
}
:Checked ~ Span > .CheckLabel:Before {
Content: '🔽' !Important;
}
:Checked ~ .ToggleBox {
Display: None;
Visibility: Hidden;
}
/* No selezione */
.NoSelect,
.TitleBar,

View File

@ -24,6 +24,11 @@ Tieni a mente che le pubblicazioni più recenti vanno sempre in cima, facendo sc
<div markdown="1" class="BorderBoxContainer">
<details markdown="1"><summary>
#### [2022-08-28] Kindolante </summary>
Solo oggi ho scoperto che, installando [questo pacchetto](https://storage.gra.cloud.ovh.net/v1/AUTH_2ac4bfee353948ec8ea7fd1710574097/mr-public/Touch/kindle-usbnet-0.22.N-r18897.tar.xz){[:MdTgtBlank:]}, posso avere un **client** SSH aggiornato sul mio Kindle. Non potevo saperlo, non stava scritto da nessuna parte.. meglio tardi che mai però, ora dal Kindle posso fare cosine su altre macchine.
</details>
<details markdown="1"><summary>
#### [2022-08-26] 1 mese senza blogocto </summary>
Mamma mia agosto! Ha fatto andare un po' a rotoli i miei piani di scrittura, non ho mai avuto abbastanza tempo calmo e adatto per la scrittura ben fatta. Vabbè, dichiariamo finito questo ciclo lunare, è uscito [📈 il nuovo articoloctt](./Posts/2022-08-26-sitoctt-da-3-mesi-ad-oggi.html).

View File

@ -24,14 +24,28 @@
</head>
<!-- TitleBar: <span> - ❌ </span> <span> [staticoso:Page:Title] </span> <span> 🔺 🔼 ⬜ 🔷 </span> -->
<body id="Body">
<div class="TaskBar">
<details>
<summary><span class="MenuButton"><big><b>[<span class="twa twa-books"><span>📚</span></span>] Menu</b></big></span><br><br></summary>
<div>
[staticoso:Site:Menu]
</div>
</details>
</div>
<div class="Window" id="MainWindow">
<div class="TitleBar">
<span> 🔼 </span> &nbsp; <span> <b>[staticoso:Page:Title]</b> </span> &nbsp; <span> <span class="twa twa-pencil"><span>✏️</span></span> </span>
</div>
<div class="WindowContent" id="MainWindowContent">
<input type="checkbox" id="MainWindowCheck">
<span> <label class="CheckLabel" id="MainWindowCheckLabel" for="MainWindowCheck"></label> </span> &nbsp; <span> <b>[staticoso:Page:Title]</b> </span> &nbsp; <span> <span class="twa twa-pencil"><span>✏️</span></span> </span>
<div class="WindowContent ToggleBox" id="MainWindowContent">
[staticoso:Page:Content]
</div>
</div>
<!--
<div class="WindowContent ToggleBox" id="MainWindowContent">
[staticoso:Page:Content]
</div>
-->
</div>
<div class="Window" id="TitlesWindow">
<div class="TitleBar">
<span> 🔼 </span> &nbsp; <span> <b>Sezioni</b> </span> &nbsp; <span> <span class="twa twa-bookmark-tabs"><span>📑</span></span> </span>
@ -40,14 +54,6 @@
[staticoso:Page:Chapters]
</div>
</div>
<div class="TaskBar">
<details>
<summary><span class="MenuButton"><big><b>[<span class="twa twa-books"><span>📚</span></span>] Menu</b></big></span><br><br></summary>
<div>
[staticoso:Site:Menu]
</div>
</details>
</div>
</div>
</body>
</html>