diff --git a/Gitea/readme.md b/Gitea/readme.md deleted file mode 100644 index 88f2f5b..0000000 --- a/Gitea/readme.md +++ /dev/null @@ -1,28 +0,0 @@ -# Gitea Modern -Changes the layout of Gitea to give it a more modern look. Can be used with any other themes that change only colors! -| ![Gitea Modern Repository Page](https://codeberg.org/Freeplay/css-styles/raw/branch/main/images/codeberg-modern_repoPg.png) | ![Gitea Modern Explore Page](https://codeberg.org/Freeplay/css-styles/raw/branch/main/images/codeberg-modern_explorePg.png) | ![Gitea Modern Profile Page](https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/images/codeberg-modern_profilePg.png) -|---|---|---| - -**Note:** The [Stylus browser extension](https://add0n.com/stylus.html) and [Stylus preprocessor](https://stylus-lang.com/) are two different things. - -### Usage as a Gitea theme, [or use the Stylus browser extension to apply to any instance](https://userstyles.world/style/529) -To install the theme for all Gitea users: - -0. Make sure you're on the latest version of Gitea! (Working 1.17) -1. Download the [`theme-gitea-modern.css` file][theme-file] and add it to your custom folder in `$GITEA_CUSTOM/public/css/` ([learn how to find that directory][doc-dir]). - - The path has changed in Gitea 1.15, there the file needs to be placed in `$GITEA_CUSTOM/public/assets/css` -2. Adapt your `app.ini` to make it the default theme or be user-selectable: - - To change the default theme, change the value of `DEFAULT_THEME` in the [ui section][doc-config] of `app.ini` to `gitea-modern` - - - To make a theme selectable by users in their profile settings, append `,gitea-modern` to the list of `THEMES` in your `app.ini`. -3. Restart Gitea -4. Enjoy :) - -### Contributing -To make changes, always base them on [`theme-gitea-modern.styl`](theme-gitea-modern.styl), which requires the [Stylus preprocessor](https://stylus-lang.com/). -When making contributions, don't use the compiled version for your changes. - -[theme-file]: https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Gitea/theme-gitea-modern.css -[usertheme-file]: https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Gitea/theme-gitea-modern.user.css -[doc-config]: https://docs.gitea.io/en-us/config-cheat-sheet/#ui-ui -[doc-dir]: https://docs.gitea.io/en-us/faq/#where-does-gitea-store-what-file diff --git a/Gitea/LICENSE b/LICENSE similarity index 100% rename from Gitea/LICENSE rename to LICENSE diff --git a/issue_template/bug_report.md b/issue_template/bug_report.md index 7a93af9..2ee2c7a 100644 --- a/issue_template/bug_report.md +++ b/issue_template/bug_report.md @@ -2,25 +2,17 @@ name: "Bug Report" about: "Report an issue!" -title: "Style Name: A clear title!" labels: - bug --- - **Describe the issue:** --- -**Link to file:** - **Browser + Version:** diff --git a/issue_template/feature_request.md b/issue_template/feature_request.md index a8f2db9..f03cd10 100644 --- a/issue_template/feature_request.md +++ b/issue_template/feature_request.md @@ -2,17 +2,11 @@ name: "Feature Request" about: "Suggest something for one of my styles!" -title: "Style Name: A clear title!" labels: - enhancement --- - **Link to file:** @@ -21,5 +15,4 @@ labels: --- - [x] I have made sure this issue hasn't already been posted. -- [x] I have made sure I am on the latest version of my Browser. - [x] I have made sure that the platform I am running the style on is fully up-to-date. diff --git a/misskey/images/mktweaks_mobile.png b/misskey/images/mktweaks_mobile.png deleted file mode 100644 index 82e7fde..0000000 Binary files a/misskey/images/mktweaks_mobile.png and /dev/null differ diff --git a/misskey/images/mktweaks_posts.png b/misskey/images/mktweaks_posts.png deleted file mode 100644 index a35641b..0000000 Binary files a/misskey/images/mktweaks_posts.png and /dev/null differ diff --git a/misskey/images/mktweaks_profile.png b/misskey/images/mktweaks_profile.png deleted file mode 100644 index 6c2952c..0000000 Binary files a/misskey/images/mktweaks_profile.png and /dev/null differ diff --git a/misskey/mk-tweaks.user.css b/misskey/mk-tweaks.user.css deleted file mode 100644 index 5ae67ab..0000000 --- a/misskey/mk-tweaks.user.css +++ /dev/null @@ -1,944 +0,0 @@ -/*** - - - !!! MAKE SURE TO ADD YOUR INSTANCE DOMAIN IN THE APPLIES TO SECTION BELOW !!! - - -***/ - -/* ==UserStyle== -@name Misskey Tweaks -@version 1.0.8 -@description A collection of tweaks aimed at making Misskey less cluttered! -@updateURL https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Misskey/mk-tweaks.user.css -@preprocessor stylus - - -- AUTHOR STUFF -- -@namespace Freeplay -@author Freeplay (https://freeplay.codeberg.page/) -@homepageURL https://codeberg.org/Freeplay/CSS-Styles -@supportURL https://codeberg.org/Freeplay/CSS-Styles/issues - - -@var text warn "!! REFRESH AFTER CHANGING SETTINGS !!" '"OKAY!!"' -@var checkbox header "↔ Move header aside" 1 -@var checkbox bg "🔲 Better Wallpaper Support" 1 -@var checkbox posts "💬 Better Posts Layout" 1 -@var checkbox profile "👤 Better Profile Page" 1 -@var checkbox sidebar "📇 Better Sidebar" 1 -@var checkbox mentions "🏓 Readable Mentions" 1 -@var checkbox font "🇦 Superior Local Font (Segoe UI)" 1 -@var checkbox fixes "🔧 Other Minor Fixes" 1 -@var checkbox compose "🖊 Better Compose" 1 - -==/UserStyle== */ - -@-moz-document domain("misskey.to"), domain("misskey.ai") { -if font { - html { - font-family: "Segoe UI", sans-serif; - } -} - - -if sidebar { - /*** Better Sidebar ***/ - .sidebar { - display: flex; - flex-direction: column; - .nav { - position: sticky; - top: 0; - border-right: .5px solid var(--divider); - min-height: 100vh !important; - max-height: 100vh !important; - overflow: clip auto; - - & > div { - height: auto !important; - background: none !important; - flex: none !important; - position: relative !important; - overflow: visible !important; - } - } - button:not(.post):not(.gradate) { - position: relative !important; - background: none !important; - box-shadow: none !important; - backdrop-filter: none !important; - } - & > div:last-child:not(.iconOnly), .nav > div { - display: flex; - flex-direction: column; - min-height: calc(100vh - 20px); - & > a, & > button:not(.account):not(.post) { - flex-grow: 1; - display: flex !important; - align-items: center !important; - align-content: center; - font-size: 100% !important; - max-height: 55px; - span { - font-size: inherit !important; - } - &::before { - content: unset !important; - } - } - } - } -} - -if bg { - /*** BETTER CUSTOM WALLPAPER SUPPORT ***/ - .mk-app.wallpaper { - background: none !important; - &::before { - content: ""; - position: fixed; - inset: 0px; - background-color: var(--bg); - opacity: .85; - pointer-events: none; - z-index: -1; - } - .sidebar { - z-index: 3; - .nav { - border-right-color: transparent; - } - } - .contents { - background: none !important; - } - main { - overflow: visible !important; - position: relative; - background: none !important; - border-color: transparent !important; - --bg: transparent; - --X17: transparent; - // --panel: transparent; - .tl { - - overflow: visible; - } - .fdidabkb + div > div > div > div { - overflow: visible; - position: relative; - min-height: calc(100vh - 50px); - backdrop-filter: blur(10px); - &::before, &::after { - content: ""; - position: absolute; - top: -9999px; - bottom: 0; - right: 100%; - left: -100vw; - background-color: rgba(0,0,0,0.2); - pointer-events: none !important; - z-index: -1; - box-shadow: 0 100vw 0 rgba(0,0,0,0.2); - } - &::after { - right: 0; - background: none; - box-shadow: 100vw 100vh 0 rgba(0,0,0,0.2); - } - } - - .notes, ._block, ._card, ._panel, .elsfgstc, .fcuexfpr, .qtqtichx, .narrow { - background: none !important; - border-radius: 0 !important; - } - } - .widgets { - border: 0 !important; - background: none !important; - } - - .post { - background: none !important; - } - .widgets .widget, div.tab, .widget header, .ukygtjoj > header { - background: none !important; - &::before, header::before { - content: ""; - position: absolute; - inset: 0; - background: var(--panel); - opacity: .7 !important; - z-index: -1; - pointer-events: none; - } - &::after { - content: ""; - position: absolute; - inset: 0; - backdrop-filter: blur(10px); - z-index: -2; - pointer-events: none; - } - &.tab { - padding-inline: 6px !important; - } - ._panel, .elsfgstc, header { - background: none !important; - } - & > header::before { - opacity: .5; - backdrop-filter: blur(10px); - } - } - .collapsed { - border-radius: var(--radius) !important; - } - - } -} - -if mobile { - /*** BETTER MOBILE SUPPORT ***/ - .mk-app.isMobile { - main.main.main { - --margin: 0px; - margin-top: 50vh !important; - &::before, &::after { - content: unset !important; - } - [style="padding: 12px;"] { - padding: 0 !important; - margin: 0 !important; - width: 100% !important; - ._block { - border-radius: 0 !important; - } - } - } - .fdidabkb { - position: fixed; - top: unset; - bottom: 65px; - left: 10px; - right: 10px; - width: unset !important; - border-radius: var(--radius); - border: 0; - padding-left: 20px; - z-index: 1001; - --height: 50px; - .titleContainer { - margin-left: 0; - .icon { - margin-left: 0 !important; - } - .title { - margin: 0; - display: flex; - align-items: flex-end; - flex-grow: 1; - margin-right: 10px; - } - } - } - & > .buttons { - padding: 0 !important; - background: linear-gradient(transparent, var(--bg)) !important; - height: 120px; - align-items: flex-end; - border: 0 !important; - backdrop-filter: none !important; - button { - margin: 0 !important; - background: none !important; - height: 70px !important; - i { - font-size: 18px !important; - } - } - } - & > .ccczpooj { - animation: none !important; - } - ._popup { - position: fixed; - bottom: 0; - left: 0; - right: 0; - top: unset !important; - max-height: 400px; - overflow-y: scroll; - scrollbar-width: none; - border-radius: var(--radius) var(--radius) 0 0 !important; - animation: none !important; - button { - padding: 12px 16px; - } - } - } -} -/*** HEADER ***/ -/* MOVE ASIDE */ -if header { - /*** MOVE HEADER ASIDE ***/ - @media only screen and (min-width: 1201px) { - .columns > .main, main .content > div { - overflow: visible !important; - .fdidabkb:not(.slim) { - display: contents !important; - & > div { - height: 50px !important; - } - .titleContainer { - position: sticky; - top: var(--stickyTop,0); - z-index: 1000; - margin-left: calc(100% + 17px) !important; - margin-bottom: -50px !important; - width: 300px; - padding-left: 15px; - box-sizing: border-box; - background-color: var(--panelHeaderBg); - border-radius: 0 0 var(--radius) var(--radius); - .avatar { - margin-left: 0 !important; - } - .title { - white-space: nowrap; - } - } - - .tabs { - height: 60px !important; - margin-left: 0; - margin-top: 10px !important; - display: flex; - justify-content: center; - font-size: .9em !important; - button::after { - content: unset !important; - } - &:empty { - height: 20px !important; - } - } - .right { - position: sticky; - top: var(--stickyTop,0); - margin-left: auto !important; - margin-right: -312px !important; - margin-top: -75px !important; - margin-bottom: 9px !important; - z-index: 1001; - width: max-content; - max-width: 150px; - background-color: var(--panelHeaderBg); - &::before { - content: ""; - position: absolute; - right: 100%; - top: 0; - bottom: 0; - width: 40px; - background: linear-gradient(to left, var(-panelHeaderBg), transparent); - } - } - } - } - - .widgets > div[style^="position: sticky"] > div:first-child { - padding-top: 50px !important; - } - } -} - -/** TIMELINE **/ -/* POST */ -if posts { - /*** BETTER POSTS ***/ - /* This one is probably the most horribly written. */ - .noGap > :not(:last-child) { - // border: 0 !important; - } - .renote[tabindex], .note._block { - display: flex; - flex-direction: column; - } - .renote > div { - position: relative !important; - } - .renote > .renote { - margin-left: 50px; - padding: 10px !important; - padding-bottom: 0 !important; - margin-bottom: -.2em; - position: relative !important; - color: var(--text) !important; - font-weight: 600; - font-size: .8em; - opacity: .6; - z-index: 2; - // width: max-content; - max-width: 100%; - .avatar, .info time { - display: none !important; - } - & ~ .article { - margin-top: calc(-1em - 25px) !important; - padding-top: calc(1em + 25px) !important; - } - } - .article, .reply, .reply-to, .reply-to-more { - padding: 12px !important; - position: relative !important; - opacity: 1 !important; - transition: background-color .2s; - font-size: 1em !important; - &:hover, &:focus-within, ._isolated &.article { - background-color: var(--listItemHoverBg); - } - .avatar { - img { - border-radius: 25% !important; - } - } - .username, .created-at { - opacity: .6 !important; - } - // Make full post clickable, while still allowing clicking link's n' stuff. - .created-at::before { - content: ""; - position: absolute; - inset: 0; - left: 0px; - } - .text { - z-index: 2 !important; - span { - position: relative; - z-index: 2; - } - } - button:not(.fade), a:not(.created-at):not(.avatar), .files { - position: relative !important; - z-index: 3 !important; - } - .cover + .text { - position: absolute !important; - } - .fas, .fas::before { - z-index: 3 !important; - } - - button.fade { - z-index: 3; - } - .avatar { - z-index: 2 !important; - } - .ticker { - height: 25px !important; - position: absolute; - bottom: 10px; - right: 10px; - border-radius: 100px; - z-index: 2; - overflow: visible; - img { - width: 25px !important; - height: 25px !important; - } - span { - position: absolute; - right: 100%; - height: 25px !important; - white-space: nowrap; - // font-weight: 500 !important; - display: inline-flex; - // margin-right: 4px; - align-items: center; - background: inherit; - font-size: .7em !important; - padding: 0px 8px; - border-radius: 4px; - transform: scale(.9) translateX(5%); - opacity: 0; - pointer-events: none; - transition: transform .1s, opacity .1s; - } - &:hover { - span { - transform: none; - opacity: 1; - } - } - } - - .text, .body, .content { - pointer-events: none; - max-height: 9999px; - transition: mask .2s, max-height 2s; - *:not(div):not(blockquotes) { - pointer-events: all !important; - } - } - .content.collapsed { - - .text { - mask: linear-gradient(black, black, rgba(0,0,0,0.5), transparent); - max-height: 150px; - } - .fade { - background: none !important; - } - - } - - // Reply Button - a.reply { - display: none; - } - - &.article { - padding-bottom: 5px !important; - .avatar { - transform: scale(.9) !important; - } - .header { - margin-bottom: .2em; - } - .files { - margin-top: .7em; - } - .footer { - margin-top: .1em; - } - - } - - &:not(.reply-to), ._isolated & { - .cw > ._button { - display: block; - width: 100% !important; - background: none; - color: inherit; - padding: 10px; - // border-radius: var(--radius); - font-size: .9em; - margin-left: -85px; - width: calc(100% + 100px) !important; - transition: background .2s; - text-align: left; - padding-left: 85px; - &:hover { - background-color: var(--listItemHoverBg); - } - } - .avatar { - margin-right: 10px !important; - } - .poll { - font-size: .9em !important; - margin-top: 1em; - ul > li { - padding: 8px 12px !important; - font-weight: 700; - span { - display: flex; - align-items: center; - .votes { - margin-left: auto; - // font-weight: 500; - opacity: .7; - } - } - .backdrop { - border-radius: 4px; - } - } - } - } - ._isolated & { - &.article { - padding: 20px !important; - padding-bottom: 5px !important; - & > header > .avatar { - margin-right: -5px !important; - } - .text { - font-size: 1.3em !important; - } - .gird-container { - &::before { - content: unset; - } - & > div { - position: relative !important; - max-height: 80vh; - } - } - time { - position: relative; - } - } - - &.reply-to, &.reply-to-more { - padding: 14px 18px !important; - border-bottom: 1px solid var(--divider); - } - &.children, &.article + .reply { - &.children { - padding-right: 0 !important; - padding-bottom: 0 !important; - background: none !important; - } - - } - details { - display: contents; - summary { - display: none; - } - } - } - :not(._isolated) > &.reply-to { - &::before { - content: ""; - position: absolute; - right: 100%; - margin-right: -15px; - margin-top: 2px; - border-top-left-radius: 12px; - top: 50%; - height: 200%; - width: 41px; - border-top: 4px solid currentColor; - border-left: 4px solid currentColor; - opacity: .5; - } - &, .widgets & { - display: flex; - flex-grow: 1; - padding-bottom: 0 !important; - background: none !important; - margin-bottom: 5px !important; - position: relative !important; - z-index: 2 !important; - margin-left: 70px !important; - font-size: .8em !important; - opacity: .8 !important; - &:hover { - opacity: 1 !important; - } - & ~ .article { - margin-top: calc(-1em - 25px) !important; - padding-top: calc(1em + 25px) !important; - } - & ~ .renote, & ~ .info { - margin-bottom: -.7em !important; - order: -1 !important; - } - & ~ .renote ~ .article { - margin-top: calc(-3em - 30px) !important; - padding-top: calc(3em + 30px) !important; - } - .main { - flex-grow: 1; - } - .avatar { - height: 1.2em !important; - width: 1.2em !important; - } - .name { - max-width: 20%; - z-index: 4 !important; - } - .cw { - display: flex !important; - } - .body, header { - display: contents; - .content { - display: flex; - flex-grow: 1; - } - .username { - display: none; - } - .info { - margin-left: 1em; - order: 2; - z-index: 3; - } - .text { - display: flex; - width: 0; - // overflow: hidden; - white-space: nowrap; - flex-grow: 1 !important; - } - .reply { - margin: 0 .5em !important; - padding: 0 !important; - } - span, summary { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - height: 1rem !important; - font-size: 1em !important; - [href^="/@"] { - margin: -1em 0 !important; - } - br { - display: none; - & + a { - margin-left: .2em; - } - } - img { - height: 1rem !important; - width: 1rem !important; - } - } - summary { - margin-left: 10px; - } - } - } - } - .widget & { - .avatar { - width: 1.2rem !important; - height: 1.2rem !important; - position: relative !important; - top: 0 !important; - } - & > .main { - margin-left: -1.8rem; - .header { - margin-left: 1.6rem; - } - } - &.reply-to.reply-to { - margin-left: 3.4rem !important; - &::before { - // content: unset; - margin-top: 4px; - border-width: 3px; - margin-right: 1rem !important; - width: 1rem; - height: 1.5em; - } - } - } - } -} - -if profile { - /*** BETTER PROFILES ***/ - .narrow { - position: relative; - } - .profile { - margin-bottom: var(--margin); - .banner { - background-color: transparent !important; - } - .description { - margin-top: 30px !important; - padding: 24px !important; - text-align: left !important; - } - .status { - position: absolute; - top: 250px; - left: 144px; - padding: 0px !important; - a { - padding: 12px; - b { - margin-right: .5em; - line-height: 1em !important; - display: inline !important; - } - span { - opacity: .8; - font-size: 1em !important; - } - } - } - .fields { - display: flex; - flex-wrap: wrap; - padding: 0 24px !important; - border: 0 !important; - padding-bottom: 24px !important; - .field { - background-color: var(--panelHighlight); - border-radius: 1em; - margin: 0 .5em .5em 0 !important; - font-size: .9em; - & > * { - padding: 6px 10px; - } - .name { - width: auto !important; - } - .value { - width: auto !important; - padding-left: 0; - a[rel*="nofollow"] { - margin: -6px -10px; - margin-left: 0; - padding: 6px 10px; - display: flex; - position: relative; - &::before { - content: ""; - position: absolute; - inset: 0; - background-color: var(--link); - border-radius: var(--radius); - opacity: .1; - } - .fa-external-link-square-alt { - display: none; - } - } - } - } - &.system { - margin-top: -24px; - padding-top: 1em !important; - padding-bottom: .5em !important; - .field { - background: none; - opacity: .8; - max-width: 300px !important; - font-size: 1em; - padding-right: 10px !important; - & > * { - padding: 0; - &.name { - min-width: max-content; - padding-right: .4rem; - font-weight: 500 !important; - font-size: 0; - i { - font-size: .9rem; - } - } - } - } - } - } - & ~ .contents { - position: relative; - } - & ~ .contents > div > ._panel { - & { - .content.omitted { - & > div { - padding-inline: 0; - } - .stream { - display: flex; - overflow-x: auto; - // scroll-snap-type: x mandatory; - scroll-padding: 24px; - padding-left: 24px; - scrollbar-color: transparent transparent; - mask: linear-gradient(to right, black calc(100% - 400px), rgba(0,0,0,0.4), transparent); - a { - min-width: max-content; - scroll-snap-align: start; - height: 100px; - } - } - button.fade { - background: linear-gradient(to right, transparent, var(--panel)); - background: none; - top: 0; - bottom: 0; - right: 0; - left: unset; - height: unset; - width: auto; - padding: 24px; - } - } - .content:not(.omitted) { - padding: 0 14px !important; - padding: 0 !important; - padding-top: 14px !important; - & > div { - padding: 0; - } - .stream { - display: flex; - flex-wrap: wrap; - a { - flex-grow: 1; - height: auto; - max-height: 60vh; - border-radius: 0; - } - } - .empty { display: none; } - } - } - } - } -} - -if mentions { - /*** READABLE MENTIONS ***/ - a[href^="/@"][style^="background:"] { - color: inherit !important; - padding: .15em .35em; - padding-left: .2em; - margin: -.15em 0; - img { - height: 1.3em !important; - width: 1.3em !important; - } - span { - opacity: 1 !important; - } - } -} - - -if fixes { - /*** MINOR FIXES ***/ - // Block Headers - header._button { - padding: 0 15px !important; - } - - // Add rounded corners to sticky headers - .mk-app:not(.wallpaper) .tab[style*="--stickyTop:"] { - margin-bottom: 0 !important; - &::after, &::before { - content: ""; - position: absolute; - top: 100%; - width: calc(var(--radius) * 2); - height: calc(var(--radius) * 2);; - border-top-left-radius: var(--radius); - box-shadow: -4px -4px 0 var(--bg); - } - &::after { - right: 0; - box-shadow: 4px -4px 0 var(--bg); - border-top-left-radius: 0; - border-top-right-radius: var(--radius); - } - } -} - - - -} \ No newline at end of file diff --git a/misskey/readme.md b/misskey/readme.md deleted file mode 100644 index 96fa8be..0000000 --- a/misskey/readme.md +++ /dev/null @@ -1,19 +0,0 @@ -# Misskey Tweaks -A collection of tweaks that aim to make Misskey less cluttered. -Misskey devs please feel free to copy, although I wouldn't recommend using this messy code. -| ![Profile Page](/images/mktweaks_profile.png) | ![Posts](/images/mktweaks_posts.png) | ![Gitea Modern Profile Page](/images/mktweaks_mobile.png) -|---|---|---| - -**Note:** The [Stylus browser extension](https://add0n.com/stylus.html) and [Stylus preprocessor](https://stylus-lang.com/) are two different things. - -### Apply to any instance by [easily managing the snippets using Stylus](https://userstyles.world/style/2125/misskey-tweaks) -#### Or, add the snippets directly to Misskey: -1. Find the snippet you want to add in the snippets folder of this repo, copy its contents -2. In Misskey, navigate to `Settings > General > Custom CSS` -3. Paste the contents of the file into the textbox -4. Click Save & Enjoy! - -### Contributing -To make changes, find the tweak you want to edit inside of [`mktweaks.user.css`](mk-tweaks.user.css), which uses the [Stylus preprocessor](https://stylus-lang.com/). Don't edit anything else outside of the if statements. Please only change one tweak at a time when making a pull request. - -If you want, you can then copy & paste the code into https://stylus-lang.com/try.html, and paste the output into the corresponding `.css` file inside of the tweaks folder. \ No newline at end of file diff --git a/misskey/tweaks/better-custom-wallpaper.css b/misskey/tweaks/better-custom-wallpaper.css deleted file mode 100644 index 30df4fc..0000000 --- a/misskey/tweaks/better-custom-wallpaper.css +++ /dev/null @@ -1,138 +0,0 @@ -/*** BETTER CUSTOM WALLPAPER ***/ -.mk-app.wallpaper { - background: none !important; -} -.mk-app.wallpaper::before { - content: ""; - position: fixed; - inset: 0px; - background-color: var(--bg); - opacity: 0.85; - pointer-events: none; - z-index: -1; -} -.mk-app.wallpaper .sidebar { - z-index: 3; -} -.mk-app.wallpaper .sidebar .nav { - border-right-color: transparent; -} -.mk-app.wallpaper .contents { - background: none !important; -} -.mk-app.wallpaper main { - overflow: visible !important; - position: relative; - background: none !important; - border-color: transparent !important; - --bg: transparent; - --X17: transparent; -} -.mk-app.wallpaper main .tl { - overflow: visible; -} -.mk-app.wallpaper main .fdidabkb + div > div > div > div { - overflow: visible; - position: relative; - min-height: calc(100vh - 50px); - backdrop-filter: blur(10px); -} -.mk-app.wallpaper main .fdidabkb + div > div > div > div::before, -.mk-app.wallpaper main .fdidabkb + div > div > div > div::after { - content: ""; - position: absolute; - top: -9999px; - bottom: 0; - right: 100%; - left: -100vw; - background-color: rgba(0,0,0,0.2); - pointer-events: none !important; - z-index: -1; - box-shadow: 0 100vw 0 rgba(0,0,0,0.2); -} -.mk-app.wallpaper main .fdidabkb + div > div > div > div::after { - right: 0; - background: none; - box-shadow: 100vw 100vh 0 rgba(0,0,0,0.2); -} -.mk-app.wallpaper main .notes, -.mk-app.wallpaper main ._block, -.mk-app.wallpaper main ._card, -.mk-app.wallpaper main ._panel, -.mk-app.wallpaper main .elsfgstc, -.mk-app.wallpaper main .fcuexfpr, -.mk-app.wallpaper main .qtqtichx, -.mk-app.wallpaper main .narrow { - background: none !important; - border-radius: 0 !important; -} -.mk-app.wallpaper .widgets { - border: 0 !important; - background: none !important; -} -.mk-app.wallpaper .post { - background: none !important; -} -.mk-app.wallpaper .widgets .widget, -.mk-app.wallpaper div.tab, -.mk-app.wallpaper .widget header, -.mk-app.wallpaper .ukygtjoj > header { - background: none !important; -} -.mk-app.wallpaper .widgets .widget::before, -.mk-app.wallpaper div.tab::before, -.mk-app.wallpaper .widget header::before, -.mk-app.wallpaper .ukygtjoj > header::before, -.mk-app.wallpaper .widgets .widget header::before, -.mk-app.wallpaper div.tab header::before, -.mk-app.wallpaper .widget header header::before, -.mk-app.wallpaper .ukygtjoj > header header::before { - content: ""; - position: absolute; - inset: 0; - background: var(--panel); - opacity: 0.7 !important; - z-index: -1; - pointer-events: none; -} -.mk-app.wallpaper .widgets .widget::after, -.mk-app.wallpaper div.tab::after, -.mk-app.wallpaper .widget header::after, -.mk-app.wallpaper .ukygtjoj > header::after { - content: ""; - position: absolute; - inset: 0; - backdrop-filter: blur(10px); - z-index: -2; - pointer-events: none; -} -.mk-app.wallpaper .widgets .widget.tab, -.mk-app.wallpaper div.tab.tab, -.mk-app.wallpaper .widget header.tab, -.mk-app.wallpaper .ukygtjoj > header.tab { - padding-inline: 6px !important; -} -.mk-app.wallpaper .widgets .widget ._panel, -.mk-app.wallpaper div.tab ._panel, -.mk-app.wallpaper .widget header ._panel, -.mk-app.wallpaper .ukygtjoj > header ._panel, -.mk-app.wallpaper .widgets .widget .elsfgstc, -.mk-app.wallpaper div.tab .elsfgstc, -.mk-app.wallpaper .widget header .elsfgstc, -.mk-app.wallpaper .ukygtjoj > header .elsfgstc, -.mk-app.wallpaper .widgets .widget header, -.mk-app.wallpaper div.tab header, -.mk-app.wallpaper .widget header header, -.mk-app.wallpaper .ukygtjoj > header header { - background: none !important; -} -.mk-app.wallpaper .widgets .widget > header::before, -.mk-app.wallpaper div.tab > header::before, -.mk-app.wallpaper .widget header > header::before, -.mk-app.wallpaper .ukygtjoj > header > header::before { - opacity: 0.5; - backdrop-filter: blur(10px); -} -.mk-app.wallpaper .collapsed { - border-radius: var(--radius) !important; -} \ No newline at end of file diff --git a/misskey/tweaks/better-mobile-support.css b/misskey/tweaks/better-mobile-support.css deleted file mode 100644 index b668edc..0000000 --- a/misskey/tweaks/better-mobile-support.css +++ /dev/null @@ -1,77 +0,0 @@ -/*** BETTER MOBILE SUPPORT ***/ -.mk-app.isMobile main.main.main { - --margin: 0px; - margin-top: 50vh !important; -} -.mk-app.isMobile main.main.main::before, -.mk-app.isMobile main.main.main::after { - content: unset !important; -} -.mk-app.isMobile main.main.main [style="padding: 12px;"] { - padding: 0 !important; - margin: 0 !important; - width: 100% !important; -} -.mk-app.isMobile main.main.main [style="padding: 12px;"] ._block { - border-radius: 0 !important; -} -.mk-app.isMobile .fdidabkb { - position: fixed; - top: unset; - bottom: 65px; - left: 10px; - right: 10px; - width: unset !important; - border-radius: var(--radius); - border: 0; - padding-left: 20px; - z-index: 1001; - --height: 50px; -} -.mk-app.isMobile .fdidabkb .titleContainer { - margin-left: 0; -} -.mk-app.isMobile .fdidabkb .titleContainer .icon { - margin-left: 0 !important; -} -.mk-app.isMobile .fdidabkb .titleContainer .title { - margin: 0; - display: flex; - align-items: flex-end; - flex-grow: 1; - margin-right: 10px; -} -.mk-app.isMobile > .buttons { - padding: 0 !important; - background: linear-gradient(transparent, var(--bg)) !important; - height: 120px; - align-items: flex-end; - border: 0 !important; - backdrop-filter: none !important; -} -.mk-app.isMobile > .buttons button { - margin: 0 !important; - background: none !important; - height: 70px !important; -} -.mk-app.isMobile > .buttons button i { - font-size: 18px !important; -} -.mk-app.isMobile > .ccczpooj { - animation: none !important; -} -.mk-app.isMobile ._popup { - position: fixed; - bottom: 0; - left: 0; - right: 0; - top: unset !important; - max-height: 400px; - overflow-y: scroll; - scrollbar-width: none; - border-radius: var(--radius) var(--radius) 0 0 !important; - animation: none !important; -} -.mk-app.isMobile ._popup button { - padding: 12px 16px; -} \ No newline at end of file diff --git a/misskey/tweaks/better-posts.css b/misskey/tweaks/better-posts.css deleted file mode 100644 index fa9d0e8..0000000 --- a/misskey/tweaks/better-posts.css +++ /dev/null @@ -1,901 +0,0 @@ -/*** BETTER POSTS ***/ -/* This one is probably the most horribly written. */ -.renote[tabindex], -.note._block { - display: flex; - flex-direction: column; -} -.renote > div { - position: relative !important; -} -.renote > .renote { - margin-left: 50px; - padding: 10px !important; - padding-bottom: 0 !important; - margin-bottom: -0.2em; - position: relative !important; - color: var(--text) !important; - font-weight: 600; - font-size: 0.8em; - opacity: 0.6; - z-index: 2; - max-width: 100%; -} -.renote > .renote .avatar, -.renote > .renote .info time { - display: none !important; -} -.renote > .renote ~ .article { - margin-top: calc(-1em - 25px) !important; - padding-top: calc(1em + 25px) !important; -} -.article, -.reply, -.reply-to, -.reply-to-more { - padding: 12px !important; - position: relative !important; - opacity: 1 !important; - transition: background-color 0.2s; - font-size: 1em !important; -} -.article:hover, -.reply:hover, -.reply-to:hover, -.reply-to-more:hover, -.article:focus-within, -.reply:focus-within, -.reply-to:focus-within, -.reply-to-more:focus-within, -._isolated .article.article, -._isolated .reply.article, -._isolated .reply-to.article, -._isolated .reply-to-more.article { - background-color: var(--listItemHoverBg); -} -.article .avatar img, -.reply .avatar img, -.reply-to .avatar img, -.reply-to-more .avatar img { - border-radius: 25% !important; -} -.article .username, -.reply .username, -.reply-to .username, -.reply-to-more .username, -.article .created-at, -.reply .created-at, -.reply-to .created-at, -.reply-to-more .created-at { - opacity: 0.6 !important; -} -.article .created-at::before, -.reply .created-at::before, -.reply-to .created-at::before, -.reply-to-more .created-at::before { - content: ""; - position: absolute; - inset: 0; - left: 0px; -} -.article .text, -.reply .text, -.reply-to .text, -.reply-to-more .text { - z-index: 2 !important; -} -.article .text span, -.reply .text span, -.reply-to .text span, -.reply-to-more .text span { - position: relative; - z-index: 2; -} -.article button:not(.fade), -.reply button:not(.fade), -.reply-to button:not(.fade), -.reply-to-more button:not(.fade), -.article a:not(.created-at):not(.avatar), -.reply a:not(.created-at):not(.avatar), -.reply-to a:not(.created-at):not(.avatar), -.reply-to-more a:not(.created-at):not(.avatar), -.article .files, -.reply .files, -.reply-to .files, -.reply-to-more .files { - position: relative !important; - z-index: 3 !important; -} -.article .cover + .text, -.reply .cover + .text, -.reply-to .cover + .text, -.reply-to-more .cover + .text { - position: absolute !important; -} -.article .fas, -.reply .fas, -.reply-to .fas, -.reply-to-more .fas, -.article .fas::before, -.reply .fas::before, -.reply-to .fas::before, -.reply-to-more .fas::before { - z-index: 3 !important; -} -.article button.fade, -.reply button.fade, -.reply-to button.fade, -.reply-to-more button.fade { - z-index: 3; -} -.article .avatar, -.reply .avatar, -.reply-to .avatar, -.reply-to-more .avatar { - z-index: 2 !important; -} -.article .ticker, -.reply .ticker, -.reply-to .ticker, -.reply-to-more .ticker { - height: 25px !important; - position: absolute; - bottom: 10px; - right: 10px; - border-radius: 100px; - z-index: 2; - overflow: visible; -} -.article .ticker img, -.reply .ticker img, -.reply-to .ticker img, -.reply-to-more .ticker img { - width: 25px !important; - height: 25px !important; -} -.article .ticker span, -.reply .ticker span, -.reply-to .ticker span, -.reply-to-more .ticker span { - position: absolute; - right: 100%; - height: 25px !important; - white-space: nowrap; - display: inline-flex; - align-items: center; - background: inherit; - font-size: 0.7em !important; - padding: 0px 8px; - border-radius: 4px; - transform: scale(0.9) translateX(5%); - opacity: 0; - pointer-events: none; - transition: transform 0.1s, opacity 0.1s; -} -.article .ticker:hover span, -.reply .ticker:hover span, -.reply-to .ticker:hover span, -.reply-to-more .ticker:hover span { - transform: none; - opacity: 1; -} -.article .text, -.reply .text, -.reply-to .text, -.reply-to-more .text, -.article .body, -.reply .body, -.reply-to .body, -.reply-to-more .body, -.article .content, -.reply .content, -.reply-to .content, -.reply-to-more .content { - pointer-events: none; - max-height: 9999px; - transition: mask 0.2s, max-height 2s; -} -.article .text *:not(div):not(blockquotes), -.reply .text *:not(div):not(blockquotes), -.reply-to .text *:not(div):not(blockquotes), -.reply-to-more .text *:not(div):not(blockquotes), -.article .body *:not(div):not(blockquotes), -.reply .body *:not(div):not(blockquotes), -.reply-to .body *:not(div):not(blockquotes), -.reply-to-more .body *:not(div):not(blockquotes), -.article .content *:not(div):not(blockquotes), -.reply .content *:not(div):not(blockquotes), -.reply-to .content *:not(div):not(blockquotes), -.reply-to-more .content *:not(div):not(blockquotes) { - pointer-events: all !important; -} -.article .content.collapsed .text, -.reply .content.collapsed .text, -.reply-to .content.collapsed .text, -.reply-to-more .content.collapsed .text { - mask: linear-gradient(#000, #000, rgba(0,0,0,0.5), transparent); - max-height: 150px; -} -.article .content.collapsed .fade, -.reply .content.collapsed .fade, -.reply-to .content.collapsed .fade, -.reply-to-more .content.collapsed .fade { - background: none !important; -} -.article a.reply, -.reply a.reply, -.reply-to a.reply, -.reply-to-more a.reply { - display: none; -} -.article.article, -.reply.article, -.reply-to.article, -.reply-to-more.article { - padding-bottom: 5px !important; -} -.article.article .avatar, -.reply.article .avatar, -.reply-to.article .avatar, -.reply-to-more.article .avatar { - transform: scale(0.9) !important; -} -.article.article .header, -.reply.article .header, -.reply-to.article .header, -.reply-to-more.article .header { - margin-bottom: 0.2em; -} -.article.article .files, -.reply.article .files, -.reply-to.article .files, -.reply-to-more.article .files { - margin-top: 0.7em; -} -.article.article .footer, -.reply.article .footer, -.reply-to.article .footer, -.reply-to-more.article .footer { - margin-top: 0.1em; -} -.article:not(.reply-to) .cw > ._button, -.reply:not(.reply-to) .cw > ._button, -.reply-to:not(.reply-to) .cw > ._button, -.reply-to-more:not(.reply-to) .cw > ._button, -._isolated .article .cw > ._button, -._isolated .reply .cw > ._button, -._isolated .reply-to .cw > ._button, -._isolated .reply-to-more .cw > ._button { - display: block; - width: 100% !important; - background: none; - color: inherit; - padding: 10px; - font-size: 0.9em; - margin-left: -85px; - width: calc(100% + 100px) !important; - transition: background 0.2s; - text-align: left; - padding-left: 85px; -} -.article:not(.reply-to) .cw > ._button:hover, -.reply:not(.reply-to) .cw > ._button:hover, -.reply-to:not(.reply-to) .cw > ._button:hover, -.reply-to-more:not(.reply-to) .cw > ._button:hover, -._isolated .article .cw > ._button:hover, -._isolated .reply .cw > ._button:hover, -._isolated .reply-to .cw > ._button:hover, -._isolated .reply-to-more .cw > ._button:hover { - background-color: var(--listItemHoverBg); -} -.article:not(.reply-to) .avatar, -.reply:not(.reply-to) .avatar, -.reply-to:not(.reply-to) .avatar, -.reply-to-more:not(.reply-to) .avatar, -._isolated .article .avatar, -._isolated .reply .avatar, -._isolated .reply-to .avatar, -._isolated .reply-to-more .avatar { - margin-right: 10px !important; -} -.article:not(.reply-to) .poll, -.reply:not(.reply-to) .poll, -.reply-to:not(.reply-to) .poll, -.reply-to-more:not(.reply-to) .poll, -._isolated .article .poll, -._isolated .reply .poll, -._isolated .reply-to .poll, -._isolated .reply-to-more .poll { - font-size: 0.9em !important; - margin-top: 1em; -} -.article:not(.reply-to) .poll ul > li, -.reply:not(.reply-to) .poll ul > li, -.reply-to:not(.reply-to) .poll ul > li, -.reply-to-more:not(.reply-to) .poll ul > li, -._isolated .article .poll ul > li, -._isolated .reply .poll ul > li, -._isolated .reply-to .poll ul > li, -._isolated .reply-to-more .poll ul > li { - padding: 8px 12px !important; - font-weight: 700; -} -.article:not(.reply-to) .poll ul > li span, -.reply:not(.reply-to) .poll ul > li span, -.reply-to:not(.reply-to) .poll ul > li span, -.reply-to-more:not(.reply-to) .poll ul > li span, -._isolated .article .poll ul > li span, -._isolated .reply .poll ul > li span, -._isolated .reply-to .poll ul > li span, -._isolated .reply-to-more .poll ul > li span { - display: flex; - align-items: center; -} -.article:not(.reply-to) .poll ul > li span .votes, -.reply:not(.reply-to) .poll ul > li span .votes, -.reply-to:not(.reply-to) .poll ul > li span .votes, -.reply-to-more:not(.reply-to) .poll ul > li span .votes, -._isolated .article .poll ul > li span .votes, -._isolated .reply .poll ul > li span .votes, -._isolated .reply-to .poll ul > li span .votes, -._isolated .reply-to-more .poll ul > li span .votes { - margin-left: auto; - opacity: 0.7; -} -.article:not(.reply-to) .poll ul > li .backdrop, -.reply:not(.reply-to) .poll ul > li .backdrop, -.reply-to:not(.reply-to) .poll ul > li .backdrop, -.reply-to-more:not(.reply-to) .poll ul > li .backdrop, -._isolated .article .poll ul > li .backdrop, -._isolated .reply .poll ul > li .backdrop, -._isolated .reply-to .poll ul > li .backdrop, -._isolated .reply-to-more .poll ul > li .backdrop { - border-radius: 4px; -} -._isolated .article.article, -._isolated .reply.article, -._isolated .reply-to.article, -._isolated .reply-to-more.article { - padding: 20px !important; - padding-bottom: 5px !important; -} -._isolated .article.article > header > .avatar, -._isolated .reply.article > header > .avatar, -._isolated .reply-to.article > header > .avatar, -._isolated .reply-to-more.article > header > .avatar { - margin-right: -5px !important; -} -._isolated .article.article .text, -._isolated .reply.article .text, -._isolated .reply-to.article .text, -._isolated .reply-to-more.article .text { - font-size: 1.3em !important; -} -._isolated .article.article .gird-container::before, -._isolated .reply.article .gird-container::before, -._isolated .reply-to.article .gird-container::before, -._isolated .reply-to-more.article .gird-container::before { - content: unset; -} -._isolated .article.article .gird-container > div, -._isolated .reply.article .gird-container > div, -._isolated .reply-to.article .gird-container > div, -._isolated .reply-to-more.article .gird-container > div { - position: relative !important; - max-height: 80vh; -} -._isolated .article.article time, -._isolated .reply.article time, -._isolated .reply-to.article time, -._isolated .reply-to-more.article time { - position: relative; -} -._isolated .article.reply-to, -._isolated .reply.reply-to, -._isolated .reply-to.reply-to, -._isolated .reply-to-more.reply-to, -._isolated .article.reply-to-more, -._isolated .reply.reply-to-more, -._isolated .reply-to.reply-to-more, -._isolated .reply-to-more.reply-to-more { - padding: 14px 18px !important; - border-bottom: 1px solid var(--divider); -} -._isolated .article.children.children, -._isolated .reply.children.children, -._isolated .reply-to.children.children, -._isolated .reply-to-more.children.children, -._isolated .article.article + .reply.children, -._isolated .reply.article + .reply.children, -._isolated .reply-to.article + .reply.children, -._isolated .reply-to-more.article + .reply.children { - padding-right: 0 !important; - padding-bottom: 0 !important; - background: none !important; -} -._isolated .article details, -._isolated .reply details, -._isolated .reply-to details, -._isolated .reply-to-more details { - display: contents; -} -._isolated .article details summary, -._isolated .reply details summary, -._isolated .reply-to details summary, -._isolated .reply-to-more details summary { - display: none; -} -:not(._isolated) > .article.reply-to::before, -:not(._isolated) > .reply.reply-to::before, -:not(._isolated) > .reply-to.reply-to::before, -:not(._isolated) > .reply-to-more.reply-to::before { - content: ""; - position: absolute; - right: 100%; - margin-right: -15px; - margin-top: 2px; - border-top-left-radius: 12px; - top: 50%; - height: 200%; - width: 41px; - border-top: 4px solid currentColor; - border-left: 4px solid currentColor; - opacity: 0.5; -} -:not(._isolated) > .article.reply-to, -:not(._isolated) > .reply.reply-to, -:not(._isolated) > .reply-to.reply-to, -:not(._isolated) > .reply-to-more.reply-to, -.widgets :not(._isolated) > .article.reply-to, -.widgets :not(._isolated) > .reply.reply-to, -.widgets :not(._isolated) > .reply-to.reply-to, -.widgets :not(._isolated) > .reply-to-more.reply-to { - display: flex; - flex-grow: 1; - padding-bottom: 0 !important; - background: none !important; - margin-bottom: 5px !important; - position: relative !important; - z-index: 2 !important; - margin-left: 70px !important; - font-size: 0.8em !important; - opacity: 0.8 !important; -} -:not(._isolated) > .article.reply-to:hover, -:not(._isolated) > .reply.reply-to:hover, -:not(._isolated) > .reply-to.reply-to:hover, -:not(._isolated) > .reply-to-more.reply-to:hover, -.widgets :not(._isolated) > .article.reply-to:hover, -.widgets :not(._isolated) > .reply.reply-to:hover, -.widgets :not(._isolated) > .reply-to.reply-to:hover, -.widgets :not(._isolated) > .reply-to-more.reply-to:hover { - opacity: 1 !important; -} -:not(._isolated) > .article.reply-to ~ .article, -:not(._isolated) > .reply.reply-to ~ .article, -:not(._isolated) > .reply-to.reply-to ~ .article, -:not(._isolated) > .reply-to-more.reply-to ~ .article, -.widgets :not(._isolated) > .article.reply-to ~ .article, -.widgets :not(._isolated) > .reply.reply-to ~ .article, -.widgets :not(._isolated) > .reply-to.reply-to ~ .article, -.widgets :not(._isolated) > .reply-to-more.reply-to ~ .article { - margin-top: calc(-1em - 25px) !important; - padding-top: calc(1em + 25px) !important; -} -:not(._isolated) > .article.reply-to ~ .renote, -:not(._isolated) > .reply.reply-to ~ .renote, -:not(._isolated) > .reply-to.reply-to ~ .renote, -:not(._isolated) > .reply-to-more.reply-to ~ .renote, -.widgets :not(._isolated) > .article.reply-to ~ .renote, -.widgets :not(._isolated) > .reply.reply-to ~ .renote, -.widgets :not(._isolated) > .reply-to.reply-to ~ .renote, -.widgets :not(._isolated) > .reply-to-more.reply-to ~ .renote, -:not(._isolated) > .article.reply-to ~ .info, -:not(._isolated) > .reply.reply-to ~ .info, -:not(._isolated) > .reply-to.reply-to ~ .info, -:not(._isolated) > .reply-to-more.reply-to ~ .info, -.widgets :not(._isolated) > .article.reply-to ~ .info, -.widgets :not(._isolated) > .reply.reply-to ~ .info, -.widgets :not(._isolated) > .reply-to.reply-to ~ .info, -.widgets :not(._isolated) > .reply-to-more.reply-to ~ .info { - margin-bottom: -0.7em !important; - order: -1 !important; -} -:not(._isolated) > .article.reply-to ~ .renote ~ .article, -:not(._isolated) > .reply.reply-to ~ .renote ~ .article, -:not(._isolated) > .reply-to.reply-to ~ .renote ~ .article, -:not(._isolated) > .reply-to-more.reply-to ~ .renote ~ .article, -.widgets :not(._isolated) > .article.reply-to ~ .renote ~ .article, -.widgets :not(._isolated) > .reply.reply-to ~ .renote ~ .article, -.widgets :not(._isolated) > .reply-to.reply-to ~ .renote ~ .article, -.widgets :not(._isolated) > .reply-to-more.reply-to ~ .renote ~ .article { - margin-top: calc(-3em - 30px) !important; - padding-top: calc(3em + 30px) !important; -} -:not(._isolated) > .article.reply-to .main, -:not(._isolated) > .reply.reply-to .main, -:not(._isolated) > .reply-to.reply-to .main, -:not(._isolated) > .reply-to-more.reply-to .main, -.widgets :not(._isolated) > .article.reply-to .main, -.widgets :not(._isolated) > .reply.reply-to .main, -.widgets :not(._isolated) > .reply-to.reply-to .main, -.widgets :not(._isolated) > .reply-to-more.reply-to .main { - flex-grow: 1; -} -:not(._isolated) > .article.reply-to .avatar, -:not(._isolated) > .reply.reply-to .avatar, -:not(._isolated) > .reply-to.reply-to .avatar, -:not(._isolated) > .reply-to-more.reply-to .avatar, -.widgets :not(._isolated) > .article.reply-to .avatar, -.widgets :not(._isolated) > .reply.reply-to .avatar, -.widgets :not(._isolated) > .reply-to.reply-to .avatar, -.widgets :not(._isolated) > .reply-to-more.reply-to .avatar { - height: 1.2em !important; - width: 1.2em !important; -} -:not(._isolated) > .article.reply-to .name, -:not(._isolated) > .reply.reply-to .name, -:not(._isolated) > .reply-to.reply-to .name, -:not(._isolated) > .reply-to-more.reply-to .name, -.widgets :not(._isolated) > .article.reply-to .name, -.widgets :not(._isolated) > .reply.reply-to .name, -.widgets :not(._isolated) > .reply-to.reply-to .name, -.widgets :not(._isolated) > .reply-to-more.reply-to .name { - max-width: 20%; - z-index: 4 !important; -} -:not(._isolated) > .article.reply-to .cw, -:not(._isolated) > .reply.reply-to .cw, -:not(._isolated) > .reply-to.reply-to .cw, -:not(._isolated) > .reply-to-more.reply-to .cw, -.widgets :not(._isolated) > .article.reply-to .cw, -.widgets :not(._isolated) > .reply.reply-to .cw, -.widgets :not(._isolated) > .reply-to.reply-to .cw, -.widgets :not(._isolated) > .reply-to-more.reply-to .cw { - display: flex !important; -} -:not(._isolated) > .article.reply-to .body, -:not(._isolated) > .reply.reply-to .body, -:not(._isolated) > .reply-to.reply-to .body, -:not(._isolated) > .reply-to-more.reply-to .body, -.widgets :not(._isolated) > .article.reply-to .body, -.widgets :not(._isolated) > .reply.reply-to .body, -.widgets :not(._isolated) > .reply-to.reply-to .body, -.widgets :not(._isolated) > .reply-to-more.reply-to .body, -:not(._isolated) > .article.reply-to header, -:not(._isolated) > .reply.reply-to header, -:not(._isolated) > .reply-to.reply-to header, -:not(._isolated) > .reply-to-more.reply-to header, -.widgets :not(._isolated) > .article.reply-to header, -.widgets :not(._isolated) > .reply.reply-to header, -.widgets :not(._isolated) > .reply-to.reply-to header, -.widgets :not(._isolated) > .reply-to-more.reply-to header { - display: contents; -} -:not(._isolated) > .article.reply-to .body .content, -:not(._isolated) > .reply.reply-to .body .content, -:not(._isolated) > .reply-to.reply-to .body .content, -:not(._isolated) > .reply-to-more.reply-to .body .content, -.widgets :not(._isolated) > .article.reply-to .body .content, -.widgets :not(._isolated) > .reply.reply-to .body .content, -.widgets :not(._isolated) > .reply-to.reply-to .body .content, -.widgets :not(._isolated) > .reply-to-more.reply-to .body .content, -:not(._isolated) > .article.reply-to header .content, -:not(._isolated) > .reply.reply-to header .content, -:not(._isolated) > .reply-to.reply-to header .content, -:not(._isolated) > .reply-to-more.reply-to header .content, -.widgets :not(._isolated) > .article.reply-to header .content, -.widgets :not(._isolated) > .reply.reply-to header .content, -.widgets :not(._isolated) > .reply-to.reply-to header .content, -.widgets :not(._isolated) > .reply-to-more.reply-to header .content { - display: flex; - flex-grow: 1; -} -:not(._isolated) > .article.reply-to .body .username, -:not(._isolated) > .reply.reply-to .body .username, -:not(._isolated) > .reply-to.reply-to .body .username, -:not(._isolated) > .reply-to-more.reply-to .body .username, -.widgets :not(._isolated) > .article.reply-to .body .username, -.widgets :not(._isolated) > .reply.reply-to .body .username, -.widgets :not(._isolated) > .reply-to.reply-to .body .username, -.widgets :not(._isolated) > .reply-to-more.reply-to .body .username, -:not(._isolated) > .article.reply-to header .username, -:not(._isolated) > .reply.reply-to header .username, -:not(._isolated) > .reply-to.reply-to header .username, -:not(._isolated) > .reply-to-more.reply-to header .username, -.widgets :not(._isolated) > .article.reply-to header .username, -.widgets :not(._isolated) > .reply.reply-to header .username, -.widgets :not(._isolated) > .reply-to.reply-to header .username, -.widgets :not(._isolated) > .reply-to-more.reply-to header .username { - display: none; -} -:not(._isolated) > .article.reply-to .body .info, -:not(._isolated) > .reply.reply-to .body .info, -:not(._isolated) > .reply-to.reply-to .body .info, -:not(._isolated) > .reply-to-more.reply-to .body .info, -.widgets :not(._isolated) > .article.reply-to .body .info, -.widgets :not(._isolated) > .reply.reply-to .body .info, -.widgets :not(._isolated) > .reply-to.reply-to .body .info, -.widgets :not(._isolated) > .reply-to-more.reply-to .body .info, -:not(._isolated) > .article.reply-to header .info, -:not(._isolated) > .reply.reply-to header .info, -:not(._isolated) > .reply-to.reply-to header .info, -:not(._isolated) > .reply-to-more.reply-to header .info, -.widgets :not(._isolated) > .article.reply-to header .info, -.widgets :not(._isolated) > .reply.reply-to header .info, -.widgets :not(._isolated) > .reply-to.reply-to header .info, -.widgets :not(._isolated) > .reply-to-more.reply-to header .info { - margin-left: 1em; - order: 2; - z-index: 3; -} -:not(._isolated) > .article.reply-to .body .text, -:not(._isolated) > .reply.reply-to .body .text, -:not(._isolated) > .reply-to.reply-to .body .text, -:not(._isolated) > .reply-to-more.reply-to .body .text, -.widgets :not(._isolated) > .article.reply-to .body .text, -.widgets :not(._isolated) > .reply.reply-to .body .text, -.widgets :not(._isolated) > .reply-to.reply-to .body .text, -.widgets :not(._isolated) > .reply-to-more.reply-to .body .text, -:not(._isolated) > .article.reply-to header .text, -:not(._isolated) > .reply.reply-to header .text, -:not(._isolated) > .reply-to.reply-to header .text, -:not(._isolated) > .reply-to-more.reply-to header .text, -.widgets :not(._isolated) > .article.reply-to header .text, -.widgets :not(._isolated) > .reply.reply-to header .text, -.widgets :not(._isolated) > .reply-to.reply-to header .text, -.widgets :not(._isolated) > .reply-to-more.reply-to header .text { - display: flex; - width: 0; - white-space: nowrap; - flex-grow: 1 !important; -} -:not(._isolated) > .article.reply-to .body .reply, -:not(._isolated) > .reply.reply-to .body .reply, -:not(._isolated) > .reply-to.reply-to .body .reply, -:not(._isolated) > .reply-to-more.reply-to .body .reply, -.widgets :not(._isolated) > .article.reply-to .body .reply, -.widgets :not(._isolated) > .reply.reply-to .body .reply, -.widgets :not(._isolated) > .reply-to.reply-to .body .reply, -.widgets :not(._isolated) > .reply-to-more.reply-to .body .reply, -:not(._isolated) > .article.reply-to header .reply, -:not(._isolated) > .reply.reply-to header .reply, -:not(._isolated) > .reply-to.reply-to header .reply, -:not(._isolated) > .reply-to-more.reply-to header .reply, -.widgets :not(._isolated) > .article.reply-to header .reply, -.widgets :not(._isolated) > .reply.reply-to header .reply, -.widgets :not(._isolated) > .reply-to.reply-to header .reply, -.widgets :not(._isolated) > .reply-to-more.reply-to header .reply { - margin: 0 0.5em !important; - padding: 0 !important; -} -:not(._isolated) > .article.reply-to .body span, -:not(._isolated) > .reply.reply-to .body span, -:not(._isolated) > .reply-to.reply-to .body span, -:not(._isolated) > .reply-to-more.reply-to .body span, -.widgets :not(._isolated) > .article.reply-to .body span, -.widgets :not(._isolated) > .reply.reply-to .body span, -.widgets :not(._isolated) > .reply-to.reply-to .body span, -.widgets :not(._isolated) > .reply-to-more.reply-to .body span, -:not(._isolated) > .article.reply-to header span, -:not(._isolated) > .reply.reply-to header span, -:not(._isolated) > .reply-to.reply-to header span, -:not(._isolated) > .reply-to-more.reply-to header span, -.widgets :not(._isolated) > .article.reply-to header span, -.widgets :not(._isolated) > .reply.reply-to header span, -.widgets :not(._isolated) > .reply-to.reply-to header span, -.widgets :not(._isolated) > .reply-to-more.reply-to header span, -:not(._isolated) > .article.reply-to .body summary, -:not(._isolated) > .reply.reply-to .body summary, -:not(._isolated) > .reply-to.reply-to .body summary, -:not(._isolated) > .reply-to-more.reply-to .body summary, -.widgets :not(._isolated) > .article.reply-to .body summary, -.widgets :not(._isolated) > .reply.reply-to .body summary, -.widgets :not(._isolated) > .reply-to.reply-to .body summary, -.widgets :not(._isolated) > .reply-to-more.reply-to .body summary, -:not(._isolated) > .article.reply-to header summary, -:not(._isolated) > .reply.reply-to header summary, -:not(._isolated) > .reply-to.reply-to header summary, -:not(._isolated) > .reply-to-more.reply-to header summary, -.widgets :not(._isolated) > .article.reply-to header summary, -.widgets :not(._isolated) > .reply.reply-to header summary, -.widgets :not(._isolated) > .reply-to.reply-to header summary, -.widgets :not(._isolated) > .reply-to-more.reply-to header summary { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - height: 1rem !important; - font-size: 1em !important; -} -:not(._isolated) > .article.reply-to .body span [href^="/@"], -:not(._isolated) > .reply.reply-to .body span [href^="/@"], -:not(._isolated) > .reply-to.reply-to .body span [href^="/@"], -:not(._isolated) > .reply-to-more.reply-to .body span [href^="/@"], -.widgets :not(._isolated) > .article.reply-to .body span [href^="/@"], -.widgets :not(._isolated) > .reply.reply-to .body span [href^="/@"], -.widgets :not(._isolated) > .reply-to.reply-to .body span [href^="/@"], -.widgets :not(._isolated) > .reply-to-more.reply-to .body span [href^="/@"], -:not(._isolated) > .article.reply-to header span [href^="/@"], -:not(._isolated) > .reply.reply-to header span [href^="/@"], -:not(._isolated) > .reply-to.reply-to header span [href^="/@"], -:not(._isolated) > .reply-to-more.reply-to header span [href^="/@"], -.widgets :not(._isolated) > .article.reply-to header span [href^="/@"], -.widgets :not(._isolated) > .reply.reply-to header span [href^="/@"], -.widgets :not(._isolated) > .reply-to.reply-to header span [href^="/@"], -.widgets :not(._isolated) > .reply-to-more.reply-to header span [href^="/@"], -:not(._isolated) > .article.reply-to .body summary [href^="/@"], -:not(._isolated) > .reply.reply-to .body summary [href^="/@"], -:not(._isolated) > .reply-to.reply-to .body summary [href^="/@"], -:not(._isolated) > .reply-to-more.reply-to .body summary [href^="/@"], -.widgets :not(._isolated) > .article.reply-to .body summary [href^="/@"], -.widgets :not(._isolated) > .reply.reply-to .body summary [href^="/@"], -.widgets :not(._isolated) > .reply-to.reply-to .body summary [href^="/@"], -.widgets :not(._isolated) > .reply-to-more.reply-to .body summary [href^="/@"], -:not(._isolated) > .article.reply-to header summary [href^="/@"], -:not(._isolated) > .reply.reply-to header summary [href^="/@"], -:not(._isolated) > .reply-to.reply-to header summary [href^="/@"], -:not(._isolated) > .reply-to-more.reply-to header summary [href^="/@"], -.widgets :not(._isolated) > .article.reply-to header summary [href^="/@"], -.widgets :not(._isolated) > .reply.reply-to header summary [href^="/@"], -.widgets :not(._isolated) > .reply-to.reply-to header summary [href^="/@"], -.widgets :not(._isolated) > .reply-to-more.reply-to header summary [href^="/@"] { - margin: -1em 0 !important; -} -:not(._isolated) > .article.reply-to .body span br, -:not(._isolated) > .reply.reply-to .body span br, -:not(._isolated) > .reply-to.reply-to .body span br, -:not(._isolated) > .reply-to-more.reply-to .body span br, -.widgets :not(._isolated) > .article.reply-to .body span br, -.widgets :not(._isolated) > .reply.reply-to .body span br, -.widgets :not(._isolated) > .reply-to.reply-to .body span br, -.widgets :not(._isolated) > .reply-to-more.reply-to .body span br, -:not(._isolated) > .article.reply-to header span br, -:not(._isolated) > .reply.reply-to header span br, -:not(._isolated) > .reply-to.reply-to header span br, -:not(._isolated) > .reply-to-more.reply-to header span br, -.widgets :not(._isolated) > .article.reply-to header span br, -.widgets :not(._isolated) > .reply.reply-to header span br, -.widgets :not(._isolated) > .reply-to.reply-to header span br, -.widgets :not(._isolated) > .reply-to-more.reply-to header span br, -:not(._isolated) > .article.reply-to .body summary br, -:not(._isolated) > .reply.reply-to .body summary br, -:not(._isolated) > .reply-to.reply-to .body summary br, -:not(._isolated) > .reply-to-more.reply-to .body summary br, -.widgets :not(._isolated) > .article.reply-to .body summary br, -.widgets :not(._isolated) > .reply.reply-to .body summary br, -.widgets :not(._isolated) > .reply-to.reply-to .body summary br, -.widgets :not(._isolated) > .reply-to-more.reply-to .body summary br, -:not(._isolated) > .article.reply-to header summary br, -:not(._isolated) > .reply.reply-to header summary br, -:not(._isolated) > .reply-to.reply-to header summary br, -:not(._isolated) > .reply-to-more.reply-to header summary br, -.widgets :not(._isolated) > .article.reply-to header summary br, -.widgets :not(._isolated) > .reply.reply-to header summary br, -.widgets :not(._isolated) > .reply-to.reply-to header summary br, -.widgets :not(._isolated) > .reply-to-more.reply-to header summary br { - display: none; -} -:not(._isolated) > .article.reply-to .body span br + a, -:not(._isolated) > .reply.reply-to .body span br + a, -:not(._isolated) > .reply-to.reply-to .body span br + a, -:not(._isolated) > .reply-to-more.reply-to .body span br + a, -.widgets :not(._isolated) > .article.reply-to .body span br + a, -.widgets :not(._isolated) > .reply.reply-to .body span br + a, -.widgets :not(._isolated) > .reply-to.reply-to .body span br + a, -.widgets :not(._isolated) > .reply-to-more.reply-to .body span br + a, -:not(._isolated) > .article.reply-to header span br + a, -:not(._isolated) > .reply.reply-to header span br + a, -:not(._isolated) > .reply-to.reply-to header span br + a, -:not(._isolated) > .reply-to-more.reply-to header span br + a, -.widgets :not(._isolated) > .article.reply-to header span br + a, -.widgets :not(._isolated) > .reply.reply-to header span br + a, -.widgets :not(._isolated) > .reply-to.reply-to header span br + a, -.widgets :not(._isolated) > .reply-to-more.reply-to header span br + a, -:not(._isolated) > .article.reply-to .body summary br + a, -:not(._isolated) > .reply.reply-to .body summary br + a, -:not(._isolated) > .reply-to.reply-to .body summary br + a, -:not(._isolated) > .reply-to-more.reply-to .body summary br + a, -.widgets :not(._isolated) > .article.reply-to .body summary br + a, -.widgets :not(._isolated) > .reply.reply-to .body summary br + a, -.widgets :not(._isolated) > .reply-to.reply-to .body summary br + a, -.widgets :not(._isolated) > .reply-to-more.reply-to .body summary br + a, -:not(._isolated) > .article.reply-to header summary br + a, -:not(._isolated) > .reply.reply-to header summary br + a, -:not(._isolated) > .reply-to.reply-to header summary br + a, -:not(._isolated) > .reply-to-more.reply-to header summary br + a, -.widgets :not(._isolated) > .article.reply-to header summary br + a, -.widgets :not(._isolated) > .reply.reply-to header summary br + a, -.widgets :not(._isolated) > .reply-to.reply-to header summary br + a, -.widgets :not(._isolated) > .reply-to-more.reply-to header summary br + a { - margin-left: 0.2em; -} -:not(._isolated) > .article.reply-to .body span img, -:not(._isolated) > .reply.reply-to .body span img, -:not(._isolated) > .reply-to.reply-to .body span img, -:not(._isolated) > .reply-to-more.reply-to .body span img, -.widgets :not(._isolated) > .article.reply-to .body span img, -.widgets :not(._isolated) > .reply.reply-to .body span img, -.widgets :not(._isolated) > .reply-to.reply-to .body span img, -.widgets :not(._isolated) > .reply-to-more.reply-to .body span img, -:not(._isolated) > .article.reply-to header span img, -:not(._isolated) > .reply.reply-to header span img, -:not(._isolated) > .reply-to.reply-to header span img, -:not(._isolated) > .reply-to-more.reply-to header span img, -.widgets :not(._isolated) > .article.reply-to header span img, -.widgets :not(._isolated) > .reply.reply-to header span img, -.widgets :not(._isolated) > .reply-to.reply-to header span img, -.widgets :not(._isolated) > .reply-to-more.reply-to header span img, -:not(._isolated) > .article.reply-to .body summary img, -:not(._isolated) > .reply.reply-to .body summary img, -:not(._isolated) > .reply-to.reply-to .body summary img, -:not(._isolated) > .reply-to-more.reply-to .body summary img, -.widgets :not(._isolated) > .article.reply-to .body summary img, -.widgets :not(._isolated) > .reply.reply-to .body summary img, -.widgets :not(._isolated) > .reply-to.reply-to .body summary img, -.widgets :not(._isolated) > .reply-to-more.reply-to .body summary img, -:not(._isolated) > .article.reply-to header summary img, -:not(._isolated) > .reply.reply-to header summary img, -:not(._isolated) > .reply-to.reply-to header summary img, -:not(._isolated) > .reply-to-more.reply-to header summary img, -.widgets :not(._isolated) > .article.reply-to header summary img, -.widgets :not(._isolated) > .reply.reply-to header summary img, -.widgets :not(._isolated) > .reply-to.reply-to header summary img, -.widgets :not(._isolated) > .reply-to-more.reply-to header summary img { - height: 1rem !important; - width: 1rem !important; -} -:not(._isolated) > .article.reply-to .body summary, -:not(._isolated) > .reply.reply-to .body summary, -:not(._isolated) > .reply-to.reply-to .body summary, -:not(._isolated) > .reply-to-more.reply-to .body summary, -.widgets :not(._isolated) > .article.reply-to .body summary, -.widgets :not(._isolated) > .reply.reply-to .body summary, -.widgets :not(._isolated) > .reply-to.reply-to .body summary, -.widgets :not(._isolated) > .reply-to-more.reply-to .body summary, -:not(._isolated) > .article.reply-to header summary, -:not(._isolated) > .reply.reply-to header summary, -:not(._isolated) > .reply-to.reply-to header summary, -:not(._isolated) > .reply-to-more.reply-to header summary, -.widgets :not(._isolated) > .article.reply-to header summary, -.widgets :not(._isolated) > .reply.reply-to header summary, -.widgets :not(._isolated) > .reply-to.reply-to header summary, -.widgets :not(._isolated) > .reply-to-more.reply-to header summary { - margin-left: 10px; -} -.widget .article .avatar, -.widget .reply .avatar, -.widget .reply-to .avatar, -.widget .reply-to-more .avatar { - width: 1.2rem !important; - height: 1.2rem !important; - position: relative !important; - top: 0 !important; -} -.widget .article > .main, -.widget .reply > .main, -.widget .reply-to > .main, -.widget .reply-to-more > .main { - margin-left: -1.8rem; -} -.widget .article > .main .header, -.widget .reply > .main .header, -.widget .reply-to > .main .header, -.widget .reply-to-more > .main .header { - margin-left: 1.6rem; -} -.widget .article.reply-to.reply-to, -.widget .reply.reply-to.reply-to, -.widget .reply-to.reply-to.reply-to, -.widget .reply-to-more.reply-to.reply-to { - margin-left: 3.4rem !important; -} -.widget .article.reply-to.reply-to::before, -.widget .reply.reply-to.reply-to::before, -.widget .reply-to.reply-to.reply-to::before, -.widget .reply-to-more.reply-to.reply-to::before { - margin-top: 4px; - border-width: 3px; - margin-right: 1rem !important; - width: 1rem; - height: 1.5em; -} \ No newline at end of file diff --git a/misskey/tweaks/better-profiles.css b/misskey/tweaks/better-profiles.css deleted file mode 100644 index 386e6cf..0000000 --- a/misskey/tweaks/better-profiles.css +++ /dev/null @@ -1,149 +0,0 @@ -/*** BETTER PROFILES ***/ -.narrow { - position: relative; -} -.profile { - margin-bottom: var(--margin); -} -.profile .banner { - background-color: transparent !important; -} -.profile .description { - margin-top: 30px !important; - padding: 24px !important; - text-align: left !important; -} -.profile .status { - position: absolute; - top: 250px; - left: 144px; - padding: 0px !important; -} -.profile .status a { - padding: 12px; -} -.profile .status a b { - margin-right: 0.5em; - line-height: 1em !important; - display: inline !important; -} -.profile .status a span { - opacity: 0.8; - font-size: 1em !important; -} -.profile .fields { - display: flex; - flex-wrap: wrap; - padding: 0 24px !important; - border: 0 !important; - padding-bottom: 24px !important; -} -.profile .fields .field { - background-color: var(--panelHighlight); - border-radius: 1em; - margin: 0 0.5em 0.5em 0 !important; - font-size: 0.9em; -} -.profile .fields .field > * { - padding: 6px 10px; -} -.profile .fields .field .name { - width: auto !important; -} -.profile .fields .field .value { - width: auto !important; - padding-left: 0; -} -.profile .fields .field .value a[rel*="nofollow"] { - margin: -6px -10px; - margin-left: 0; - padding: 6px 10px; - display: flex; - position: relative; -} -.profile .fields .field .value a[rel*="nofollow"]::before { - content: ""; - position: absolute; - inset: 0; - background-color: var(--link); - border-radius: var(--radius); - opacity: 0.1; -} -.profile .fields .field .value a[rel*="nofollow"] .fa-external-link-square-alt { - display: none; -} -.profile .fields.system { - margin-top: -24px; - padding-top: 1em !important; - padding-bottom: 0.5em !important; -} -.profile .fields.system .field { - background: none; - opacity: 0.8; - max-width: 300px !important; - font-size: 1em; - padding-right: 10px !important; -} -.profile .fields.system .field > * { - padding: 0; -} -.profile .fields.system .field > *.name { - min-width: max-content; - padding-right: 0.4rem; - font-weight: 500 !important; - font-size: 0; -} -.profile .fields.system .field > *.name i { - font-size: 0.9rem; -} -.profile ~ .contents { - position: relative; -} -.profile ~ .contents > div > ._panel .content.omitted > div { - padding-inline: 0; -} -.profile ~ .contents > div > ._panel .content.omitted .stream { - display: flex; - overflow-x: auto; - scroll-padding: 24px; - padding-left: 24px; - scrollbar-color: transparent transparent; - mask: linear-gradient(to right, #000 calc(100% - 400px), rgba(0,0,0,0.4), transparent); -} -.profile ~ .contents > div > ._panel .content.omitted .stream a { - min-width: max-content; - scroll-snap-align: start; - height: 100px; -} -.profile ~ .contents > div > ._panel .content.omitted button.fade { - background: linear-gradient(to right, transparent, var(--panel)); - background: none; - top: 0; - bottom: 0; - right: 0; - left: unset; - height: unset; - width: auto; - padding: 24px; -} -.profile ~ .contents > div > ._panel .content:not(.omitted) { - padding: 0 14px !important; - padding: 0 !important; - padding-top: 14px !important; -} -.profile ~ .contents > div > ._panel .content:not(.omitted) > div { - padding: 0; -} -.profile ~ .contents > div > ._panel .content:not(.omitted) .stream { - display: flex; - flex-wrap: wrap; -} -.profile ~ .contents > div > ._panel .content:not(.omitted) .stream a { - flex-grow: 1; - height: auto; - max-height: 60vh; - border-radius: 0; -} -.profile ~ .contents > div > ._panel .content:not(.omitted) .empty { - display: none; -} \ No newline at end of file diff --git a/misskey/tweaks/better-sidebar.css b/misskey/tweaks/better-sidebar.css deleted file mode 100644 index 7db8ab2..0000000 --- a/misskey/tweaks/better-sidebar.css +++ /dev/null @@ -1,55 +0,0 @@ -/*** Better Sidebar ***/ -.sidebar { - display: flex; - flex-direction: column; -} -.sidebar .nav { - position: sticky; - top: 0; - border-right: 0.5px solid var(--divider); - min-height: 100vh !important; - max-height: 100vh !important; - overflow: clip auto; -} -.sidebar .nav > div { - height: auto !important; - background: none !important; - flex: none !important; - position: relative !important; - overflow: visible !important; -} -.sidebar button:not(.post):not(.gradate) { - position: relative !important; - background: none !important; - box-shadow: none !important; - backdrop-filter: none !important; -} -.sidebar > div:last-child:not(.iconOnly), -.sidebar .nav > div { - display: flex; - flex-direction: column; - min-height: calc(100vh - 20px); -} -.sidebar > div:last-child:not(.iconOnly) > a, -.sidebar .nav > div > a, -.sidebar > div:last-child:not(.iconOnly) > button:not(.account):not(.post), -.sidebar .nav > div > button:not(.account):not(.post) { - flex-grow: 1; - display: flex !important; - align-items: center !important; - align-content: center; - font-size: 100% !important; - max-height: 55px; -} -.sidebar > div:last-child:not(.iconOnly) > a span, -.sidebar .nav > div > a span, -.sidebar > div:last-child:not(.iconOnly) > button:not(.account):not(.post) span, -.sidebar .nav > div > button:not(.account):not(.post) span { - font-size: inherit !important; -} -.sidebar > div:last-child:not(.iconOnly) > a::before, -.sidebar .nav > div > a::before, -.sidebar > div:last-child:not(.iconOnly) > button:not(.account):not(.post)::before, -.sidebar .nav > div > button:not(.account):not(.post)::before { - content: unset !important; -} \ No newline at end of file diff --git a/misskey/tweaks/minor-fixes.css b/misskey/tweaks/minor-fixes.css deleted file mode 100644 index 55b1c47..0000000 --- a/misskey/tweaks/minor-fixes.css +++ /dev/null @@ -1,23 +0,0 @@ -/*** MINOR FIXES ***/ -header._button { - padding: 0 15px !important; -} -.mk-app:not(.wallpaper) .tab[style*="--stickyTop:"] { - margin-bottom: 0 !important; -} -.mk-app:not(.wallpaper) .tab[style*="--stickyTop:"]::after, -.mk-app:not(.wallpaper) .tab[style*="--stickyTop:"]::before { - content: ""; - position: absolute; - top: 100%; - width: calc(var(--radius) * 2); - height: calc(var(--radius) * 2); - border-top-left-radius: var(--radius); - box-shadow: -4px -4px 0 var(--bg); -} -.mk-app:not(.wallpaper) .tab[style*="--stickyTop:"]::after { - right: 0; - box-shadow: 4px -4px 0 var(--bg); - border-top-left-radius: 0; - border-top-right-radius: var(--radius); -} \ No newline at end of file diff --git a/misskey/tweaks/move-header-aside.css b/misskey/tweaks/move-header-aside.css deleted file mode 100644 index 3ff1afa..0000000 --- a/misskey/tweaks/move-header-aside.css +++ /dev/null @@ -1,79 +0,0 @@ -/*** MOVE HEADER ASIDE ***/ -@media only screen and (min-width: 1201px) { - .columns > .main, - main .content > div { - overflow: visible !important; - } - .columns > .main .fdidabkb:not(.slim), - main .content > div .fdidabkb:not(.slim) { - display: contents !important; - } - .columns > .main .fdidabkb:not(.slim) > div, - main .content > div .fdidabkb:not(.slim) > div { - height: 50px !important; - } - .columns > .main .fdidabkb:not(.slim) .titleContainer, - main .content > div .fdidabkb:not(.slim) .titleContainer { - position: sticky; - top: var(--stickyTop, 0); - z-index: 1000; - margin-left: calc(100% + 17px) !important; - margin-bottom: -50px !important; - width: 300px; - padding-left: 15px; - box-sizing: border-box; - background-color: var(--panelHeaderBg); - border-radius: 0 0 var(--radius) var(--radius); - } - .columns > .main .fdidabkb:not(.slim) .titleContainer .avatar, - main .content > div .fdidabkb:not(.slim) .titleContainer .avatar { - margin-left: 0 !important; - } - .columns > .main .fdidabkb:not(.slim) .titleContainer .title, - main .content > div .fdidabkb:not(.slim) .titleContainer .title { - white-space: nowrap; - } - .columns > .main .fdidabkb:not(.slim) .tabs, - main .content > div .fdidabkb:not(.slim) .tabs { - height: 60px !important; - margin-left: 0; - margin-top: 10px !important; - display: flex; - justify-content: center; - font-size: 0.9em !important; - } - .columns > .main .fdidabkb:not(.slim) .tabs button::after, - main .content > div .fdidabkb:not(.slim) .tabs button::after { - content: unset !important; - } - .columns > .main .fdidabkb:not(.slim) .tabs:empty, - main .content > div .fdidabkb:not(.slim) .tabs:empty { - height: 20px !important; - } - .columns > .main .fdidabkb:not(.slim) .right, - main .content > div .fdidabkb:not(.slim) .right { - position: sticky; - top: var(--stickyTop, 0); - margin-left: auto !important; - margin-right: -312px !important; - margin-top: -75px !important; - margin-bottom: 9px !important; - z-index: 1001; - width: max-content; - max-width: 150px; - background-color: var(--panelHeaderBg); - } - .columns > .main .fdidabkb:not(.slim) .right::before, - main .content > div .fdidabkb:not(.slim) .right::before { - content: ""; - position: absolute; - right: 100%; - top: 0; - bottom: 0; - width: 40px; - background: linear-gradient(to left, var(-panelHeaderBg), transparent); - } - .widgets > div[style^="position: sticky"] > div:first-child { - padding-top: 50px !important; - } -} \ No newline at end of file diff --git a/misskey/tweaks/readable-mentions.css b/misskey/tweaks/readable-mentions.css deleted file mode 100644 index cd6d352..0000000 --- a/misskey/tweaks/readable-mentions.css +++ /dev/null @@ -1,14 +0,0 @@ -/*** READABLE MENTIONS ***/ -a[href^="/@"][style^="background:"] { - color: inherit !important; - padding: 0.15em 0.35em; - padding-left: 0.2em; - margin: -0.15em 0; -} -a[href^="/@"][style^="background:"] img { - height: 1.3em !important; - width: 1.3em !important; -} -a[href^="/@"][style^="background:"] span { - opacity: 1 !important; -} \ No newline at end of file diff --git a/readme.md b/readme.md index 2fa1b16..de8639c 100644 --- a/readme.md +++ b/readme.md @@ -1,10 +1,28 @@ -## [Gitea Modern](https://codeberg.org/Freeplay/CSS-Styles/src/branch/main/Gitea#gitea-modern) -| ![Gitea Modern Repository Page](https://codeberg.org/Freeplay/css-styles/raw/branch/main/images/codeberg-modern_repoPg.png) | ![Gitea Modern Explore Page](https://codeberg.org/Freeplay/css-styles/raw/branch/main/images/codeberg-modern_explorePg.png) | ![Gitea Modern Profile Page](https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/images/codeberg-modern_profilePg.png) +# Gitea Modern +Changes the layout of Gitea to give it a more modern look. Can be used with any other themes that change only colors! +| ![Gitea Modern Repository Page](images/codeberg-modern_repoPg.png) | ![Gitea Modern Explore Page](images/codeberg-modern_explorePg.png) | ![Gitea Modern Profile Page](images/codeberg-modern_profilePg.png) |---|---|---| ---- +**Note:** The [Stylus browser extension](https://add0n.com/stylus.html) and [Stylus preprocessor](https://stylus-lang.com/) are two different things. -#### Click into folders to view styles for that site. +### Usage as a Gitea theme, [or use Stylus to apply to any instance](https://userstyles.world/style/529) +To install the theme for all Gitea users: -| [Icon from Lucide](https://lucide.dev/) | [**View UserStyles list**](https://codeberg.org/Freeplay/UserStyles) | `.user.css` files can be applied using the [Stylus](https://add0n.com/stylus.html) browser extension. | -|---|---|---| \ No newline at end of file +0. Make sure you're on the latest version of Gitea! +1. Download the [`theme-gitea-modern.css` file][theme-file] and add it to your custom folder in `$GITEA_CUSTOM/public/css/` ([learn how to find that directory][doc-dir]). + - The path has changed in Gitea 1.15, there the file needs to be placed in `$GITEA_CUSTOM/public/assets/css` +2. Adapt your `app.ini` to make it the default theme or be user-selectable: + - To change the default theme, change the value of `DEFAULT_THEME` in the [ui section][doc-config] of `app.ini` to `gitea-modern` + + - To make a theme selectable by users in their profile settings, append `,gitea-modern` to the list of `THEMES` in your `app.ini`. +3. Restart Gitea +4. Enjoy :) + +### Contributing +To make changes, always base them on [`theme-gitea-modern.styl`](Gitea/theme-gitea-modern.styl), which requires the [Stylus preprocessor](https://stylus-lang.com/). +When making contributions, don't use the compiled version for your changes. + +[theme-file]: Gitea/theme-gitea-modern.css +[usertheme-file]: Gitea/theme-gitea-modern.user.css +[doc-config]: https://docs.gitea.io/en-us/config-cheat-sheet/#ui-ui +[doc-dir]: https://docs.gitea.io/en-us/faq/#where-does-gitea-store-what-file