Aggiornata home, miglioramenti CSS

This commit is contained in:
2022-05-27 16:24:08 +02:00
parent 42665d7904
commit c5addb63a3
7 changed files with 70 additions and 29 deletions

View File

@@ -18,6 +18,10 @@ Body {
Box-Sizing: Border-Box;
}
Details Div {
Margin: 8px;
Padding: 4px;
}
Details Div Details {
Border: 2px Solid Purple;
Margin: 8px;
Padding: 4px;
@@ -52,6 +56,9 @@ ul {
Width: 100%;
Padding: var(--ContentPadding);
}
#TopBox * {
Display: Inline;
}
#LeftBox, #LeftBoxContainer {
Float: Left;
Padding: var(--ContentPadding);
@@ -87,6 +94,8 @@ ul {
Color: #fafaf0;
Background: rgba(64, 0, 64, 0.6);
Text-Align: Right;
Padding-Left: var(--ContentPadding) !important;
Padding-Right: var(--ContentPadding) !important;
Z-Index: -1;
}
#LeftBoxContainer, #RightBoxContainer, #BottomBoxContainer {
@@ -101,6 +110,15 @@ ul {
Padding: var(--ScreenBorderPadding);
Width: 100%;
}
#TopBoxLeft {
Text-Align: Left;
Display: Inline-Block;
}
#TopBoxRight {
Text-Align: Right;
Float: Right;
Clear: Both;
}
#LeftBoxCheck, #LeftBoxLabel {
Float: Left;
@@ -135,6 +153,24 @@ ul {
.NoDisplay {
Display: None;
}
/* Gradienti */
.MainIdTextGradientL {
Background: linear-gradient(to left, #d000d0, #8040d0);
Color: Transparent;
-webkit-background-clip: Text;
Background-Clip: Text;
}
.MainIdTextGradientR {
Background: linear-gradient(to right, #d000d0, #8040d0);
Color: Transparent;
-webkit-background-clip: Text;
Background-Clip: Text;
}
/* Animazioni */
.BlinkA {
Animation: BlinkerA 0.25s Step-Start Infinite;
}
@@ -152,19 +188,6 @@ ul {
100% {Position: Static; Visibility: Visible;}
}
.MainIdTextGradientL {
Background: linear-gradient(to left, #d000d0, #8040d0);
Color: Transparent;
-webkit-background-clip: Text;
Background-Clip: Text;
}
.MainIdTextGradientR {
Background: linear-gradient(to right, #d000d0, #8040d0);
Color: Transparent;
-webkit-background-clip: Text;
Background-Clip: Text;
}
/* Credits: https://codepen.io/jh3y/pen/WNrXqYz */
.WavyText {
Text-Align: center;