From 22a3a3221a5c20c74f2196d78197d4c9533cd28f Mon Sep 17 00:00:00 2001
From: Free <freeplay@duck.com>
Date: Fri, 26 Nov 2021 17:15:56 +0100
Subject: [PATCH] Add 'misskey/tweaks/better-profiles.css'

---
 misskey/tweaks/better-profiles.css | 149 +++++++++++++++++++++++++++++
 1 file changed, 149 insertions(+)
 create mode 100644 misskey/tweaks/better-profiles.css

diff --git a/misskey/tweaks/better-profiles.css b/misskey/tweaks/better-profiles.css
new file mode 100644
index 0000000..386e6cf
--- /dev/null
+++ b/misskey/tweaks/better-profiles.css
@@ -0,0 +1,149 @@
+/*** 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