2022-07-24 13:48:02 +02:00
|
|
|
/*--------------------------------------------------------*
|
2022-08-28 17:13:34 +02:00
|
|
|
* Globale *
|
2022-07-24 13:48:02 +02:00
|
|
|
*--------------------------------------------------------*/
|
|
|
|
|
2022-07-19 18:26:01 +02:00
|
|
|
:Root {
|
2022-05-17 13:00:20 +02:00
|
|
|
--ScreenBorderPadding: 4px;
|
|
|
|
--ContentPadding: 8px;
|
2022-07-24 13:48:02 +02:00
|
|
|
|
2022-08-28 17:13:34 +02:00
|
|
|
--BodyTextColor: #080810;
|
|
|
|
}
|
2022-07-24 13:48:02 +02:00
|
|
|
|
2022-08-28 17:13:34 +02:00
|
|
|
* {
|
|
|
|
Box-Sizing: Border-Box;
|
|
|
|
}
|
2022-07-24 13:48:02 +02:00
|
|
|
|
2022-07-19 18:26:01 +02:00
|
|
|
::Selection {
|
|
|
|
Background-Color: RGBA(170, 170, 255, 0.2);
|
2022-06-21 13:56:53 +02:00
|
|
|
}
|
2022-08-28 17:13:34 +02:00
|
|
|
|
2022-05-17 13:00:20 +02:00
|
|
|
Body {
|
|
|
|
Margin: 0;
|
|
|
|
Box-Sizing: Border-Box;
|
2022-05-18 20:36:17 +02:00
|
|
|
Width: 100%;
|
|
|
|
Max-Width: 100%;
|
2022-05-17 13:00:20 +02:00
|
|
|
Position: Absolute;
|
|
|
|
Left: Auto;
|
|
|
|
Right: Auto;
|
2022-08-28 17:13:34 +02:00
|
|
|
Color: Var(--BodyTextColor);
|
2022-05-17 13:00:20 +02:00
|
|
|
Background: #eeddff;
|
2022-05-22 15:57:10 +02:00
|
|
|
Font-Size: 13pt;
|
2022-07-19 18:26:01 +02:00
|
|
|
Padding: Var(--ContentPadding);
|
2022-05-30 20:11:56 +02:00
|
|
|
Overflow-Wrap: Break-Word;
|
2022-05-17 13:00:20 +02:00
|
|
|
}
|
2022-08-28 17:13:34 +02:00
|
|
|
|
2022-08-29 15:41:44 +02:00
|
|
|
.NoDisplay {
|
|
|
|
Display: None;
|
|
|
|
}
|
|
|
|
.NoCol {
|
|
|
|
Color: Transparent !Important;
|
|
|
|
}
|
2022-09-06 00:24:21 +02:00
|
|
|
.Inline {
|
|
|
|
Display: Inline;
|
|
|
|
}
|
|
|
|
.InlineBlock {
|
|
|
|
Display: Inline-Block;
|
|
|
|
}
|
2022-08-30 00:35:13 +02:00
|
|
|
|
2022-08-28 17:13:34 +02:00
|
|
|
/*--------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*--------------------------------------------------------*
|
|
|
|
* Fritto Misto - Andrebbe ordinato *
|
|
|
|
*--------------------------------------------------------*/
|
|
|
|
|
2022-05-27 11:12:36 +02:00
|
|
|
Details Div {
|
2022-05-27 16:24:08 +02:00
|
|
|
Margin: 8px;
|
|
|
|
Padding: 4px;
|
|
|
|
}
|
2022-07-19 00:06:00 +02:00
|
|
|
.BorderBox,
|
|
|
|
.BorderBoxContainer > *,
|
2022-05-27 16:24:08 +02:00
|
|
|
Details Div Details {
|
2022-05-27 11:12:36 +02:00
|
|
|
Border: 2px Solid Purple;
|
|
|
|
Margin: 8px;
|
|
|
|
Padding: 4px;
|
|
|
|
}
|
2022-08-25 00:34:30 +02:00
|
|
|
Summary > H1, Summary > H2, Summary > H3, Summary > H4, Summary > H5, Summary > H6 {
|
2022-08-22 00:49:56 +02:00
|
|
|
Display: Inline;
|
|
|
|
}
|
2022-05-17 13:00:20 +02:00
|
|
|
|
2022-07-21 22:39:54 +02:00
|
|
|
A {
|
2022-08-25 00:34:30 +02:00
|
|
|
Color: #D000D0;
|
2022-05-23 00:06:47 +02:00
|
|
|
}
|
2022-07-21 22:39:54 +02:00
|
|
|
H1, H2, H3, H4, H5, H6 {
|
2022-06-21 13:56:53 +02:00
|
|
|
Color: #503080;
|
|
|
|
}
|
2022-07-21 22:39:54 +02:00
|
|
|
Ul {
|
2022-05-23 23:47:18 +02:00
|
|
|
Padding-Left: 16px;
|
|
|
|
Padding-Right: 4px;
|
2022-05-23 00:06:47 +02:00
|
|
|
}
|
2022-07-21 22:39:54 +02:00
|
|
|
Table Td, Table Th, Table Tr {
|
|
|
|
Border: 2px Solid Purple;
|
|
|
|
Padding: 4px;
|
|
|
|
}
|
2022-08-26 18:13:30 +02:00
|
|
|
|
|
|
|
.ScrollBox, .ScrollBorderBox {
|
2022-07-24 17:39:45 +02:00
|
|
|
Padding: 8px;
|
2022-08-09 15:07:10 +02:00
|
|
|
}
|
2022-08-22 13:47:46 +02:00
|
|
|
.Code, Code:Not(.NoCode), Pre Code:Not(.NoCode), Pre.Code, .CodeScroll {
|
2022-08-25 00:34:30 +02:00
|
|
|
Color: #FAFAF0;
|
2022-08-09 15:07:10 +02:00
|
|
|
Background: #300030;
|
|
|
|
}
|
2022-08-26 18:13:30 +02:00
|
|
|
.ScrollBox, .ScrollBorderBox, .CodeScroll {
|
|
|
|
Overflow-X: Auto;
|
|
|
|
}
|
2022-08-09 15:07:10 +02:00
|
|
|
.ScrollBorderBox, .CodeScroll {
|
|
|
|
Border: 2px Solid Purple;
|
2022-07-24 17:39:45 +02:00
|
|
|
}
|
2022-08-09 15:07:10 +02:00
|
|
|
Pre.Code, .CodeScroll {
|
|
|
|
Padding-Left: 8px;
|
|
|
|
Padding-Right: 8px;
|
2022-09-06 00:24:21 +02:00
|
|
|
Padding-Top: 8px;
|
2022-08-09 15:07:10 +02:00
|
|
|
Padding-Bottom: 16px;
|
|
|
|
}
|
2022-09-06 00:24:21 +02:00
|
|
|
Code:Not(Pre Code) {
|
|
|
|
Padding: 4px 4px 4px 4px;
|
|
|
|
}
|
2022-05-23 00:06:47 +02:00
|
|
|
|
2022-08-29 15:41:44 +02:00
|
|
|
#MainBox A:Not(
|
2022-08-25 00:34:30 +02:00
|
|
|
.NoLinkLink, .NoLinkLink A,
|
|
|
|
.SectionLink A,
|
|
|
|
#StatCounter A,
|
2022-08-29 15:41:44 +02:00
|
|
|
#RingsDiv A
|
|
|
|
):Before {
|
2022-06-27 18:07:51 +02:00
|
|
|
Content: '🔗 ';
|
2022-06-21 13:56:53 +02:00
|
|
|
}
|
|
|
|
|
2022-08-29 15:41:44 +02:00
|
|
|
/* Clickable link at the left of every section title */
|
2022-08-28 17:13:34 +02:00
|
|
|
.SectionTitle:Target {
|
|
|
|
Color: #EEDDFF !Important;
|
|
|
|
Background: #700070 !Important;
|
|
|
|
Text-Decoration: Underline;
|
|
|
|
}
|
2022-08-25 00:34:30 +02:00
|
|
|
.SectionLink {
|
|
|
|
Position: Absolute;
|
|
|
|
Left: -1.5em;
|
2022-08-28 17:13:34 +02:00
|
|
|
Opacity: 0.08;
|
2022-08-25 00:34:30 +02:00
|
|
|
}
|
|
|
|
.SectionLink:Hover {
|
|
|
|
Opacity: 0.8;
|
|
|
|
}
|
|
|
|
.SectionLink > A::Before {
|
|
|
|
Content: '🔗';
|
|
|
|
}
|
|
|
|
.SectionLink > A > Span {
|
|
|
|
Font-Size: 0;
|
2022-06-27 18:07:51 +02:00
|
|
|
}
|
|
|
|
|
2022-08-25 00:34:30 +02:00
|
|
|
A:Hover:Not(
|
2022-07-24 13:48:02 +02:00
|
|
|
H3 > A, H4 > A, H5 > A, H6 > A,
|
|
|
|
.NoABigger, .NoABigger A,
|
|
|
|
.NoHoverLight, .NoHoverLight A
|
|
|
|
) {
|
2022-08-25 00:34:30 +02:00
|
|
|
Color: #EEDDFF !Important;
|
|
|
|
Background: #700070 !Important;
|
2022-07-24 13:48:02 +02:00
|
|
|
}
|
|
|
|
|
2022-07-29 18:35:35 +02:00
|
|
|
.ImgShiftedH, .ImgShiftedH Img {
|
2022-06-27 18:07:51 +02:00
|
|
|
Margin-Top: 4px;
|
|
|
|
Margin-Bottom: -4px;
|
2022-06-22 15:52:32 +02:00
|
|
|
}
|
|
|
|
|
2022-07-21 22:39:54 +02:00
|
|
|
Details > Summary:hover {
|
2022-06-21 13:56:53 +02:00
|
|
|
Font-Size: 15pt;
|
|
|
|
}
|
2022-07-21 22:39:54 +02:00
|
|
|
H1:hover {
|
2022-06-21 13:56:53 +02:00
|
|
|
Font-Size: 28pt;
|
|
|
|
}
|
2022-07-21 22:39:54 +02:00
|
|
|
H2:hover {
|
2022-06-21 13:56:53 +02:00
|
|
|
Font-Size: 21.5pt;
|
|
|
|
}
|
2022-07-21 22:39:54 +02:00
|
|
|
H3:hover {
|
2022-06-21 13:56:53 +02:00
|
|
|
Font-Size: 17.5pt;
|
|
|
|
}
|
|
|
|
|
2022-09-18 01:48:47 +02:00
|
|
|
IFrame {
|
|
|
|
Width: 100%;
|
2022-09-19 01:24:51 +02:00
|
|
|
Max-Height: 90vh;
|
2022-09-18 01:48:47 +02:00
|
|
|
}
|
|
|
|
|
2022-05-30 20:11:56 +02:00
|
|
|
#Container {
|
|
|
|
Max-Width: 100%;
|
|
|
|
}
|
2022-05-18 20:36:17 +02:00
|
|
|
#LeftBox, #RightBox {
|
2022-05-23 23:47:18 +02:00
|
|
|
Max-Width: 90vw;
|
2022-05-18 20:36:17 +02:00
|
|
|
Color: #fafaf0;
|
2022-08-11 21:40:37 +02:00
|
|
|
Background: #300030;
|
2022-05-18 20:36:17 +02:00
|
|
|
}
|
2022-07-21 22:39:54 +02:00
|
|
|
#LeftBox A, #RightBox A, #BottomBox A {
|
2022-05-18 20:36:17 +02:00
|
|
|
Color: #eeddff;
|
|
|
|
}
|
2022-07-21 22:39:54 +02:00
|
|
|
#LeftBox Ul Li, #RightBox Ul Li {
|
2022-05-23 23:47:18 +02:00
|
|
|
List-Style-Type: None;
|
|
|
|
}
|
2022-05-17 13:00:20 +02:00
|
|
|
#TopBox {
|
2022-05-26 23:43:33 +02:00
|
|
|
Width: 100%;
|
2022-07-19 18:26:01 +02:00
|
|
|
Padding: Var(--ContentPadding);
|
2022-05-17 13:00:20 +02:00
|
|
|
}
|
2022-06-07 13:55:42 +02:00
|
|
|
.HeaderElement {
|
|
|
|
Border: 2px Solid Purple;
|
|
|
|
Padding: 0px 8px 8px 8px;
|
|
|
|
}
|
2022-05-29 00:56:12 +02:00
|
|
|
#TopBox h1, #TopBox h2, #TopBox h3, #TopBox h4, #TopBox h5, #TopBox h6,
|
|
|
|
#BottomBox h1, #BottomBox h2, #BottomBox h3, #BottomBox h4, #BottomBox h5, #BottomBox h6 {
|
2022-05-27 16:24:08 +02:00
|
|
|
Display: Inline;
|
|
|
|
}
|
2022-05-18 20:36:17 +02:00
|
|
|
#LeftBox, #LeftBoxContainer {
|
2022-05-17 13:00:20 +02:00
|
|
|
Float: Left;
|
2022-08-23 00:07:45 +02:00
|
|
|
Left: Var(--ContentPadding);
|
2022-07-19 18:26:01 +02:00
|
|
|
Padding: Var(--ContentPadding);
|
2022-05-17 13:00:20 +02:00
|
|
|
}
|
2022-05-18 20:36:17 +02:00
|
|
|
#RightBox, #RightBoxContainer {
|
2022-08-18 00:04:54 +02:00
|
|
|
Float: Right;
|
2022-08-23 00:07:45 +02:00
|
|
|
Right: Var(--ContentPadding);
|
2022-07-19 18:26:01 +02:00
|
|
|
Padding: Var(--ContentPadding);
|
2022-05-17 13:00:20 +02:00
|
|
|
}
|
2022-07-18 18:34:29 +02:00
|
|
|
#RightBox {
|
|
|
|
Float: Right;
|
|
|
|
}
|
2022-07-12 22:44:48 +02:00
|
|
|
#RightBoxContainer > Details > Summary {
|
|
|
|
Text-Align: Right;
|
|
|
|
}
|
2022-05-17 13:00:20 +02:00
|
|
|
#MainBox {
|
|
|
|
Margin: Auto;
|
|
|
|
Position: Absolute;
|
|
|
|
Z-Index: -1;
|
|
|
|
Left: 0;
|
|
|
|
Right: 0;
|
|
|
|
Width: 80%;
|
2022-07-19 18:26:01 +02:00
|
|
|
Padding-Top: Calc(Var(--ContentPadding) + 32px);
|
|
|
|
Padding-Bottom: Calc(Var(--ContentPadding) + 64px);
|
2022-05-17 13:00:20 +02:00
|
|
|
}
|
2022-07-23 13:52:09 +02:00
|
|
|
#MainBox Img,
|
|
|
|
#MainBox Video {
|
2022-07-09 17:42:49 +02:00
|
|
|
Max-Width: 90%;
|
2022-07-03 17:51:01 +02:00
|
|
|
Max-Height: 80vh;
|
|
|
|
}
|
2022-07-23 13:52:09 +02:00
|
|
|
#MainBox Img:hover,
|
|
|
|
#MainBox Video:hover {
|
2022-07-09 17:42:49 +02:00
|
|
|
Max-Width: 100%;
|
2022-07-03 17:51:01 +02:00
|
|
|
Max-Height: 90vh;
|
|
|
|
}
|
2022-07-23 13:52:09 +02:00
|
|
|
.Img36 Img,
|
|
|
|
.Img36 Video {
|
2022-07-22 00:36:27 +02:00
|
|
|
Max-Height: 36vh !important;
|
2022-07-19 18:26:01 +02:00
|
|
|
}
|
2022-07-23 13:52:09 +02:00
|
|
|
.Img36 Img:hover,
|
|
|
|
.Img36 Video:hover {
|
2022-07-22 00:36:27 +02:00
|
|
|
Max-Height: 64vh !important;
|
2022-07-19 18:26:01 +02:00
|
|
|
}
|
2022-07-24 13:48:02 +02:00
|
|
|
#MainBox p Img:not(.NoImgCenter, .NoImgCenter Img),
|
|
|
|
#MainBox p Video:not(.NoImgCenter, .NoImgCenter Video) {
|
2022-07-03 17:51:01 +02:00
|
|
|
Display: Block;
|
|
|
|
Margin-Left: Auto;
|
|
|
|
Margin-Right: Auto;
|
2022-06-23 00:30:35 +02:00
|
|
|
}
|
2022-07-23 13:52:09 +02:00
|
|
|
.ImgSidePadding Img,
|
|
|
|
.ImgSidePadding Video {
|
2022-07-22 00:36:27 +02:00
|
|
|
Padding-Left: 16px;
|
|
|
|
Padding-Right: 16px;
|
|
|
|
}
|
2022-07-24 17:39:45 +02:00
|
|
|
.Pixelated,
|
|
|
|
.Pixelated Img {
|
|
|
|
Image-Rendering: Pixelated;
|
|
|
|
-ms-interpolation-mode: nearest-neighbor;
|
|
|
|
}
|
|
|
|
|
2022-08-23 18:56:53 +02:00
|
|
|
#MainBoxTop, #BuildTimeLine {
|
2022-06-10 19:43:13 +02:00
|
|
|
Color: #505050;
|
|
|
|
}
|
2022-08-23 18:56:53 +02:00
|
|
|
#BuildTimeLine > Span {
|
|
|
|
Display: Inline-Block;
|
|
|
|
}
|
2022-05-17 13:00:20 +02:00
|
|
|
#BottomBox {
|
2022-05-26 23:43:33 +02:00
|
|
|
Width: 100%;
|
2022-05-19 00:06:04 +02:00
|
|
|
Color: #fafaf0;
|
2022-07-19 18:26:01 +02:00
|
|
|
Background: RGBA(64, 0, 64, 0.6);
|
2022-05-26 23:30:42 +02:00
|
|
|
Text-Align: Right;
|
2022-07-19 18:26:01 +02:00
|
|
|
Padding: Var(--ContentPadding);
|
2022-05-26 23:30:42 +02:00
|
|
|
Z-Index: -1;
|
|
|
|
}
|
2022-08-23 00:07:45 +02:00
|
|
|
#LeftBoxContainer, #RightBoxContainer {
|
|
|
|
Position: Absolute;
|
|
|
|
}
|
2022-05-27 13:06:58 +02:00
|
|
|
#LeftBoxContainer, #RightBoxContainer, #BottomBoxContainer {
|
2022-05-26 23:30:42 +02:00
|
|
|
Color: #808080;
|
|
|
|
}
|
|
|
|
#BottomBox, #BottomBoxContainer {
|
|
|
|
Box-Sizing: Border-Box;
|
2022-05-17 13:00:20 +02:00
|
|
|
Position: Fixed;
|
2022-05-18 13:06:53 +02:00
|
|
|
Bottom: 0;
|
2022-05-17 13:00:20 +02:00
|
|
|
Left: 0;
|
|
|
|
Right: 0;
|
2022-05-18 20:36:17 +02:00
|
|
|
Width: 100%;
|
2022-05-17 13:00:20 +02:00
|
|
|
}
|
2022-05-29 00:56:12 +02:00
|
|
|
#BottomBoxContainer {
|
2022-07-19 18:26:01 +02:00
|
|
|
Padding: Var(--ScreenBorderPadding);
|
2022-05-29 00:56:12 +02:00
|
|
|
}
|
2022-05-27 16:24:08 +02:00
|
|
|
#TopBoxLeft {
|
|
|
|
Text-Align: Left;
|
|
|
|
Display: Inline-Block;
|
|
|
|
}
|
|
|
|
#TopBoxRight {
|
|
|
|
Text-Align: Right;
|
|
|
|
Float: Right;
|
|
|
|
Clear: Both;
|
|
|
|
}
|
2022-08-11 21:40:37 +02:00
|
|
|
#PrivacyPopup {
|
|
|
|
Display: None;
|
|
|
|
Visibility: Hidden;
|
|
|
|
Position: Fixed;
|
|
|
|
Z-Index: 16;
|
|
|
|
Color: #fafaf0;
|
|
|
|
Background: #300030;
|
|
|
|
Max-Width: 60vw;
|
|
|
|
Max-Height: 50vh;
|
|
|
|
Overflow-Y: Scroll;
|
|
|
|
Bottom: 64px;
|
|
|
|
Right: Calc(Var(--ContentPadding) * 2);
|
|
|
|
Padding: Var(--ContentPadding);
|
2022-08-13 22:39:10 +02:00
|
|
|
Padding-Bottom: Calc(Var(--ContentPadding) * 2);
|
2022-08-11 21:40:37 +02:00
|
|
|
}
|
2022-06-30 23:52:50 +02:00
|
|
|
#MainBoxGlobalFooter,
|
2022-07-19 18:26:01 +02:00
|
|
|
#StatCounter,
|
|
|
|
.Center {
|
2022-06-27 18:07:51 +02:00
|
|
|
Text-Align: Center;
|
|
|
|
}
|
|
|
|
#MainBoxGlobalFooter span {
|
|
|
|
Vertical-Align: Top;
|
|
|
|
}
|
2022-05-17 13:00:20 +02:00
|
|
|
|
2022-05-18 20:36:17 +02:00
|
|
|
#LeftBoxCheck, #LeftBoxLabel {
|
|
|
|
Float: Left;
|
|
|
|
Left: 0;
|
2022-07-19 18:26:01 +02:00
|
|
|
Margin: Var(--ScreenBorderPadding);
|
2022-05-18 20:36:17 +02:00
|
|
|
}
|
|
|
|
#RightBoxCheck, #RightBoxLabel {
|
|
|
|
Float: Right;
|
|
|
|
Right: 0;
|
2022-07-19 18:26:01 +02:00
|
|
|
Margin: Var(--ScreenBorderPadding);
|
2022-05-18 20:36:17 +02:00
|
|
|
}
|
2022-05-26 23:30:42 +02:00
|
|
|
#BottomBoxCheck, #BottomBoxLabel {
|
|
|
|
Float: Left;
|
|
|
|
Left: 0;
|
2022-07-19 18:26:01 +02:00
|
|
|
Margin: Var(--ScreenBorderPadding);
|
2022-05-26 23:30:42 +02:00
|
|
|
}
|
|
|
|
#LeftBoxCheck, #RightBoxCheck, #BottomBoxCheck {
|
2022-05-18 20:36:17 +02:00
|
|
|
Position: Fixed;
|
|
|
|
Opacity: 0;
|
|
|
|
}
|
|
|
|
:Checked ~ .ToggleBox {
|
|
|
|
Display: None;
|
|
|
|
Visibility: Hidden;
|
|
|
|
}
|
|
|
|
|
2022-06-27 18:07:51 +02:00
|
|
|
/* No selezione */
|
2022-08-28 17:13:34 +02:00
|
|
|
.NoSelect,
|
2022-06-27 18:07:51 +02:00
|
|
|
#LeftBox,
|
|
|
|
#LeftBoxContainer,
|
|
|
|
#RightBox,
|
|
|
|
#RightBoxContainer,
|
|
|
|
#BottomBoxCheck,
|
|
|
|
#BottomBoxLabel {
|
|
|
|
-webkit-touch-callout: none;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-khtml-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
2022-08-28 17:13:34 +02:00
|
|
|
User-Select: none;
|
2022-06-27 18:07:51 +02:00
|
|
|
}
|
|
|
|
|
2022-07-24 13:48:02 +02:00
|
|
|
/*--------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*--------------------------------------------------------*
|
|
|
|
* Gradienti *
|
|
|
|
*--------------------------------------------------------*/
|
2022-05-27 16:24:08 +02:00
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
2022-07-24 13:48:02 +02:00
|
|
|
/*--------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*--------------------------------------------------------*
|
|
|
|
* Animazioni *
|
|
|
|
*--------------------------------------------------------*/
|
|
|
|
|
|
|
|
H1, H2, H3, A, Img, Video, Summary {
|
|
|
|
Transition: 0.3s;
|
|
|
|
}
|
2022-05-27 16:24:08 +02:00
|
|
|
|
2022-05-17 13:00:20 +02:00
|
|
|
.BlinkA {
|
|
|
|
Animation: BlinkerA 0.25s Step-Start Infinite;
|
|
|
|
}
|
|
|
|
@keyframes BlinkerA {
|
|
|
|
0% {Position: Absolute; Visibility: Hidden;}
|
|
|
|
50% {Position: Static; Visibility: Visible;}
|
|
|
|
100% {Position: Absolute; Visibility: Hidden;}
|
|
|
|
}
|
|
|
|
.BlinkO {
|
|
|
|
Animation: BlinkerO 0.25s Step-Start Infinite;
|
|
|
|
}
|
|
|
|
@keyframes BlinkerO {
|
|
|
|
0% {Position: Static; Visibility: Visible;}
|
|
|
|
50% {Position: Absolute; Visibility: Hidden;}
|
|
|
|
100% {Position: Static; Visibility: Visible;}
|
|
|
|
}
|
|
|
|
|
2022-07-24 13:48:02 +02:00
|
|
|
/*--------------------------------------------------------*/
|