You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

729 lines
20 KiB

:root {
--base03: #002b36;
--black: var(--base03);
--base02: #073642;
--dark-grey: var(--base02);
--base01: #586e75;
--grey: var(--base01);
--base00: #657b83;
--base0: #839496;
--base1: #93a1a1;
--highlight: var(--base1);
--base2: #eee8d5;
--light-grey: var(--base2);
--base3: #fdf6e3;
--white: var(--base3);
--yellow: #b58900;
--orange: #cb4b16;
--red: #dc322f;
--magenta: #d33682;
--violet: #6c71c4;
--blue: #268bd2;
--cyan: #2aa198;
--green: #859900;
}
body {
--wf-dark-gray-100: var(--white) !important;
--wf-dark-gray-200: var(--light-grey) !important;
--wf-dark-gray-300: var(--base1) !important;
--wf-dark-gray-400: var(--base0) !important;
--wf-dark-gray-500: var(--base00) !important;
--wf-dark-gray-600: var(--base01) !important;
--wf-dark-gray-700: var(--dark-grey) !important;
--wf-dark-gray-800: var(--black) !important;
--wf-gray-0: var(--white) !important;
--wf-gray-100: var(--white) !important;
--wf-gray-200: var(--light-grey) !important;
--wf-gray-300: var(--base1) !important;
--wf-gray-400: var(--base0) !important;
--wf-gray-500: var(--base00) !important;
--wf-gray-600: var(--base01) !important;
--wf-gray-700: var(--dark-grey) !important;
--wf-gray-800: var(--black) !important;
--wf-dark-blue-100: var(--blue) !important;
--wf-dark-blue-200: var(--blue) !important;
--wf-dark-blue-300: var(--blue) !important;
--wf-dark-blue-400: var(--blue) !important;
--wf-dark-blue-500: var(--blue) !important;
--wf-dark-blue-600: var(--blue) !important;
--wf-dark-blue-700: var(--blue) !important;
--wf-dark-blue-800: var(--blue) !important;
--wf-blue-100: var(--blue) !important;
--wf-blue-200: var(--blue) !important;
--wf-blue-300: var(--blue) !important;
--wf-blue-400: var(--blue) !important;
--wf-blue-500: var(--blue) !important;
--wf-blue-600: var(--blue) !important;
--wf-blue-700: var(--blue) !important;
--wf-blue-800: var(--blue) !important;
--text-annotation-icon-colors-mentioned: var(--blue) !important;
--wf-red-100: var(--red) !important;
--wf-red-200: var(--red) !important;
--wf-red-300: var(--red) !important;
--wf-red-400: var(--red) !important;
--wf-red-500: var(--red) !important;
--wf-red-600: var(--red) !important;
--wf-red-700: var(--red) !important;
--wf-red-800: var(--red) !important;
--wf-lime-green-100: var(--green) !important;
--wf-lime-green-200: var(--green) !important;
--wf-lime-green-300: var(--green) !important;
--wf-lime-green-400: var(--green) !important;
--wf-lime-green-500: var(--green) !important;
--wf-lime-green-600: var(--green) !important;
--wf-lime-green-700: var(--green) !important;
--wf-lime-green-800: var(--green) !important;
--text-annotation-icon-colors-added: var(--green) !important;
--wf-support-success: var(--green) !important;
--text-annotation-background-colors-added: var(--green) !important;
--wf-yellow-100: var(--yellow) !important;
--wf-yellow-200: var(--yellow) !important;
--wf-yellow-300: var(--yellow) !important;
--wf-yellow-400: var(--yellow) !important;
--wf-yellow-500: var(--yellow) !important;
--wf-yellow-600: var(--yellow) !important;
--wf-yellow-700: var(--yellow) !important;
--wf-yellow-800: var(--yellow) !important;
--text-annotation-icon-colors-moved: var(--orange) !important;
--text-annotation-icon-colors-edited: var(--orange) !important;
--text-annotation-background-colors-edited: var(--orange) !important;
--text-annotation-icon-colors-completed: var(--grey) !important;
--text-annotation-background-colors-completed: var(--grey) !important;
--text-annotation-background-colors-mentioned: var(--dark-grey) !important;
--text-annotation-background-colors-moved: var(--violet) !important;
--wf-tag-text-gray: var(--white) !important;
--wf-tag-background-gray: var(--white) !important;
--wf-tag-text-red: var(--red) !important;
--wf-tag-background-red: var(--red) !important;
--wf-tag-text-orange: var(--orange) !important;
--wf-tag-background-orange: var(--orange) !important;
--wf-tag-text-yellow: var(--yellow) !important;
--wf-tag-background-yellow: var(--yellow) !important;
--wf-tag-text-green: var(--green) !important;
--wf-tag-background-green: var(--green) !important;
--wf-tag-text-blue: var(--wf-dark-gray-600) !important;
--wf-tag-background-blue: var(--wf-dark-gray-600) !important;
--wf-tag-text-purple: var(--violet) !important;
--wf-tag-background-purple: var(--violet) !important;
--wf-tag-text-teal: var(--cyan) !important;
--wf-tag-background-teal: var(--cyan) !important;
--wf-tag-text-sky: var(--blue) !important;
--wf-tag-background-sky: var(--blue) !important;
--wf-tag-text-pink: var(--magenta) !important;
--wf-tag-background-pink: var(--magenta) !important;
--wf-tag-text: var(--black) !important;
--wf-color-bullet: var(--white) !important;
--wf-text-primary: var(--wf-dark-gray-300) !important;
--wf-text-helper: var(--wf-dark-gray-500) !important;
--wf-background-tertiary: var(--wf-dark-gray-700) !important;
--wf-tag-background: var(--wf-dark-gray-700) !important;
/* color: var(--grey) !important; */
}
/* .root:not(.board) > .children, */
/* .root:not(.board) > .name { */
/* /1* max-width: 800px; *1/ */
/* } */
.name > .content > .innerContentContainer::before {
margin-right: 4px;
}
body::-webkit-scrollbar {
display: none;
}
.pageContainer {
max-width: 100vw !important;
overflow-x: hidden;
}
.page {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mainTreeRoot > .name {
height: 0 !important;
}
.name > .content > .innerContentContainer {
/* overflow: hidden; */
/* overflow-x: scroll; */
/* white-space: nowrap; */
/* text-overflow: unset; */
}
.name > .content > .innerContentContainer::-webkit-scrollbar {
display: none;
}
.link,
.contentTag {
color: var(--grey) !important;
font-weight: normal !important;
}
.homeButton > svg {
display: none;
}
.homeButton::after {
content: "✞";
font-size: 2em;
}
.header > :first-child {
display: none !important;
}
.metaMatches * .innerContentContainer,
.contentMatch {
background: none !important;
}
.project > .text-sm,
.paragraph {
margin: 0 !important;
}
.project .breadcrumbs {
position: absolute;
z-index: 20;
right: 25px;
top: 10px;
}
.project .breadcrumbs > a,
.project .breadcrumbs > svg,
.project .breadcrumbs > .menu {
display: none;
}
.project * .breadcrumbs > :nth-last-child(3) {
font-size: 0;
display: initial !important;
}
.project * .breadcrumbs > :nth-last-child(3)::after {
font-size: 12px;
content: "→";
}
.linked-xGOAL > .name .innerContentContainer,
.linked-xGOAL > .notes .innerContentContainer {
color: var(--yellow);
}
.linked-xGOAL > .name .innerContentContainer {
font-weight: bold;
}
.linked-xGOAL > .name > .content > .innerContentContainer::before {
content: "★";
color: var(--yellow);
}
.linked-xRESPONSIBILITY > .name > .content > .innerContentContainer::before {
content: "✦";
color: var(--red);
}
.linked-xRESPONSIBILITY > .name .innerContentContainer,
.linked-xRESPONSIBILITY > .notes .innerContentContainer {
color: var(--red);
}
.linked-xRESPONSIBILITY > .name .innerContentContainer {
font-weight: bold;
}
.linked-xVISUALISATION > .name > .content > .innerContentContainer::before {
content: "☁︎";
color: var(--green);
}
.linked-xVISUALISATION > .name .innerContentContainer,
.linked-xVISUALISATION > .notes .innerContentContainer {
color: var(--green);
}
.linked-xVISUALISATION > .name .innerContentContainer {
font-weight: bold;
}
.linked-xPROJECT > .name .innerContentContainer {
font-weight: bold;
}
.linked-xPROJECT > .name > .content > .innerContentContainer::before {
content: "⚑";
}
.linked-xPROJECT.tagged-ACTIVE > .name > .content > .innerContentContainer::before {
color: var(--magenta);
}
.linked-xPROJECT.tagged-ACTIVE > .name .innerContentContainer,
.linked-xPROJECT.tagged-ACTIVE > .notes .innerContentContainer {
color: var(--magenta);
}
.linked-xPROJECT.tagged-ACTIVE > .name > .content > .innerContentContainer {
border-bottom: 1px solid var(--magenta);
}
.linked-xPROJECT.tagged-ARCHIVE .name > .content > .innerContentContainer::before {
color: var(--grey) !important;
}
.linked-xPROJECT.tagged-ARCHIVE .name .innerContentContainer,
.linked-xPROJECT.tagged-ARCHIVE .notes .innerContentContainer {
color: var(--grey) !important;
}
.linked-xPROJECT.tagged-ARCHIVE .name .content {
text-decoration-color: var(--dark-grey) !important;
opacity: 1 !important;
}
.linked-xPROJECT.tagged-ARCHIVE .name > .bullet {
color: var(--grey) !important;
}
.linked-xPROJECT.tagged-ARCHIVE > .name > .content > .innerContentContainer {
border-bottom: 1px solid var(--grey);
}
.linked-xPROJECT.tagged-PLANT > .name > .content > .innerContentContainer::before {
/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(340deg) brightness(100%) contrast(100%); */
color: var(--orange);
}
.linked-xPROJECT.tagged-PLANT > .name .innerContentContainer,
.linked-xPROJECT.tagged-PLANT > .notes .innerContentContainer {
color: var(--orange);
}
.linked-xPROJECT.tagged-PLANT > .name > .content > .innerContentContainer {
border-bottom: 1px solid var(--orange);
}
.linked-xPROJECT.tagged-STALLED > .name > .content > .innerContentContainer::before {
/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(120deg) brightness(100%) contrast(100%); */
color: var(--cyan);
}
.linked-xPROJECT.tagged-STALLED > .name .innerContentContainer,
.linked-xPROJECT.tagged-STALLED > .notes .innerContentContainer {
color: var(--cyan);
}
.linked-xPROJECT.tagged-STALLED > .name > .content > .innerContentContainer {
border-bottom: 1px solid var(--cyan);
}
.linked-xPROJECT.tagged-SOMEDAY > .name > .content > .innerContentContainer::before {
/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(100%) contrast(100%); */
color: var(--violet);
}
.linked-xPROJECT.tagged-SOMEDAY > .name .innerContentContainer,
.linked-xPROJECT.tagged-SOMEDAY > .notes .innerContentContainer {
color: var(--violet);
}
.linked-xPROJECT.tagged-SOMEDAY > .name > .content > .innerContentContainer {
border-bottom: 1px solid var(--violet);
}
/* .linked-xHABIT > .name > .content > .innerContentContainer::before { */
/* content: "↻"; */
/* /1* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(330deg) brightness(100%) contrast(100%); *1/ */
/* color: var(--orange); */
/* } */
/* .linked-xHABIT > .name .innerContentContainer, */
/* .linked-xHABIT > .notes .innerContentContainer { */
/* color: var(--orange); */
/* } */
.linked-xTASK > .name > .content > .innerContentContainer::before {
/* content: "✔️"; */
content: "✓";
}
.linked-xTASK.tagged-HABIT > .name > .content > .innerContentContainer::before {
/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(160deg) brightness(90%) contrast(100%); */
color: var(--orange);
}
.linked-xTASK.tagged-HABIT > .name .innerContentContainer,
.linked-xTASK.tagged-HABIT > .notes .innerContentContainer {
color: var(--orange);
}
.linked-xTASK.tagged-HABIT > .name > .content > .innerContentContainer::before {
content: "↻";
color: var(--orange);
}
.linked-xTASK.tagged-SCHEDULED > .name > .content > .innerContentContainer::before {
color: var(--red);
}
.linked-xTASK.tagged-SCHEDULED > .name .innerContentContainer,
.linked-xTASK.tagged-SCHEDULED > .notes .innerContentContainer {
color: var(--red);
}
.linked-xTASK.tagged-NEXT > .name > .content > .innerContentContainer::before {
/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(160deg) brightness(90%) contrast(100%); */
color: var(--blue);
}
.linked-xTASK.tagged-NEXT > .name .innerContentContainer,
.linked-xTASK.tagged-NEXT > .notes .innerContentContainer {
color: var(--blue);
}
.linked-xTASK.tagged-DAILY > .name > .content > .innerContentContainer::before,
.linked-xTASK.tagged-WEEKLY > .name > .content > .innerContentContainer::before,
.linked-xTASK.tagged-MONTHLY > .name > .content > .innerContentContainer::before,
.linked-xTASK.tagged-IRREGULAR > .name > .content > .innerContentContainer::before {
content: "↻";
color: var(--green);
}
.linked-xTASK.tagged-DAILY > .name .innerContentContainer,
.linked-xTASK.tagged-DAILY > .notes .innerContentContainer,
.linked-xTASK.tagged-WEEKLY > .name .innerContentContainer,
.linked-xTASK.tagged-WEEKLY > .notes .innerContentContainer,
.linked-xTASK.tagged-MONTHLY > .name .innerContentContainer,
.linked-xTASK.tagged-MONTHLY > .notes .innerContentContainer,
.linked-xTASK.tagged-IRREGULAR > .name .innerContentContainer,
.linked-xTASK.tagged-IRREGULAR > .notes .innerContentContainer {
color: var(--green);
}
.linked-xTASK.tagged-WAITING > .name > .content > .innerContentContainer::before {
color: var(--cyan);
}
.linked-xTASK.tagged-WAITING > .name .innerContentContainer,
.linked-xTASK.tagged-WAITING > .notes .innerContentContainer {
color: var(--cyan);
}
.linked-xTASK.tagged-BLOCKED > .name > .content > .innerContentContainer::before {
color: var(--red);
}
.linked-xTASK.tagged-BLOCKED > .name .innerContentContainer,
.linked-xTASK.tagged-BLOCKED > .notes .innerContentContainer {
color: var(--red);
}
.linked-xTASK.tagged-MAYBE > .name > .content > .innerContentContainer::before {
/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(90%) contrast(100%); */
color: var(--violet);
}
.linked-xTASK.tagged-MAYBE > .name .innerContentContainer,
.linked-xTASK.tagged-MAYBE > .notes .innerContentContainer {
color: var(--violet);
}
.tag-DAILY {
color: var(--blue) !important;
}
.tag-WEEKLY {
color: var(--green) !important;
}
.tag-MONTHLY {
color: var(--green) !important;
}
.tag-IRREGULAR {
color: var(--green) !important;
}
.tag-WORK {
color: var(--red) !important;
}
.tag-RELAX {
color: var(--cyan) !important;
}
.tag-REVIEW {
color: var(--yellow) !important;
}
.name .time > .content-wrapper {
color: var(--grey) !important;
}
.linked .name .time-today > .content-wrapper {
color: var(--yellow) !important;
}
.linked.timed-today > .name > .content::after,
.linked.tagged-DAILY > .name > .content::after,
.linked.tagged-HABIT > .name > .content::after {
content: "★";
color: var(--yellow);
margin-left: 6px;
/* margin-right: 4px; */
}
.linked.timed-tomorrow > .name > .content::after {
content: "☂︎";
color: var(--violet);
margin-left: 6px;
/* margin-right: 4px; */
}
.linked .name .time-tomorrow > .content-wrapper {
color: var(--violet) !important;
}
.linked .name .time-late > .content-wrapper,
.linked .name .time-yesterday > .content-wrapper {
color: var(--red) !important;
}
.matching-node {
display: none !important;
}
.tagged-done > .name > .content,
.tagged-done > .notes > .content,
.tagged-done > .name time > span,
.tagged-missed > .name > .content,
.tagged-missed > .notes > .content,
.tagged-missed > .name time > span,
.tagged-na > .name > .content,
.tagged-na > .notes > .content,
.tagged-na > .name time > span {
opacity: 0.5 !important;
/* text-decoration: none !important; */
text-decoration: line-through !important;
text-decoration-thickness: 2px !important;
}
/* .tagged-underway > .name > .content, */
/* .tagged-underway > .notes > .content, */
/* .tagged-underway > .name time > span { */
/* text-decoration: underline !important; */
/* text-decoration-thickness: 2px !important; */
/* text-decoration-color: var(--blue) !important; */
/* } */
.tagged-done > .name > .content,
.tagged-done > .name time > span {
text-decoration-color: var(--green) !important;
}
.tagged-missed > .name > .content,
.tagged-missed > .name time > span {
text-decoration-color: var(--red) !important;
}
.tagged-na > .name > .content,
.tagged-na > .name time > span {
text-decoration-color: var(--blue) !important;
}
.tag-new {
color: var(--blue) !important;
}
.tagged-event > .name > .content > .innerContentContainer {
color: var(--red) !important;
}
.tagged-note > .name > .content > .innerContentContainer {
color: var(--blue) !important;
}
.tagged-gym > .name > .content > .innerContentContainer {
color: var(--yellow) !important;
}
.tagged-holiday > .name > .content > .innerContentContainer {
color: var(--orange) !important;
}
.tagged-plan > .name > .content > .innerContentContainer {
color: var(--green) !important;
}
.tagged-birthday > .name > .content > .innerContentContainer {
color: var(--violet) !important;
}
.half-open.tagged-a > .name > .bullet,
.collapsed.tagged-a > .name > .bullet,
.tagged-a > .name > .bullet {
color: var(--red) !important;
}
.half-open.tagged-b > .name > .bullet,
.collapsed.tagged-b > .name > .bullet,
.tagged-b > .name > .bullet {
color: var(--blue) !important;
}
.half-open.tagged-c > .name > .bullet,
.collapsed.tagged-c > .name > .bullet,
.tagged-c > .name > .bullet {
color: var(--green) !important;
}
.half-open.tagged-d > .name > .bullet,
.collapsed.tagged-d > .name > .bullet,
.tagged-d > .name > .bullet {
color: var(--violet) !important;
}
.timed-late:not(.linked) > .name,
.timed-late:not(.linked) > .notes,
.timed-late:not(.linked) > .children > .project:not(.timed) {
opacity: .5 !important;
}
.inject {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.inject > img {
border-radius: 4px;
border: 1px solid var(--dark-grey);
cursor: pointer;
}
.inject > img:hover {
border-color: var(--white);
}
.root > .inject {
margin-left: 0;
}
.hotspot-admin.boardCard > .name::after,
.hotspot-mind.boardCard > .name::after,
.hotspot-health.boardCard > .name::after,
.hotspot-art.boardCard > .name::after,
.hotspot-side.boardCard > .name::after,
.hotspot-job.boardCard > .name::after,
.hotspot-church.boardCard > .name::after,
.hotspot-work.boardCard > .name::after,
.hotspot-social.boardCard > .name::after {
content: "👥";
position: absolute !important;
top: -5px !important;
right: -5px !important;
width: initial !important;
font-size: 12px !important;
left: initial !important;
}
.hotspot-admin:not(.boardCard) > .name .innerContentContainer::after {
content: "✏️";
margin-left: 4px;
}
.hotspot-admin.boardCard > .name::after {
content: "✏️";
}
.hotspot-mind:not(.boardCard) > .name .innerContentContainer::after {
content: "🧠";
margin-left: 4px;
}
.hotspot-mind.boardCard > .name::after {
content: "🧠";
}
.hotspot-health:not(.boardCard) > .name .innerContentContainer::after {
content: "💪";
margin-left: 4px;
}
.hotspot-health.boardCard > .name::after {
content: "💪";
}
.hotspot-art:not(.boardCard) > .name .innerContentContainer::after {
content: "🎨";
margin-left: 4px;
}
.hotspot-art.boardCard > .name::after {
content: "🎨";
}
.hotspot-side:not(.boardCard) > .name .innerContentContainer::after {
content: "🖼️";
margin-left: 4px;
}
.hotspot-side.boardCard > .name::after {
content: "🖼️";
}
.hotspot-social:not(.boardCard) > .name .innerContentContainer::after {
content: "👥";
margin-left: 4px;
}
.hotspot-social.boardCard > .name::after {
content: "👥";
}
.hotspot-job:not(.boardCard) > .name .innerContentContainer::after {
content: "💻";
margin-left: 4px;
}
.hotspot-job.boardCard > .name::after {
content: "💻";
}
.hotspot-church:not(.boardCard) > .name .innerContentContainer::after {
content: "☦️";
margin-left: 4px;
}
.hotspot-church.boardCard > .name::after {
content: "☦️";
}
.hotspot-work:not(.boardCard) > .name .innerContentContainer::after {
content: "💼";
margin-left: 4px;
}
.hotspot-work.boardCard > .name::after {
content: "💼";
}
.imgLink {
font-size: 0;
}
.imgLink::before {
content: "link";
font-size: 16px;
margin-left: 4px;
}
.boardColumn {
min-width: 420px !important;
}
.boardColumn > .children {
padding-left: 0 !important;
}
.boardCard.tagged-a {
border-color: var(--red) !important;
}
.boardCard.tagged-b {
border-color: var(--blue) !important;
}
.boardCard.tagged-c {
border-color: var(--green) !important;
}
.boardCard.tagged-d {
border-color: var(--violet) !important;
}