octospacc/sitoctt
1
0
Fork 0
mirror of https://gitlab.com/octtspacc/sitoctt synced 2025-06-05 22:09:20 +02:00
Code Issues Projects Releases Wiki Activity

Agg. misti; Nuovo articolo: 🐕 Epicyon, piattaforma del Fediverso durata 2 giorni

Browse Source
This commit is contained in:
octospacc
2022-12-26 15:34:37 +01:00
parent 7cae6da5aa
commit 07951f484c
14 changed files with 366 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
Assets/Assets/Global.css
View File

@@ -20,7 +20,24 @@
}
/* Set Headings as Inline when inside Details Summaries and List Items */
Summary > H1, Summary > H2, Summary > H3, Summary > H4, Summary > H5, Summary > H6,
Li > H1, Li > H3, Li > H3, Li > H4, Li > H5, Li > H6 {
:Where(Summary, Li) > :Where(H1, H2, H3, H4, H5, H6) {
Display: Inline;
}
/* Animazioni per le desinenze */
.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;}
}

17
Assets/Assets/Pages/index.css
View File

@@ -8,23 +8,6 @@
Margin-Left: 3px;
}
.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;}
}
/*!-- Credits: https://codepen.io/jh3y/pen/WNrXqYz ---*/
.WavyText {
Text-Align: Center;

0
Assets/Assets/Privacy.js → Assets/Assets/Privacy.js.old
View File

7
Assets/Assets/WM.css
View File

@@ -211,10 +211,10 @@ Body {
Max-Height: Calc(40vh - (Var(--TitleBarHeight) * 2) - Var(--WindowMargin));
}
#FeedWindow Ul Li, #TitlesWindow .WindowContent Ul Li, .TaskBarMenu Ul Li {
:Where(#FeedWindow, #TitlesWindow .WindowContent, .TaskBarMenu) Ul Li {
List-Style-Type: None !Important;
}
#FeedWindow Ul, #TitlesWindow Ul, .TaskBarMenu Ul {
:Where(#FeedWindow, #TitlesWindow, .TaskBarMenu) Ul {
Padding-Top: 0px;
Padding-Left: 8px;
Padding-Right: 4px;
@@ -300,8 +300,7 @@ Body {
#DesktopCheck:Checked ~ Label > Span {
Background-Color: Var(--TitleBarBackground);
}
#DesktopCheck:Checked ~ .Window,
#DesktopCheck:Checked ~ * > .Window {
#DesktopCheck:Checked ~ :Where(.Window, * > .Window) {
Display: None;
Visibility: Hidden;
}

12
Assets/Assets/WriteFreely-loli-documentatrice-min.css vendored
View File

@@ -1,5 +1,9 @@
/*!
Borrowed from a running WriteFreely instance.
An header was missing from the file, but license is probably AGPL-3.0;
See https://github.com/writefreely/writefreely.
*/hr{border:0}header h1,header h2,header nav{display:inline}header nav a:hover{text-decoration:underline}body,p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body nav#top-nav,header p.meta-note span{text-transform:uppercase}body{margin:0;padding:0;font-size:100%}header{margin:1em}header nav{margin:0 1em;line-height:2.4em}header nav a,header nav span{margin:0 0 0 1em}header nav a{color:#767676}header p.description{color:#444;font-size:1.1em;margin-top:.5em;line-height:1.5}header p.meta-note{color:#333;font-style:italic;margin-top:2em}header p.meta-note span{font-variant:small-caps;font-size:.9em;color:#666;font-style:normal}hr{height:1px;background:#ccc;max-width:40em;margin:4em auto;text-align:center}body{font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif}body{font-size-adjust:.5;background-color:#fff;color:#111}body h1 a,body header h2 a{color:#000;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}body h1 a:hover,body header h2 a:hover{color:#303030;text-decoration:none}body h1,body h2,body h3{line-height:1.2}body#post article{display:block;unicode-bidi:embed;white-space:pre}body#post article{margin-bottom:2em!important}body#post article h1,body#post article h2,body#post article h3,body#post article h4,body#post article h5,body#post article h6,body#post article ol,body#post article p,body#post article ul{display:inline;margin:0}body#post article hr+p,body#post article ol,body#post article ul{display:block;margin-top:-1rem;margin-bottom:-1rem}body#post article ol,body#post article ul{margin:2rem 0 -1rem}body#post article ol ol,body#post article ol ul,body#post article ul ol,body#post article ul ul{margin:1.25rem 0 -.5rem}body#post article li{margin-top:-.5rem;margin-bottom:-.5rem}body#post article h2#title{font-size:1.5em;display:block;margin-top:0;margin-bottom:1em}body#post article h1{font-size:1.5em}body#post article h2{font-size:1.4em}body#post audio,body#post img,body#post video{max-width:100%}body#post audio{width:100%;white-space:initial}body#post article hr{margin-top:0;margin-bottom:0}body nav#top-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}body nav#top-nav{display:inline;position:absolute;top:1.5em;right:1.5em;font-size:.95rem}body nav#top-nav a{color:#777}body nav#top-nav a+a{margin-left:1em}.post-title a:link{color:#333}.post-title a:visited{color:#444}a{text-decoration:none}a:hover{text-decoration:underline}body#post article{max-width:40rem;margin:0 auto}body#post article.sans{line-height:1.5;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body#post article.sans,span.sans{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}article h2.post-title a[rel=nofollow]::after{content:'\a0 \2934'}li{line-height:1.5}#org-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}@media only screen and (min-device-width:320px) and (max-device-width:480px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (max-width:320px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media print{h1{page-break-before:always}h1,h2,h3,h4,h5,h6{page-break-after:avoid}header{display:none}article#post-body{margin-top:2em;margin-left:0;margin-right:0}hr{border:1px solid #ccc}}#org-nav{font-size:1.1em;color:#888}#org-nav em,#org-nav strong{color:#000}#org-nav+h1{margin-top:.5em}#org-nav a:hover,#org-nav a:link,#org-nav a:visited{color:#767676}#org-nav a:first-child{margin-right:.25em}@media all and (max-width:600px){#target-name{max-width:98px;display:inline-block}}body#post header{margin:0 auto;padding:1em 2rem;-moz-opacity:.4;-khtml-opacity:.4;-webkit-opacity:.4;opacity:.4;-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}body#post header:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}body#post header h1{font-size:1.6em}body#post article h2#title.dated{margin-bottom:.5em}article{padding:.5em 2rem 1.5em}body#post article{font-size:1.2em}@-moz-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-keyframes fadeIn{position:static}100%{opacity:1}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}
Borrowed from a running WriteFreely instance,
then minified to remove unused rules.
An header was missing from the file,
but license is probably AGPL-3.0;
see <https://github.com/writefreely/writefreely>.
*/
hr{border:0}header h1,header h2,header nav{display:inline}header nav a:hover{text-decoration:underline}body,p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body nav#top-nav,header p.meta-note span{text-transform:uppercase}body{margin:0;padding:0;font-size:100%}header{margin:1em}header nav{margin:0 1em;line-height:2.4em}header nav a,header nav span{margin:0 0 0 1em}header nav a{color:#767676}header p.description{color:#444;font-size:1.1em;margin-top:.5em;line-height:1.5}header p.meta-note{color:#333;font-style:italic;margin-top:2em}header p.meta-note span{font-variant:small-caps;font-size:.9em;color:#666;font-style:normal}hr{height:1px;background:#ccc;max-width:40em;margin:4em auto;text-align:center}body{font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif}body{font-size-adjust:.5;background-color:#fff;color:#111}body h1 a,body header h2 a{color:#000;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}body h1 a:hover,body header h2 a:hover{color:#303030;text-decoration:none}body h1,body h2,body h3{line-height:1.2}body#post article{display:block;unicode-bidi:embed;white-space:pre}body#post article{margin-bottom:2em!important}body#post article h1,body#post article h2,body#post article h3,body#post article h4,body#post article h5,body#post article h6,body#post article ol,body#post article p,body#post article ul{display:inline;margin:0}body#post article hr+p,body#post article ol,body#post article ul{display:block;margin-top:-1rem;margin-bottom:-1rem}body#post article ol,body#post article ul{margin:2rem 0 -1rem}body#post article ol ol,body#post article ol ul,body#post article ul ol,body#post article ul ul{margin:1.25rem 0 -.5rem}body#post article li{margin-top:-.5rem;margin-bottom:-.5rem}body#post article h2#title{font-size:1.5em;display:block;margin-top:0;margin-bottom:1em}body#post article h1{font-size:1.5em}body#post article h2{font-size:1.4em}body#post audio,body#post img,body#post video{max-width:100%}body#post audio{width:100%;white-space:initial}body#post article hr{margin-top:0;margin-bottom:0}body nav#top-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}body nav#top-nav{display:inline;position:absolute;top:1.5em;right:1.5em;font-size:.95rem}body nav#top-nav a{color:#777}body nav#top-nav a+a{margin-left:1em}.post-title a:link{color:#333}.post-title a:visited{color:#444}a{text-decoration:none}a:hover{text-decoration:underline}body#post article{max-width:40rem;margin:0 auto}body#post article.sans{line-height:1.5;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body#post article.sans,span.sans{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}article h2.post-title a[rel=nofollow]::after{content:'\a0 \2934'}li{line-height:1.5}#org-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}@media only screen and (min-device-width:320px) and (max-device-width:480px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (max-width:320px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media print{h1{page-break-before:always}h1,h2,h3,h4,h5,h6{page-break-after:avoid}header{display:none}article#post-body{margin-top:2em;margin-left:0;margin-right:0}hr{border:1px solid #ccc}}#org-nav{font-size:1.1em;color:#888}#org-nav em,#org-nav strong{color:#000}#org-nav+h1{margin-top:.5em}#org-nav a:hover,#org-nav a:link,#org-nav a:visited{color:#767676}#org-nav a:first-child{margin-right:.25em}@media all and (max-width:600px){#target-name{max-width:98px;display:inline-block}}body#post header{margin:0 auto;padding:1em 2rem;-moz-opacity:.4;-khtml-opacity:.4;-webkit-opacity:.4;opacity:.4;-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}body#post header:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}body#post header h1{font-size:1.6em}body#post article h2#title.dated{margin-bottom:.5em}article{padding:.5em 2rem 1.5em}body#post article{font-size:1.2em}@-moz-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-keyframes fadeIn{position:static}100%{opacity:1}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}

53
Assets/Assets/sitoctt.css
View File

@@ -54,8 +54,7 @@ Details Div {
Padding: 4px;
}
.BorderBox,
.BorderBoxContainer > Div:Not(.NoBorderBox),
.BorderBoxContainer > Details:Not(.NoBorderBox),
.BorderBoxContainer > :Where(Div, Details):Not(.NoBorderBox),
Details Div Details:Not(.NoBorderBox) {
Border: 2px Solid Purple;
Margin: 8px;
@@ -63,7 +62,7 @@ Details Div Details:Not(.NoBorderBox) {
}
A { Color: #D000D0; }
Code A, .Code A { Color: #60D0D0; }
:Where(Code, .Code) A { Color: #60D0D0; }
H1, H2, H3, H4, H5, H6 {
Color: #503080;
@@ -77,6 +76,12 @@ Table :Where(Td, Th, Tr) {
Padding: 4px;
}
Blockquote, .Blockquote {
Margin-Left: 2em;
Padding-Left: 1em;
Border-Left: 3px Solid #85588C;
}
.ScrollBox, .ScrollBorderBox {
Padding: 8px;
}
@@ -100,11 +105,16 @@ Code:Not(Pre Code) {
Padding: 4px 4px 4px 4px;
}
Video.SmallVideoQuote { Float:Left; }
Video.SmallVideoQuote + Blockquote {
Display: Inline-Block;
Margin-Top: 0;
Margin-Bottom: 0px;
}
#MainBox A:Not(
.NoLinkLink, .NoLinkLink A,
.staticoso-SectionLink A,
#StatCounter A,
#RingsDiv A
.NoLinkLink,
:Where(.NoLinkLink, .staticoso-SectionLink, #StatCounter, #RingsDiv) A
):Before {
Content: '🔗 ';
}
@@ -136,10 +146,11 @@ Header > P > A > Img {
}
A:Hover:Not(
H3 > A, H4 > A, H5 > A, H6 > A,
.NoABigger, .NoABigger A,
.NoHoverLight, .NoHoverLight A
) {
.NoABigger, .NoHoverLight,
:Where(.NoABigger, .NoHoverLight) A,
:Where(H3, H4, H5, H6) > A
),
:Where(.YesHoverLight, .YesHoverLight A):Hover {
Color: #EEDDFF !Important;
Background: #700070 !Important;
}
@@ -219,7 +230,8 @@ IFrame {
.Img36 :Where(Img, Video) { Max-Height: 36vh !important; }
.Img36 :Where(Img, Video):Hover { Max-Height: 64vh !important; }
.Center Img, .Center Video,
:Where(Img, Video).Center,
.Center :Where(Img, Video),
#MainBox P Img:Not(.NoImgCenter, .NoImgCenter Img),
#MainBox P Video:Not(.NoImgCenter, .NoImgCenter Video) {
Display: Block;
@@ -376,21 +388,4 @@ H1, H2, H3, A, Img, Video, Summary {
Transition: 0.3s;
}
.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;}
}
/*--------------------------------------------------------*/