Adding files from server

Main
sorenpeter 2 months ago
commit c208f1c89b
  1. 1
      .gitignore
  2. 9
      LICENSE
  3. 3
      README.md
  4. 2
      minify_neotxt_theme.sh
  5. 2586
      static/css/01-pico.css
  6. 243
      static/css/02-tabler-icons.css
  7. 251
      static/css/03-colours.css
  8. 74
      static/css/04-tippy.css
  9. 105
      static/css/98-pico-override.css
  10. 2217
      static/css/99-yarn.css
  11. BIN
      static/css/tabler-icons.woff
  12. 646
      static/css/vp-comfort.css
  13. 359
      static/css/vp-compact.css
  14. 23
      static/css/yarn.min.css
  15. 0
      static/custom/.gitkeep
  16. 0
      static/img/.gitkeep
  17. BIN
      static/img/favicon.png
  18. 0
      static/js/.gitkeep
  19. 797
      static/js/01-umbrella.js
  20. 70
      static/js/02-polyfill.js
  21. 122
      static/js/03-twix.js
  22. 5
      static/js/04-popper.js
  23. 6
      static/js/05-tippy.js
  24. 95
      static/js/98-modal.js
  25. 1148
      static/js/99-yarn.js
  26. 8
      static/js/ie11CustomProperties.min.js
  27. 5
      static/js/yarn.min.js
  28. 8
      templates/401.html
  29. 9
      templates/403.html
  30. 8
      templates/404.html
  31. 143
      templates/base.html
  32. 4
      templates/bookmarks.html
  33. 24
      templates/conversation.html
  34. 8
      templates/error.html
  35. 164
      templates/feeds.html
  36. 17
      templates/follow.html
  37. 51
      templates/followers.html
  38. 52
      templates/following.html
  39. 13
      templates/import.html
  40. 18
      templates/info.html
  41. 43
      templates/login.html
  42. 22
      templates/loginEmail.html
  43. 32
      templates/manageFeed.html
  44. 31
      templates/manageJobs.html
  45. 36
      templates/managePeers.html
  46. 165
      templates/managePod.html
  47. 42
      templates/manageUsers.html
  48. 9
      templates/media.html
  49. 39
      templates/muted.html
  50. 14
      templates/newPassword.html
  51. 5
      templates/page.html
  52. 388
      templates/partials.html
  53. 8
      templates/permalink.html
  54. 90
      templates/profile.html
  55. 12
      templates/prompt.html
  56. 34
      templates/register.html
  57. 30
      templates/report.html
  58. 22
      templates/resetPassword.html
  59. 9
      templates/search.html
  60. 277
      templates/settings.html
  61. 19
      templates/support.html
  62. 4
      templates/timeline.html

1
.gitignore vendored

@ -0,0 +1 @@
minify

@ -0,0 +1,9 @@
MIT License
Copyright (c) <year> <copyright holders>
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

@ -0,0 +1,3 @@
# neotxt_theme
My custom theme for neotxt.dk that will hopefull makes its way into the default yarn.social

@ -0,0 +1,2 @@
# go get minify from: https://github.com/tdewolff/minify/tree/master/cmd/minify
./minify -b -o ./static/css/yarn.min.css ./static/css/[0-9]*-*.css

File diff suppressed because it is too large Load Diff

@ -0,0 +1,243 @@
/*!
* Tabler Icons 1.47.0 by tabler - https://tabler.io
* License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
* Custom Icon Set - Last Updated: 14 Jan. 2022
*/
@font-face {
font-family: "tabler-icons";
font-style: normal;
font-weight: 400;
src: url("tabler-icons.woff") format("woff")
}
.ti {
font-family: "tabler-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-affiliate:before {
content: '\edff';
}
.ti-bell-ringing:before {
content: "\ed07";
}
.ti-bold:before {
content: "\eb7b";
}
.ti-bookmark:before {
content: "\ea3a";
}
.ti-bookmark-off:before {
content: "\eced";
}
.ti-bookmarks:before {
content: "\ed08";
}
.ti-caret-left:before {
content: "\eb5e";
}
.ti-caret-right:before {
content: "\eb5f";
}
.ti-circle-check:before {
content: "\ea67";
}
.ti-circle-minus:before {
content: "\ea68";
}
.ti-circle-plus:before {
content: "\ea69";
}
.ti-circle-x:before {
content: "\ea6a";
}
.ti-clock:before {
content: "\ea70"
}
.ti-code:before {
content: "\ea77";
}
.ti-compass:before {
content: "\ea79";
}
.ti-device-analytics:before {
content: "\ee72";
}
.ti-device-speaker:before {
content: "\ea8b";
}
.ti-door-enter:before {
content: "\ef4c";
}
.ti-door-exit:before {
content: "\ef4d";
}
.ti-edit:before {
content: "\ea98";
}
.ti-external-link:before {
content: "\ea99";
}
.ti-heartbeat:before {
content: '\ef92';
}
.ti-help:before {
content: '\eabf';
}
.ti-ismuted:before {
content: "\eb50";
}
.ti-italic:before {
content: "\eb93";
}
.ti-link:before {
content: "\eade";
}
.ti-link-profile:before {
content: "\eade";
}
.ti-menu-2:before {
content: "\ec42";
}
.ti-message:before {
content: "\eaef";
}
.ti-message-circle:before {
content: "\eaed";
}
.ti-message-plus:before {
content: "\ec9a";
}
.ti-messages:before {
content: "\eb6c";
}
.ti-moon:before {
content: "\eaf8";
}
.ti-movie:before {
content: "\eafa";
}
.ti-photo:before {
content: "\eb0a";
}
.ti-refresh:before {
content: "\eb13";
}
.ti-rss:before {
content: "\eb19";
}
.ti-rss-nav:before {
content: "\eb19";
}
.ti-rss-profile:before {
content: "\eb19";
}
.ti-send:before {
content: "\eb1e";
}
.ti-settings:before {
content: "\eb20";
}
.ti-settings-nav:before {
content: "\eb20";
}
.ti-shadow:before {
content: "\eed8";
}
.ti-strikethrough:before {
content: "\eb9e";
}
.ti-sun:before {
content: "\eb30";
}
.ti-tool:before {
content: "\eb40";
}
.ti-trash:before {
content: "\eb41";
}
.ti-urgent:before {
content: "\eb48";
}
.ti-upload:before {
content: "\eb47";
}
.ti-user-check:before {
content: "\eb49";
}
.ti-user-circle:before {
content: "\ef68";
}
.ti-user-plus:before {
content: "\eb4b";
}
.ti-users:before {
content: "\ebf2";
}
.ti-volume:before {
content: "\eb51";
}
.ti-volume-3:before {
content: "\eb50";
}

@ -0,0 +1,251 @@
html[data-theme="dark-classic"] {
--background-color: rgba(0, 0, 0, 1) !important;
--color: rgba(255, 255, 255, 1) !important;
--h1-color: rgba(237, 240, 243, 1) !important;
--h2-color: rgba(213, 220, 226, 1) !important;
--h3-color: rgba(187, 198, 206, 1) !important;
--h4-color: rgba(162, 175, 185, 1) !important;
--h5-color: rgba(138, 153, 163, 1) !important;
--h6-color: rgba(115, 130, 140, 1) !important;
--muted-color: rgba(169, 169, 169, 1) !important;
--muted-border-color: rgba(35, 51, 62, 1) !important;
--primary: rgba(0, 191, 255, 1) !important;
--primary-hover: rgba(26, 179, 230, 1) !important;
--primary-focus: rgba(16, 149, 193, 0.25) !important;
--primary-inverse: rgba(255, 255, 255, 1) !important;
--secondary: rgba(89, 107, 120, 1) !important;
--secondary-hover: rgba(115, 130, 140, 1) !important;
--secondary-focus: rgba(89, 107, 120, 0.25) !important;
--secondary-inverse: rgba(255, 255, 255, 1) !important;
--contrast: rgba(213, 220, 226, 1) !important;
--contrast-hover: rgba(255, 255, 255, 1) !important;
--contrast-focus: rgba(89, 107, 120, 0.25) !important;
--contrast-border: rgba(255, 223, 128, 0.33) !important;
--contrast-inverse: rgba(16, 24, 30, 1) !important;
--mark-background-color: rgba(255, 223, 128, 0.5) !important;
--mark-color: rgba(255, 255, 255, 1) !important;
--ins-color: rgba(56, 142, 60, 1) !important;
--del-color: rgba(198, 40, 40, 1) !important;
--blockquote-border-color: var(--muted-border-color) !important;
--blockquote-footer-color: var(--muted-color) !important;
--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
--form-element-background-color: rgba(24, 24, 24, 1) !important;
--form-element-border-color: rgba(55, 73, 86, 1) !important;
--form-element-color: var(--color) !important;
--form-element-placeholder-color: var(--muted-color) !important;
--form-element-active-background-color: rgba(24, 24, 24, 1) !important;
--form-element-active-border-color: var(--primary) !important;
--form-element-focus-color: var(--primary-focus) !important;
--form-element-disabled-background-color: rgba(213, 220, 226, 1) !important;
--form-element-disabled-border-color: rgba(162, 175, 185, 1) !important;
--form-element-disabled-opacity: 0.5 !important;
--form-element-invalid-border-color: rgba(198, 40, 40, 1) !important;
--form-element-invalid-active-border-color: rgba(211, 47, 47, 1) !important;
--form-element-invalid-focus-color: rgba(211, 47, 47, 0.125) !important;
--form-element-valid-border-color: rgba(56, 142, 60, 1) !important;
--form-element-valid-active-border-color: rgba(67, 160, 71, 1) !important;
--form-element-valid-focus-color: rgba(67, 160, 71, 0.125) !important;
--switch-background-color: rgba(187, 198, 206, 1) !important;
--switch-color: var(--primary-inverse) !important;
--switch-checked-background-color: var(--primary) !important;
--range-border-color: rgba(213, 220, 226, 1) !important;
--range-active-border-color: rgba(187, 198, 206, 1) !important;
--range-thumb-border-color: var(--background-color) !important;
--range-thumb-color: var(--secondary) !important;
--range-thumb-hover-color: var(--secondary-hover) !important;
--range-thumb-active-color: var(--primary) !important;
--table-border-color: var(--muted-border-color) !important;
--table-row-stripped-background-color: rgba(246, 248, 249, 1) !important;
--code-background-color: rgba(15, 15, 15, 1) !important;
--code-color: var(--muted-color) !important;
--code-kbd-background-color: var(--contrast) !important;
--code-kbd-color: var(--contrast-inverse) !important;
--code-tag-color: rgba(166, 89, 128, 1) !important;
--code-property-color: rgba(89, 159, 166, 1) !important;
--code-value-color: rgba(140, 132, 115, 1) !important;
--code-comment-color: rgba(77, 96, 109, 1) !important;
--accordion-border-color: var(--muted-border-color) !important;
--accordion-close-summary-color: var(--color) !important;
--accordion-open-summary-color: var(--muted-color) !important;
--card-background-color: rgba(24, 24, 24, 1) !important;
--card-border-color: var(--muted-border-color) !important;
--card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.08),
0 0.125rem 2rem rgba(0, 0, 0, 0.04),
0 0 0 0.0625rem rgba(0, 0, 0, 0.1) !important;
--card-sectionning-background-color: rgba(251, 251, 252, 1) !important;
--modal-overlay-background-color: rgba(213, 220, 226, 0.8) !important;
--progress-background-color: rgba(213, 220, 226, 1) !important;
--progress-color: var(--primary) !important;
--loading-spinner-opacity: 0.5 !important;
--tooltip-background-color: var(--contrast) !important;
--tooltip-color: var(--contrast-inverse) !important;
}
html[data-theme="light-classic"]{
--background-color: rgba(255, 255, 255, 1) !important;
--color: rgba(65, 84, 98, 1) !important;
--h1-color: rgba(27, 40, 50, 1) !important;
--h2-color: rgba(44, 61, 73, 1) !important;
--h3-color: rgba(65, 84, 98, 1) !important;
--h4-color: rgba(89, 107, 120, 1) !important;
--h5-color: rgba(115, 130, 140, 1) !important;
--h6-color: rgba(138, 153, 163, 1) !important;
--muted-color: rgba(126, 141, 152, 1) !important;
--muted-border-color: rgba(237, 240, 243, 1) !important;
--primary: rgba(16, 149, 193, 1) !important;
--primary-hover: rgba(8, 118, 155, 1) !important;
--primary-focus: rgba(16, 149, 193, 0.125) !important;
--primary-inverse: rgba(255, 255, 255, 1) !important;
--secondary: rgba(115, 130, 140, 1) !important;
--secondary-hover: rgba(65, 84, 98, 1) !important;
--secondary-focus: rgba(115, 130, 140, 0.125) !important;
--secondary-inverse: rgba(255, 255, 255, 1) !important;
--contrast: rgba(44, 61, 73, 1) !important;
--contrast-hover: rgba(13, 20, 25, 1) !important;
--contrast-focus: rgba(115, 130, 140, 0.125) !important;
--contrast-border: rgba(255, 223, 128, 0.5) !important;
--contrast-inverse: rgba(255, 255, 255, 1) !important;
--mark-background-color: rgba(255, 223, 128, 0.5) !important;
--mark-color: rgba(44, 61, 73, 1) !important;
--ins-color: rgba(56, 142, 60, 1) !important;
--del-color: rgba(198, 40, 40, 1) !important;
--blockquote-border-color: var(--muted-border-color) !important;
--blockquote-footer-color: var(--muted-color) !important;
--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
--form-element-background-color: rgba(255, 255, 255, 0) !important;
--form-element-border-color: rgba(200, 209, 216, 1) !important;
--form-element-color: var(--color) !important;
--form-element-placeholder-color: var(--muted-color) !important;
--form-element-active-background-color: rgba(255, 255, 255, 0) !important;
--form-element-active-border-color: var(--primary) !important;
--form-element-focus-color: var(--primary-focus) !important;
--form-element-disabled-background-color: rgba(213, 220, 226, 1) !important;
--form-element-disabled-border-color: rgba(162, 175, 185, 1) !important;
--form-element-disabled-opacity: 0.5 !important;
--form-element-invalid-border-color: rgba(198, 40, 40, 1) !important;
--form-element-invalid-active-border-color: rgba(211, 47, 47, 1) !important;
--form-element-invalid-focus-color: rgba(211, 47, 47, 0.125) !important;
--form-element-valid-border-color: rgba(56, 142, 60, 1) !important;
--form-element-valid-active-border-color: rgba(67, 160, 71, 1) !important;
--form-element-valid-focus-color: rgba(67, 160, 71, 0.125) !important;
--switch-background-color: rgba(187, 198, 206, 1) !important;
--switch-color: var(--primary-inverse) !important;
--switch-checked-background-color: var(--primary) !important;
--range-border-color: rgba(213, 220, 226, 1) !important;
--range-active-border-color: rgba(187, 198, 206, 1) !important;
--range-thumb-border-color: var(--background-color) !important;
--range-thumb-color: var(--secondary) !important;
--range-thumb-hover-color: var(--secondary-hover) !important;
--range-thumb-active-color: var(--primary) !important;
--table-border-color: var(--muted-border-color) !important;
--table-row-stripped-background-color: rgba(246, 248, 249, 1) !important;
--code-background-color: rgba(243, 245, 247, 1) !important;
--code-color: var(--muted-color) !important;
--code-kbd-background-color: var(--contrast) !important;
--code-kbd-color: var(--contrast-inverse) !important;
--code-tag-color: rgba(179, 77, 128, 1) !important;
--code-property-color: rgba(61, 136, 143, 1) !important;
--code-value-color: rgba(153, 136, 102, 1) !important;
--code-comment-color: rgba(162, 175, 185, 1) !important;
--accordion-border-color: var(--muted-border-color) !important;
--accordion-close-summary-color: var(--color) !important;
--accordion-open-summary-color: var(--muted-color) !important;
--card-background-color: var(--background-color) !important;
--card-border-color: var(--muted-border-color) !important;
--card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),
0 0.125rem 2rem rgba(27, 40, 50, 0.08),
0 0 0 0.0625rem rgba(27, 40, 50, 0.024) !important;
--card-sectionning-background-color: rgba(251, 251, 252, 1) !important;
--modal-overlay-background-color: rgba(213, 220, 226, 0.8) !important;
--progress-background-color: rgba(213, 220, 226, 1) !important;
--progress-color: var(--primary) !important;
--loading-spinner-opacity: 0.5 !important;
--tooltip-background-color: var(--contrast) !important;
--tooltip-color: var(--contrast-inverse) !important;
}
html[data-theme="simple"] {
--background-color: rgba(0, 0, 0, 1) !important;
--color: rgba(255, 255, 255, 1) !important;
--h1-color: rgba(255, 255, 255, 1) !important;
--h2-color: rgba(255, 255, 255, 1) !important;
--h3-color: rgba(255, 255, 255, 1) !important;
--h4-color: rgba(255, 255, 255, 1) !important;
--h5-color: rgba(255, 255, 255, 1) !important;
--h6-color: rgba(255, 255, 255, 1) !important;
--muted-color: rgba(255, 255, 255, 1) !important;
--muted-border-color: rgba(255, 255, 255, 1) !important;
--primary: rgba(255, 255, 255, 1) !important;
--primary-hover: rgba(255, 255, 255, 1) !important;
--primary-focus: rgba(255, 255, 255, 0.25) !important;
--primary-inverse: rgba(0, 0, 0, 1) !important;
--secondary: rgba(255, 255, 255, 1) !important;
--secondary-hover: rgba(255, 255, 255, 1) !important;
--secondary-focus: rgba(255, 255, 255, 0.25) !important;
--secondary-inverse: rgba(255, 255, 255, 1) !important;
--contrast: rgba(255, 255, 255, 1) !important;
--contrast-hover: rgba(255, 255, 255, 1) !important;
--contrast-focus: rgba(255, 255, 255, 0.25) !important;
--contrast-border: rgba(255, 255, 255, 0.33) !important;
--contrast-inverse: rgba(255, 255, 255, 1) !important;
--mark-background-color: rgba(255, 255, 255, 0.5) !important;
--mark-color: rgba(255, 255, 255, 1) !important;
--ins-color: rgba(255, 255, 255, 1) !important;
--del-color: rgba(255, 255, 255, 1) !important;
--blockquote-border-color: var(--muted-border-color) !important;
--blockquote-footer-color: var(--muted-color) !important;
--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
--form-element-background-color: rgba(0, 0, 0, 1) !important;
--form-element-border-color: rgba(255, 255, 255, 1) !important;
--form-element-color: var(--color) !important;
--form-element-placeholder-color: var(--muted-color) !important;
--form-element-active-background-color: rgba(0, 0, 0, 1) !important;
--form-element-active-border-color: var(--primary) !important;
--form-element-focus-color: var(--primary-focus) !important;
--form-element-disabled-background-color: rgba(0, 0, 0, 1) !important;
--form-element-disabled-border-color: rgba(255, 255, 255, 1) !important;
--form-element-disabled-opacity: 0.5 !important;
--form-element-invalid-border-color: rgba(255, 255, 255, 1) !important;
--form-element-invalid-active-border-color: rgba(255, 255, 255, 1) !important;
--form-element-invalid-focus-color: rgba(255, 255, 255, 0.125) !important;
--form-element-valid-border-color: rgba(255, 255, 255, 1) !important;
--form-element-valid-active-border-color: rgba(255, 255, 255, 1) !important;
--form-element-valid-focus-color: rgba(255, 255, 255, 0.125) !important;
--switch-background-color: rgba(128, 128, 128, 1) !important;
--switch-color: var(--primary-inverse) !important;
--switch-checked-background-color: var(--primary) !important;
--range-border-color: rgba(255, 255, 255, 1) !important;
--range-active-border-color: rgba(255, 255, 255, 1) !important;
--range-thumb-border-color: var(--background-color) !important;
--range-thumb-color: var(--secondary) !important;
--range-thumb-hover-color: var(--secondary-hover) !important;
--range-thumb-active-color: var(--primary) !important;
--table-border-color: var(--muted-border-color) !important;
--table-row-stripped-background-color: rgba(0, 0, 0, 1) !important;
--code-background-color: rgba(0, 0, 0, 1) !important;
--code-color: var(--muted-color) !important;
--code-kbd-background-color: var(--contrast) !important;
--code-kbd-color: var(--contrast-inverse) !important;
--code-tag-color: rgba(255, 255, 255, 1) !important;
--code-property-color: rgba(255, 255, 255, 1) !important;
--code-value-color: rgba(255, 255, 255, 1) !important;
--code-comment-color: rgba(255, 255, 255, 1) !important;
--accordion-border-color: var(--muted-border-color) !important;
--accordion-close-summary-color: var(--color) !important;
--accordion-open-summary-color: var(--muted-color) !important;
--card-background-color: rgba(32, 32, 32, 1) !important;
--card-border-color: var(--muted-border-color) !important;
--card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.08),
0 0.125rem 2rem rgba(0, 0, 0, 0.04),
0 0 0 0.0625rem rgba(0, 0, 0, 0.1) !important;
--card-sectionning-background-color: rgba(255, 255, 255, 1) !important;
--modal-overlay-background-color: rgba(255, 255, 255, 0.8) !important;
--progress-background-color: rgba(255, 255, 255, 1) !important;
--progress-color: var(--primary) !important;
--loading-spinner-opacity: 0.5 !important;
--tooltip-background-color: var(--contrast) !important;
--tooltip-color: var(--contrast-inverse) !important;
}

@ -0,0 +1,74 @@
.tippy-box[data-animation=fade][data-state=hidden] {
opacity: 0
}
[data-tippy-root] {
max-width: calc(100vw - 10px)
}
.tippy-box {
position: relative;
background-color: #333;
color: #fff;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
white-space: normal;
outline: 0;
transition-property: transform, visibility, opacity
}
.tippy-box[data-placement^=top]>.tippy-arrow {
bottom: 0
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
bottom: -7px;
left: 0;
border-width: 8px 8px 0;
border-top-color: initial;
transform-origin: center top
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
top: 0
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
top: -7px;
left: 0;
border-width: 0 8px 8px;
border-bottom-color: initial;
transform-origin: center bottom
}
.tippy-box[data-placement^=left]>.tippy-arrow {
right: 0
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
border-width: 8px 0 8px 8px;
border-left-color: initial;
right: -7px;
transform-origin: center left
}
.tippy-box[data-placement^=right]>.tippy-arrow {
left: 0
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
left: -7px;
border-width: 8px 8px 8px 0;
border-right-color: initial;
transform-origin: center right
}
.tippy-box[data-inertia][data-state=visible] {
transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}
.tippy-arrow {
width: 16px;
height: 16px;
color: #333
}
.tippy-arrow:before {
content: "";
position: absolute;
border-color: transparent;
border-style: solid
}
.tippy-content {
position: relative;
padding: 5px 9px;
z-index: 1
}

@ -0,0 +1,105 @@
body,
html {
overflow-x: hidden !important;
margin: 0 auto !important;
}
body {
max-width: 850px !important;
}
:root {
--font-size: 16px !important;
}
p {
margin-bottom: 0 !important;
}
a {
text-decoration: none !important;
padding: 0.1rem !important;
border-radius: 0.3rem !important;
-webkit-border-radius: 0.3rem !important;
-moz-border-radius: 0.3rem !important;
}
a:active, a:focus {
background-color: transparent !important;
}
dialog article {
margin: 0 0 0 -2rem !important;
padding: 1rem !important;
}
pre>code {
padding: 0rem 0.25rem !important;
}
pre,
code,
kbd {
margin: 0.25rem 0 !important;
padding: 0.2rem 0.3rem !important;
}
a[role=button] {
display: flex !important;
padding-top: 0.8rem !important;
padding-bottom: 0.8rem !important;
}
audio,
video {
display: block !important;
}
dialog article>footer {
margin-top: 1rem !important;
padding: 0 !important;
}
dialog article>footer p {
padding: 0.5rem 1.5rem 2.5rem 1.5rem !important;
text-align: left !important;
}
input[type="search"] {
border-radius: 0.5rem !important;
}
.modal-is-opening dialog,
.modal-is-opening dialog > figure,
.modal-is-closing dialog,
.modal-is-closing dialog > figure {
-webkit-animation-duration: 0.2s !important;
animation-duration: 0.2s !important;
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important;
-webkit-animation-fill-mode: both !important;
animation-fill-mode: both !important;
}
.modal-is-opening dialog,
.modal-is-closing dialog {
-webkit-animation-duration: 0.8s !important;
animation-duration: 0.8s !important;
-webkit-animation-name: fadeIn !important;
animation-name: fadeIn !important;
}
.modal-is-opening dialog > figure,
.modal-is-closing dialog > figure {
-webkit-animation-delay: 0.2s !important;
animation-delay: 0.2s !important;
-webkit-animation-name: slideInDown !important;
animation-name: slideInDown !important;
}
.modal-is-closing dialog,
.modal-is-closing dialog > figure {
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
animation-direction: reverse !important;
}

File diff suppressed because it is too large Load Diff

Binary file not shown.

@ -0,0 +1,646 @@
a:not(a[href^="/twt/"]):not(.manage-options a):not(#burgerMenu):not(#podMenu a):not(.timeline-nav a):not(.yarn-nav a):not(#profile-links a):not(.delLink):not(#profile-info a):not(.menu-item):not(#podLogo a):not(.p-name a):not(.p-org a):not(.u-url):not(.twt-context a):not(.img-orig-open):not(.footer-copyright a):not(p a), form a {
background: var(--primary) !important;
color: var(--primary-inverse) !important;
margin-top: -0.5rem !important;
margin-bottom: -0.25rem !important;
padding: 0.5rem !important;
}
#burgerMenu {
padding: 1rem 1rem !important;
}
#podLogo {
margin: 1.9rem 1rem !important;
}
.yarn-count-badge:before {
content: ': ' !important;
}
.yarn-count-badge {
margin-left: -0.2rem !important;
font-size: initial !important;
position: initial !important;
}
#podMenu {
gap: 1.5rem !important;
text-align: center !important;
padding-top: 1rem !important;
}
#loginBtn i:after,
#registerBtn i:after,
#timelineBtn i:after,
#discoverBtn i:after,
#mentionsBtn i:after,
#feedsBtn i:after,
#settingsBtn i:after,
#logoutBtn i:after {
white-space: pre !important;
content: '\A' !important;
}
#loginBtn,
#registerBtn,
#timelineBtn,
#discoverBtn,
#mentionsBtn,
#feedsBtn,
#settingsBtn,
#logoutBtn {
width: 4rem !important;
}
.toolbar-nav {
margin-bottom: -0.5rem !important;
}
.toolbar-form-button i {
margin-top: 0.15rem !important;
}
#mediaUploadForm {
margin-top: -0.5rem !important;
}
#mediaUploadForm i {
margin-top: -0.1rem !important;
}
#postbox:not(.drawer) {
padding-bottom: 0.1rem !important;
}
#postbox.drawer {
padding-top: 1.5rem !important;
}
#postbox.drawer nav {
margin-bottom: -0.35rem !important;
}
#twt-options {
margin-right: -2.25rem !important;
}
.muteTwtBtn, .bookmarkBtn {
width: 2.5rem !important;
height: 2.5rem !important;
}
.muteTwtBtn i, .bookmarkBtn i {
margin: 0.3rem !important;
}
nav.timeline-nav:first-of-type {
margin-top: -1.5rem !important;
margin-bottom: 0 !important;
}
nav.timeline-nav:last-of-type {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.menu-item:not(.footer-menu a) {
background: var(--primary) !important;
color: var(--primary-inverse) !important;
margin-top: -0.5rem !important;
margin-bottom: -1.25rem !important;
padding: 0.5rem !important;
}
#mediaUploadForm label {
background: var(--primary) !important;
color: var(--primary-inverse) !important;
}
.e-content:not(twt-context) p {
margin: -0.5rem 0.5rem !important;
padding: 1.25rem 0rem !important;
}
.twt-nav {
margin-top: 1.25rem !important;
margin-bottom: -0.4rem !important;
}
.twt-nav a {
margin-right: 1.25rem !important;;
}
.twt-nav i:not(#twt-options i) {
margin-left: -0.1rem !important;
font-size: 1.25rem !important;
}
#twt-options i {
margin-left: 0.15rem !important;
font-size: 1.25rem !important;
}
#profile-links li {
padding: 0.25rem !important;
}
body > footer {
padding: 1rem !important;
}
@media (max-width: 576px) {
#podLogo {
margin-top: 1.4rem !important;
}
#podMenu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
gap: 0px 0px;
justify-items: center !important;
margin: -0.5rem 0 1rem 0 !important;
}
#podMenu a {
text-align: center !important;
margin-top: 1rem !important;
}
.search-grid {
position: absolute !important;
width: 95% !important;
margin: 1rem -5rem !important;
}
#newPost {
padding: 1rem 0.5rem 1rem 0.5rem !important;
margin: 0.75rem 0 0.25rem 0 !important;
}
#newPost #postbox {
margin: 1.5rem 0.5rem -1.5rem 0.5rem !important;
}
#newPost[open=""] {
padding-bottom: 0.1rem !important;
}
#postbox:not(.drawer):not(#postToUser #postbox) {
margin: -2rem 0 0.25rem 0 !important;
}
#postToUser #postbox {
margin: 1.5rem 0.5rem -2.75rem 0.5rem !important;
}
#postbox {
margin-bottom: -0.25rem !important;
}
#postbox:not(.drawer) .toolbar-nav {
margin: 0.8rem 0 1rem 0 !important;
}
#postbox.drawer nav {
margin: 0 0.1rem 1rem 0.1rem !important;
}
#postbox.drawer {
margin-top: 1rem !important;
}
#mediaUploadForm,
#mediaUploadForm label,
.toolbar-form-button a {
height: 2.5rem !important;
width: 2.5rem !important;
}
.toolbar-form-button i {
margin-top: 0.05rem !important;
}
#mediaUploadForm i {
margin-top: -0.2rem !important;
margin-left: -0.4rem !important;
}
#twt-options {
margin-right: -1.2rem !important;
}
.twt-nav {
padding-top: 1.25rem !important;
}
.twt-nav a {
margin-right: 0.9rem !important;
}
.twt-nav i {
display: block !important;
margin: -0.2rem -0.5rem 0 0 !important;
padding-bottom: 0.3rem !important;
}
.replyBtn,
.editBtn,
.deleteBtn,
.forkBtn,
.convBtn {
width: 4rem !important;
height: 3.5rem !important;
}
.editBtn,
.deleteBtn,
.replyBtn,
.forkBtn,
.convBtn {
text-align: center !important;
font-size: 1rem !important;
}
.muteTwtBtn i,
.bookmarkBtn i {
margin-top: 0.1rem !important;
}
.replyBtn {
margin-left: -0.2rem !important;
}
.yarn-count-badge:before {
content: '' !important;
}
.yarn-count-badge {
display: none !important;
}
nav.timeline-nav:first-of-type {
margin-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
nav.timeline-nav:last-of-type {
margin-top: -0.25rem !important;
padding-bottom: 2.5rem !important;
}
nav.yarn-nav:first-of-type {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;;
}
nav.yarn-nav:last-of-type {
padding-top: 0.5rem !important;
padding-bottom: 7.5rem !important;
margin-bottom: -4.5rem !important;
}
#recentTwts .timeline-nav:nth-of-type(1) {
margin-top: 0.5rem !important;
}
#recentTwts .timeline-nav:nth-of-type(2) {
margin-bottom: -3.75rem !important;
}
.footer-copyright {
width: 10rem !important;
text-align: center !important;
}
.footer-menu {
margin: 0 !important;
flex-flow: row wrap !important;
justify-content: space-around !important;
display: flex !important;
width: 11rem !important;
}
.footer-menu a {
margin: 0 !important;
padding: 0 !important;
}
.menu-item {
margin-top: 0rem !important;
margin-bottom: 0.5rem !important;
}
}
@media (min-width: 577px) and (max-width: 768px) {
#mainNav {
padding-bottom: 0 !important;
}
#newPost {
padding: 1rem 0.5rem 1rem 0.5rem !important;
margin: 1.25rem 0 0 0 !important;
}
#newPost #postbox {
margin: 2rem 0.5rem -0.25rem 0.5rem !important;
}
#postToUser #postbox {
margin: 2.25rem 0.5rem -1.5rem 0.5rem !important;
}
#newPost[open=""] {
padding-bottom: 0.1rem !important;
}
#podMenu {
margin: 2rem 0 2rem -1rem !important;
gap: 0 !important;
}
#podMenu i {
display: block;
margin-top: 0.35rem !important;
}
main.container:first-of-type {
padding-top: 0.25rem !important;
}
nav.timeline-nav:first-of-type {
margin-top: 0.5rem !important;
}
#twt-options {
margin-right: -1.25rem !important;
}
.twt-nav {
padding-top: 1.25rem !important;
}
nav.yarn-nav:nth-of-type(1) {
margin-top: -0.1rem !important;
margin-bottom: 0 !important;;
}
nav.yarn-nav:nth-of-type(2) {
margin-top: 0.25rem !important;
margin-bottom: -0.25rem !important;;
}
#recentTwts .timeline-nav:nth-of-type(1) {
margin-top: 0.5rem !important;
}
#recentTwts .timeline-nav:nth-of-type(2) {
margin-bottom: -0.75rem !important;
}
#loginBtn i:after,
#registerBtn i:after,
#timelineBtn i:after,
#discoverBtn i:after,
#mentionsBtn i:after,
#feedsBtn i:after,
#settingsBtn i:after,
#logoutBtn i:after {
white-space: pre !important;
content: '' !important;
}
#postbox:not(.drawer) {
margin-top: 3rem !important;
padding-bottom: 0rem !important;
}
#postbox.drawer {
padding-top: 1.5rem !important;
margin-bottom: 0 !important;
}
#postbox.drawer nav {
margin-bottom: -0.25rem !important;
}
.footer-copyright {
width: 10rem !important;
text-align: center !important;
}
.footer-menu {
justify-content: right !important;
display: flex !important;
width: 28rem !important;
}
}
@media (min-width: 769px) and (max-width: 991px) {
#mainNav {
padding-bottom: 2.5rem !important;
}
#newPost {
padding: 1rem 0.5rem 1rem 0.5rem !important;
margin: 1rem 0 2rem 0 !important;
}
#newPost #postbox {
margin: 2rem 0.5rem 0 0.5rem !important;
}
#newPost[open=""] {
padding-bottom: 0.1rem !important;
}
#postbox:not(.drawer):not(#postToUser #postbox) {
margin: 2rem 0 0 0 !important;
}
#postToUser #postbox {
margin: 2.25rem 0.5rem -1rem 0.5rem !important;
}
#postbox.drawer {
margin-bottom: 0.5rem !important;
}
#recentTwts summary {
margin-bottom: 2rem !important;
}
main.container:first-of-type {
padding-top: 0.25rem !important;
}
nav.timeline-nav:first-of-type {
margin-top: -1.75rem !important;
}
nav.timeline-nav:nth-of-type(2) {
margin-top: 0 !important;
margin-bottom: -0.5rem !important;
}
#recentTwts .timeline-nav:nth-of-type(1) {
margin-top: -1.5rem !important;
}
#recentTwts .timeline-nav:nth-of-type(2) {
margin-bottom: -2.5rem !important;
}
#twt-options {
margin-right: -1.25rem !important;
}
.twt-nav {
padding-top: 1.25rem !important;
}
nav.yarn-nav:nth-of-type(1) {
margin-top: -0.25rem !important;
margin-bottom: 0 !important;;
}
nav.yarn-nav:nth-of-type(2) {
margin-top: 0.25rem !important;
margin-bottom: -0.5rem !important;;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#mainNav {
padding-bottom: 2.5rem !important;
}
#newPost {
padding: 1rem 0.5rem 1rem 0.5rem !important;
margin: 1rem 0 0.5rem 0 !important;
}
#newPost #postbox {
margin: 2rem 0.5rem 0.25rem 0.5rem !important;
}
#newPost[open=""] {
padding-bottom: 0.1rem !important;
}
#postbox:not(.drawer):not(#postToUser #postbox) {
margin: 2rem 0 0 0 !important;
}
#postToUser #postbox {
margin: 2.25rem 0.5rem -1rem 0.5rem !important;
}
main.container:first-of-type {
padding-top: 0.25rem !important;
}
nav.timeline-nav:first-of-type {
margin-top: -0.25rem !important;
}
nav.timeline-nav:nth-of-type(2) {
margin-top: 0 !important;
margin-bottom: -0.5rem !important;
}
#recentTwts .timeline-nav:nth-of-type(1) {
margin-top: 0.25rem !important;
}
#recentTwts .timeline-nav:nth-of-type(2) {
margin-bottom: -2.5rem !important;
}
#twt-options {
margin-right: -1.25rem !important;
}
.twt-nav {
padding-top: 1.25rem !important;
}
nav.yarn-nav:nth-of-type(1) {
margin-top: -0.25rem !important;
margin-bottom: 0 !important;;
}
nav.yarn-nav:nth-of-type(2) {
margin-top: 0 !important;
margin-bottom: 0.75rem !important;;
}
}
@media (min-width: 1200px) {
#mainNav {
padding-bottom: 2.5rem !important;
}
#newPost {
padding: 1rem 0.5rem 1rem 0.5rem !important;
margin: 1rem 0 0.5rem 0 !important;
}
#newPost #postbox {
margin: 2rem 0.5rem 0.25rem 0.5rem !important;
}
#postToUser #postbox {
margin: 2.25rem 0.5rem -1rem 0.5rem !important;
}
#newPost[open=""] {
padding-bottom: 0.1rem !important;
}
#postbox:not(.drawer) {
margin: 2rem 0 0 0 !important;
}
main.container:first-of-type {
padding-top: 0.25rem !important;
}
nav.timeline-nav:first-of-type {
margin-top: -0.25rem !important;
}
nav.timeline-nav:nth-of-type(2) {
margin-top: 0 !important;
margin-bottom: -0.5rem !important;
}
#recentTwts .timeline-nav:nth-of-type(1) {
margin-top: 0.25rem !important;
}
#recentTwts .timeline-nav:nth-of-type(2) {
margin-bottom: -2.5rem !important;
}
#twt-options {
margin-right: -1.25rem !important;
}
.twt-nav {
padding-top: 1.25rem !important;
}
nav.yarn-nav:nth-of-type(1) {
margin-top: -0.25rem !important;
margin-bottom: 0 !important;
}
nav.yarn-nav:nth-of-type(2) {