Fix CSS, fix per root del sito dinamica

This commit is contained in:
octospacc 2022-05-29 00:56:12 +02:00
parent b09dd8ff01
commit 64b4789c0b
5 changed files with 16 additions and 13 deletions

View File

@ -10,7 +10,7 @@ pages:
stage: deploy stage: deploy
script: script:
- git clone --depth 1 https://gitlab.com/octtspacc/staticoso - git clone --depth 1 https://gitlab.com/octtspacc/staticoso
- python3 staticoso/Source/Build.py --Root "/postoctt/" - python3 staticoso/Source/Build.py --SiteRoot "/postoctt/"
artifacts: artifacts:
paths: paths:
- public - public

View File

@ -13,6 +13,7 @@ Body {
Color: #04040c; Color: #04040c;
Background: #eeddff; Background: #eeddff;
Font-Size: 13pt; Font-Size: 13pt;
Padding: var(--ContentPadding);
} }
#Container { #Container {
Box-Sizing: Border-Box; Box-Sizing: Border-Box;
@ -30,6 +31,9 @@ Details Div Details {
* { * {
Box-Sizing: Border-Box; Box-Sizing: Border-Box;
} }
.NoDisplay {
Display: None;
}
.NoCol { .NoCol {
Color: Transparent !important; Color: Transparent !important;
} }
@ -56,7 +60,8 @@ ul {
Width: 100%; Width: 100%;
Padding: var(--ContentPadding); Padding: var(--ContentPadding);
} }
#TopBox h1, #TopBox h2, #TopBox h3, #TopBox h4, #TopBox h5, #TopBox h6 { #TopBox h1, #TopBox h2, #TopBox h3, #TopBox h4, #TopBox h5, #TopBox h6,
#BottomBox h1, #BottomBox h2, #BottomBox h3, #BottomBox h4, #BottomBox h5, #BottomBox h6 {
Display: Inline; Display: Inline;
} }
#LeftBox, #LeftBoxContainer { #LeftBox, #LeftBoxContainer {
@ -87,15 +92,14 @@ ul {
Right: 0; Right: 0;
Width: 80%; Width: 80%;
Padding-Top: calc(var(--ContentPadding) + 24px); Padding-Top: calc(var(--ContentPadding) + 24px);
Padding-Bottom: calc(var(--ContentPadding) + 80px); Padding-Bottom: calc(var(--ContentPadding) + 64px);
} }
#BottomBox { #BottomBox {
Width: 100%; Width: 100%;
Color: #fafaf0; Color: #fafaf0;
Background: rgba(64, 0, 64, 0.6); Background: rgba(64, 0, 64, 0.6);
Text-Align: Right; Text-Align: Right;
Padding-Left: var(--ContentPadding) !important; Padding: var(--ContentPadding);
Padding-Right: var(--ContentPadding) !important;
Z-Index: -1; Z-Index: -1;
} }
#LeftBoxContainer, #RightBoxContainer, #BottomBoxContainer { #LeftBoxContainer, #RightBoxContainer, #BottomBoxContainer {
@ -107,9 +111,11 @@ ul {
Bottom: 0; Bottom: 0;
Left: 0; Left: 0;
Right: 0; Right: 0;
Padding: var(--ScreenBorderPadding);
Width: 100%; Width: 100%;
} }
#BottomBoxContainer {
Padding: var(--ScreenBorderPadding);
}
#TopBoxLeft { #TopBoxLeft {
Text-Align: Left; Text-Align: Left;
Display: Inline-Block; Display: Inline-Block;
@ -150,10 +156,6 @@ ul {
Visibility: Hidden; Visibility: Hidden;
} }
.NoDisplay {
Display: None;
}
/* Gradienti */ /* Gradienti */
.MainIdTextGradientL { .MainIdTextGradientL {

View File

@ -36,3 +36,4 @@ details
summary [2022-05-27] Il PicoBlog inizia! summary [2022-05-27] Il PicoBlog inizia!
p A cosa serve questo post? A farmi vedere l'effetto iniziale ed eventualmente sistemare del CSS.. p A cosa serve questo post? A farmi vedere l'effetto iniziale ed eventualmente sistemare del CSS..
p

View File

@ -1,6 +1,6 @@
<div id="TopBoxLeft"> <div id="TopBoxLeft">
<h3> <h3>
<a href="/postoctt"> <a href="[HTML:Site:AbsoluteRoot]">
<!-- Odio HTML vanilla così tanto è illegibile, si, se vado a capo qui si crea uno spazio, non posso farlo... --> <!-- Odio HTML vanilla così tanto è illegibile, si, se vado a capo qui si crea uno spazio, non posso farlo... -->
<strong class="twa twa-sparkles"><span></span></strong><strong class="MainIdTextGradientL">postoctt</strong><strong class="twa twa-sparkles"><span></span></strong> <strong class="twa twa-sparkles"><span></span></strong><strong class="MainIdTextGradientL">postoctt</strong><strong class="twa twa-sparkles"><span></span></strong>
</a> </a>
@ -8,7 +8,7 @@
</div> </div>
<div id="TopBoxRight"> <div id="TopBoxRight">
<a href="/postoctt/index.html#-Sorgenti-e-licenze"> <a href="[HTML:Site:AbsoluteRoot]index.html#-Sorgenti-e-licenze">
<img src="/sitoctt-assets/Buttons/CC-BY-SA.gif"> <img src="/sitoctt-assets/Buttons/CC-BY-SA.gif">
</a> </a>
</div> </div>

View File

@ -3,7 +3,7 @@
<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">
<link rel="stylesheet" href="[HTML:Page:CSS]"> <link rel="stylesheet" href="[HTML:Site:RelativeRoot]Standard.css">
<link href="/sitoctt-assets/Fonts/SpaceMono/Style.css" rel="stylesheet"> <link href="/sitoctt-assets/Fonts/SpaceMono/Style.css" rel="stylesheet">
<link href="/sitoctt-assets/twemoji-amazing.min.css" rel="stylesheet"> <link href="/sitoctt-assets/twemoji-amazing.min.css" rel="stylesheet">
<title>[HTML:Page:Title] - postoctt</title> <title>[HTML:Page:Title] - postoctt</title>