View transitions

main
Bob Mottram 2025-10-17 15:37:47 +01:00
parent ca2b1ad2f5
commit 06619a1ce9
28 changed files with 89 additions and 17 deletions

View File

@ -56,6 +56,7 @@
--main-link-color-hover: #bbb;
--rendering: normal;
--reply-icon-direction: -1;
--transition-type: auto;
}
@font-face {
@ -73,6 +74,10 @@
src: url('./fonts/bedstead.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-color: var(--main-bg-color);
color: var(--main-fg-color);

View File

@ -39,6 +39,7 @@
--ical-icon-size: 32px;
--ical-icon-size-mobile: 80px;
--ical-icon-size-tiny: 80px;
--transition-type: auto;
}
@font-face {
@ -56,6 +57,10 @@
src: url('./fonts/NimbusSanL.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body {
background-color: var(--main-bg-color);
color: var(--day-number2);

View File

@ -33,6 +33,7 @@
--focus-color: white;
--main-link-color-hover: #bbb;
--rendering: normal;
--transition-type: auto;
}
@font-face {
@ -50,6 +51,10 @@
src: url('./fonts/bedstead.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-color: var(--main-bg-color);
color: var(--main-fg-color);

View File

@ -78,6 +78,7 @@
--header-font: 'Arial, Helvetica, sans-serif';
--rendering: normal;
--reply-icon-direction: -1;
--transition-type: auto;
}
@font-face {
@ -95,6 +96,10 @@
src: url('./fonts/bedstead.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-color: var(--main-bg-color);
color: var(--main-fg-color);

View File

@ -25,6 +25,7 @@
--login-logo-width: 20%;
--main-link-color-hover: blue;
--rendering: normal;
--transition-type: auto;
}
@font-face {
@ -42,6 +43,10 @@
src: url('./fonts/NimbusSanL.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-color: var(--login-bg-color);
color: var(--login-fg-color);

View File

@ -40,6 +40,7 @@
--petname-width-chars: 16ch;
--options-main-link-color-hover: #bbb;
--rendering: normal;
--transition-type: auto;
}
@font-face {
@ -57,6 +58,10 @@
src: url('./fonts/bedstead.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-image: url("options-background.jpg");
background-size: cover;

View File

@ -37,6 +37,7 @@
--petname-width-chars: 16ch;
--options-main-link-color-hover: #bbb;
--rendering: normal;
--transition-type: auto;
}
@font-face {
@ -54,6 +55,10 @@
src: url('./fonts/bedstead.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-image: url("podcast-background.jpg");
background-size: cover;

View File

@ -231,6 +231,7 @@
--diff-add: #FFFFFF;
--diff-remove: #aaa;
--reply-icon-direction: -1;
--transition-type: auto;
}
@font-face {
@ -248,6 +249,10 @@
src: url('./fonts/bedstead.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-color: var(--main-bg-color);
color: var(--main-fg-color);

View File

@ -40,6 +40,7 @@
--title-color: #999;
--header-font: 'Arial, Helvetica, sans-serif';
--rendering: normal;
--transition-type: auto;
}
@font-face {
@ -57,6 +58,10 @@
src: url('./fonts/bedstead.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-color: var(--main-bg-color);
color: var(--main-fg-color);

View File

@ -22,6 +22,7 @@
--focus-color: white;
--main-link-color-hover: #bbb;
--rendering: normal;
--transition-type: auto;
}
@font-face {
@ -39,6 +40,10 @@
src: url('./fonts/bedstead.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-color: var(--main-bg-color);
color: var(--main-fg-color);

View File

@ -27,6 +27,7 @@
--welcome-avatar-width: 40%;
--main-link-color-hover: #bbb;
--rendering: normal;
--transition-type: auto;
}
@font-face {
@ -44,6 +45,10 @@
src: url('./fonts/bedstead.otf') format('opentype');
}
@view-transition {
navigation: var(--transition-type);
}
body, html {
background-color: var(--welcome-bg-color);
color: var(--welcome-fg-color);

View File

@ -283,5 +283,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -272,5 +272,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -282,5 +282,6 @@
"hashtag-size2": "40px",
"hashtag-margin": "2%",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -267,5 +267,6 @@
"diff-remove": "#aaa",
"reply-icon-direction": "-1",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -281,5 +281,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -280,5 +280,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -279,5 +279,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -284,5 +284,6 @@
"button-event-background-color": "green",
"banner-height": "15vh",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -281,5 +281,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -281,5 +281,6 @@
"post-separator-margin-top": "0",
"post-separator-margin-bottom": "0",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -279,5 +279,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -279,5 +279,6 @@
"button-event-background-color": "green",
"hashtag-background-color": "black",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -282,5 +282,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -282,5 +282,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -281,5 +281,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -279,5 +279,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}

View File

@ -275,5 +275,6 @@
"diff-add": "#FFFFFF",
"diff-remove": "#aaa",
"instance-software-fg-color": "#bbb",
"instance-software-bg-color": "#444"
"instance-software-bg-color": "#444",
"transition-type": "auto"
}