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.
1297 lines
31 KiB
1297 lines
31 KiB
/* ------------------------------------------------------------------------- */
|
|
/* colors */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
:root {
|
|
--grey: rgb(158, 161, 162);
|
|
--white: rgb(255, 255, 255);
|
|
--dark-grey: rgb(92, 96, 98);
|
|
--black: rgb(42, 49, 53);
|
|
--highlight: rgb(47, 55, 60);
|
|
--yellow: rgb(227, 160, 8);
|
|
--orange: rgb(255, 138, 76);
|
|
--red: #F74E5D; /* rgb(249, 128, 128); */
|
|
--magenta: rgb(244, 114, 182);
|
|
--violet: rgb(172, 148, 250);
|
|
--blue: rgb(56, 189, 248);
|
|
--cyan: rgb(45, 212, 191);
|
|
--green: rgb(49, 196, 141);
|
|
}
|
|
|
|
body {
|
|
--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(--dark-grey) !important;
|
|
--wf-tag-background-blue: var(--dark-grey) !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;
|
|
color: var(--grey) !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* breadcrumbs */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
/* .project:not(.boardCard) > ._sht4m8 { */
|
|
/* z-index: 2; */
|
|
/* position: absolute; */
|
|
/* right: -20px; */
|
|
/* /1* padding-left: 10px; *1/ */
|
|
/* top: 6px; */
|
|
/* justify-content: flex-end; */
|
|
/* } */
|
|
|
|
.project.boardCard > ._1zok2 {
|
|
right: 0;
|
|
top: 6px;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
margin-left: 10px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.project > .text-sm {
|
|
margin: 0;
|
|
}
|
|
|
|
.project .breadcrumbs {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 0;
|
|
z-index: 20;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.project .breadcrumbs > a,
|
|
.project .breadcrumbs > svg {
|
|
display: none;
|
|
}
|
|
|
|
/* .project.linked * .breadcrumbs > a:nth-child(5) { */
|
|
/* display: initial !important; */
|
|
/* padding: 0; */
|
|
/* } */
|
|
|
|
.project * .breadcrumbs > a:last-child {
|
|
font-size: 0;
|
|
display: initial !important;
|
|
padding: 0;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.project * .breadcrumbs > a:last-child::after {
|
|
font-size: 15px;
|
|
content: ">";
|
|
}
|
|
|
|
.breadcrumbs > .menu {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
.homeButton > svg {
|
|
display: none;
|
|
}
|
|
.homeButton::after {
|
|
content: "✞";
|
|
font-size: 2em;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* categories */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
.linked > .name > .content::before {
|
|
margin-right: 4px;
|
|
}
|
|
.linked > .name > .content:after {
|
|
margin-left: 4px;
|
|
}
|
|
.linked > .name .innerContentContainer:after {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
|
|
.linked-xbucket > .name > .content::before {
|
|
content: '🪣 '
|
|
}
|
|
|
|
.linked-xbucket > .name .innerContentContainer,
|
|
.linked-xbucket > .notes .innerContentContainer {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.linked-xbucket > .name .content {
|
|
font-weight: bold;
|
|
/* border-bottom: 1px solid var(--dark-grey) !important; */
|
|
/* border-bottom: 1px dashed var(--grey) !important; */
|
|
/* border-bottom: 1px solid var(--grey) !important; */
|
|
}
|
|
|
|
.linked-xgoal > .name > .content {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
.linked-xgoal > .name .innerContentContainer,
|
|
.linked-xgoal > .notes .innerContentContainer {
|
|
color: var(--yellow) !important;
|
|
}
|
|
.linked-xgoal.linked-xstory > .name .innerContentContainer,
|
|
.linked-xgoal.linked-xstory > .notes .innerContentContainer {
|
|
color: var(--blue) !important;
|
|
}
|
|
.linked-xgoal.linked-xstory > .name > .content::before {
|
|
content: '✒️ ';
|
|
}
|
|
.linked-xgoal.linked-xresponsibility > .name .innerContentContainer,
|
|
.linked-xgoal.linked-xresponsibility > .notes .innerContentContainer {
|
|
color: var(--red) !important;
|
|
}
|
|
.linked-xgoal.linked-xresponsibility > .name > .content::before {
|
|
content: '🪜';
|
|
}
|
|
.linked-xgoal.linked-x2025 > .name > .content::before {
|
|
content: '🎉 2025';
|
|
color: var(--magenta) !important;
|
|
font-style: normal !important;
|
|
}
|
|
.linked-xgoal.linked-x29 > .name > .content::before {
|
|
content: '🎁 29';
|
|
color: var(--cyan) !important;
|
|
font-style: normal !important;
|
|
}
|
|
.linked-xgoal.linked-x2026 > .name > .content::before {
|
|
content: '🎉 2026';
|
|
color: var(--orange) !important;
|
|
font-style: normal !important;
|
|
}
|
|
.linked-xgoal.linked-x30 > .name > .content::before {
|
|
content: '🎁 30';
|
|
color: var(--green) !important;
|
|
font-style: normal !important;
|
|
}
|
|
.linked-xgoal.linked-x2027 > .name > .content::before {
|
|
content: '🎉 2027';
|
|
color: var(--red) !important;
|
|
font-style: normal !important;
|
|
}
|
|
.linked-xgoal.linked-x35 > .name > .content::before {
|
|
content: '🎁 35';
|
|
color: var(--violet) !important;
|
|
font-style: normal !important;
|
|
}
|
|
.linked-xgoal.linked-x40 > .name > .content::before {
|
|
content: '🎁 40';
|
|
color: var(--blue) !important;
|
|
font-style: normal !important;
|
|
}
|
|
|
|
/* .linked-xreason.linked-xfuture > .name > .content::before { */
|
|
/* content: '🏝️'; */
|
|
/* } */
|
|
|
|
/* .linked-xreason.linked-xfuture > .name .innerContentContainer, */
|
|
/* .linked-xreason.linked-xfuture > .notes .innerContentContainer { */
|
|
/* color: var(--yellow) !important; */
|
|
/* } */
|
|
|
|
/* .linked-xreason.linked-xfuture > .name .content { */
|
|
/* font-weight: bold; */
|
|
/* font-style: italic; */
|
|
/* } */
|
|
|
|
/* .linked-xreason.linked-xstory > .name > .content::before { */
|
|
/* content: '✒️ '; */
|
|
/* } */
|
|
|
|
/* .linked-xreason.linked-xstory > .name .innerContentContainer, */
|
|
/* .linked-xreason.linked-xstory > .notes .innerContentContainer { */
|
|
/* color: var(--cyan) !important; */
|
|
/* } */
|
|
|
|
/* .linked-xreason.linked-xstory > .name .content { */
|
|
/* font-weight: bold; */
|
|
/* font-style: italic; */
|
|
/* } */
|
|
|
|
.linked-xvisualisation.linked-xtarget > .name > .content::before {
|
|
content: '🎯 ';
|
|
}
|
|
|
|
.linked-xvisualisation.linked-xtarget > .name .innerContentContainer,
|
|
.linked-xvisualisation.linked-xtarget > .notes .innerContentContainer {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.linked-xvisualisation.linked-xtarget > .name .content {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.linked-xvisualisation.linked-xprocess > .name > .content::before {
|
|
content: '🏃 ';
|
|
}
|
|
|
|
.linked-xvisualisation.linked-xprocess > .name .innerContentContainer,
|
|
.linked-xvisualisation.linked-xprocess > .notes .innerContentContainer {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.linked-xvisualisation.linked-xprocess > .name .content {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.linked-xvisualisation.linked-xplan > .name > .content::before {
|
|
content: '📝 ';
|
|
}
|
|
|
|
.linked-xvisualisation.linked-xplan > .name .innerContentContainer,
|
|
.linked-xvisualisation.linked-xplan > .notes .innerContentContainer {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.linked-xvisualisation.linked-xplan > .name .content {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.linked-xproject, .linked-xbucket, .linked-xhotspot, .linked-xgoal {
|
|
border: 1px solid;
|
|
border-radius: 10px;
|
|
padding: 0 5px 5px 5px;
|
|
margin-top: 5px;
|
|
}
|
|
.linked-xproject.collapsed {
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
|
|
.linked-xproject > .children,
|
|
.linked-xbucket > .children,
|
|
.linked-xhotspot > .children,
|
|
.linked-xgoal > .children {
|
|
border-left: none;
|
|
}
|
|
|
|
.linked-xhotspot {
|
|
border-color: var(--white) !important;
|
|
}
|
|
|
|
.linked-xgoal {
|
|
border-color: var(--yellow) !important;
|
|
}
|
|
|
|
.linked-xgoal.linked-xstory {
|
|
border-color: var(--blue) !important;
|
|
}
|
|
|
|
.linked-xgoal.linked-xresponsibility {
|
|
border-color: var(--red) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xbackground {
|
|
border-color: var(--orange) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xactive {
|
|
border-color: var(--magenta) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xstalled {
|
|
border-color: var(--cyan) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xarchive {
|
|
border-color: var(--dark-grey) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xsomeday {
|
|
border-color: var(--violet) !important;
|
|
}
|
|
|
|
.linked-xproject > .name .content {
|
|
font-weight: bold;
|
|
/* border-bottom: 1px solid; */
|
|
/* border-bottom: 1px dashed var(--dark-grey) !important; */
|
|
/* border-bottom: 1px solid var(--dark-grey) !important; */
|
|
}
|
|
|
|
.linked-xproject.linked-xactive > .name > .content::before {
|
|
content: '🔥';
|
|
}
|
|
|
|
.linked-xproject.linked-xactive > .name > .content {
|
|
border-color: var(--magenta) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xactive > .name .innerContentContainer,
|
|
.linked-xproject.linked-xactive > .notes .innerContentContainer {
|
|
color: var(--magenta) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xblocked > .name > .content::before {
|
|
content: '🚫';
|
|
}
|
|
|
|
.linked-xproject.linked-xblocked > .name > .content {
|
|
border-color: var(--red) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xblocked > .name .innerContentContainer,
|
|
.linked-xproject.linked-xblocked > .notes .innerContentContainer {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
|
|
.linked-xproject.linked-xplant > .name > .content::before {
|
|
content: '🪴 ';
|
|
}
|
|
|
|
.linked-xproject.linked-xplant > .name > .content {
|
|
border-color: var(--orange) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xplant > .name .innerContentContainer,
|
|
.linked-xproject.linked-xplant > .notes .innerContentContainer {
|
|
color: var(--orange) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xbackground > .name > .content::before {
|
|
content: '🪑';
|
|
}
|
|
|
|
.linked-xproject.linked-xbackground > .name > .content {
|
|
border-color: var(--orange) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xbackground > .name .innerContentContainer,
|
|
.linked-xproject.linked-xbackground > .notes .innerContentContainer {
|
|
color: var(--orange) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xstalled > .name > .content::before {
|
|
content: '❄️';
|
|
}
|
|
|
|
.linked-xproject.linked-xstalled > .name > .content {
|
|
border-color: var(--cyan) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xstalled > .name .innerContentContainer,
|
|
.linked-xproject.linked-xstalled > .notes .innerContentContainer {
|
|
color: var(--cyan) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xsomeday > .name > .content::before {
|
|
content: '🔮';
|
|
}
|
|
|
|
.linked-xproject.linked-xsomeday > .name > .content {
|
|
border-color: var(--violet) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xsomeday > .name .innerContentContainer,
|
|
.linked-xproject.linked-xsomeday > .notes .innerContentContainer {
|
|
color: var(--violet) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xarchive > .name > .content::before {
|
|
content: '🗄️';
|
|
}
|
|
|
|
.linked-xproject.linked-xarchive > .name ,
|
|
.linked-xproject.linked-xarchive > .notes * {
|
|
color: var(--dark-grey) !important;
|
|
text-decoration-color: var(--dark-grey) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xarchive > .name .innerContentContainer::before {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 2px;
|
|
bottom: calc(50% - 2px);
|
|
left: 0;
|
|
content: '';
|
|
z-index: 2;
|
|
background: var(--dark-grey);
|
|
}
|
|
|
|
|
|
.linked-xproject.linked-xarchive > .name > .bullet * {
|
|
color: var(--grey) !important;
|
|
}
|
|
|
|
.linked-xproject.linked-xarchive > .name .content {
|
|
border-color: var(--dark-grey) !important;
|
|
}
|
|
|
|
.link::after{
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.linked-xsprint > .name > .content::before {
|
|
content: '👟';
|
|
}
|
|
|
|
.linked-xsprint > .name .innerContentContainer,
|
|
.linked-xsprint > .notes .innerContentContainer {
|
|
color: var(--violet) !important;
|
|
font-style: italic;
|
|
}
|
|
.linked-xsprint > .name .innerContentContainer {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.linked-xsprint > .name > .content:before,
|
|
.linked-xsprint > .name .innerContentContainer:after,
|
|
.linked-xsprint > .name .contentTag {
|
|
font-style: normal !important;
|
|
}
|
|
|
|
.linked-xtask.linked-xnext > .name > .content::before {
|
|
content: '➡️'
|
|
}
|
|
|
|
.linked-xtask.linked-xnext > .name .innerContentContainer,
|
|
.linked-xtask.linked-xnext > .notes .innerContentContainer {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
.linked-xtask.linked-xwaiting > .name > .content::before {
|
|
content: '⏳';
|
|
}
|
|
|
|
.linked-xtask.linked-xwaiting > .name .innerContentContainer,
|
|
.linked-xtask.linked-xwaiting > .notes .innerContentContainer {
|
|
color: var(--cyan) !important;
|
|
}
|
|
|
|
.linked-xtask.linked-xmaybe > .name > .content::before {
|
|
content: '☁️';
|
|
}
|
|
|
|
.linked-xtask.linked-xmaybe > .name .innerContentContainer,
|
|
.linked-xtask.linked-xmaybe > .notes .innerContentContainer {
|
|
color: var(--violet) !important;
|
|
}
|
|
|
|
.linked-xtask.linked-xscheduled > .name > .content::before {
|
|
content: '📅';
|
|
}
|
|
|
|
.linked-xtask.linked-xscheduled > .name .innerContentContainer,
|
|
.linked-xtask.linked-xscheduled > .notes .innerContentContainer {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.linked-xtask.linked-xrepeat > .name > .content::before {
|
|
content: '♻️';
|
|
}
|
|
|
|
.linked-xtask.linked-xhabit > .name > .content::before {
|
|
content: '🎒';
|
|
}
|
|
|
|
|
|
/* .linked-xtask.linked-xhabit > .name > .content::before { */
|
|
/* filter: hue-rotate(260deg) */
|
|
/* } */
|
|
|
|
.linked-xtask.linked-xrepeat > .name .innerContentContainer,
|
|
.linked-xtask.linked-xrepeat > .notes .innerContentContainer {
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
.linked-xtask.linked-xhabit > .name .innerContentContainer,
|
|
.linked-xtask.linked-xhabit > .notes .innerContentContainer {
|
|
color: var(--orange) !important;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* tags */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
.contentTag.explosive,
|
|
.contentTag[data-val].exoplosive {
|
|
font-weight: normal;
|
|
background: none;
|
|
color: var(--dark-grey) !important;
|
|
font-style: normal !important;
|
|
}
|
|
|
|
.linked > .name > .content:before {
|
|
font-style: normal !important;
|
|
}
|
|
|
|
.linked .contentTag.explosive::hover {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* bullets */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
.half-open.tagged-a > .name > .bullet,
|
|
.collapsed.tagged-a > .name > .bullet,
|
|
.tagged-a > .name > .bullet {
|
|
background-color: var(--red) !important;
|
|
}
|
|
|
|
.half-open.tagged-b > .name > .bullet,
|
|
.collapsed.tagged-b > .name > .bullet,
|
|
.tagged-b > .name > .bullet {
|
|
background-color: var(--blue) !important;
|
|
}
|
|
|
|
.half-open.tagged-c > .name > .bullet,
|
|
.collapsed.tagged-c > .name > .bullet,
|
|
.tagged-c > .name > .bullet {
|
|
background-color: var(--green) !important;
|
|
}
|
|
|
|
.half-open.tagged-d > .name > .bullet,
|
|
.collapsed.tagged-d > .name > .bullet,
|
|
.tagged-d > .name > .bullet {
|
|
background-color: var(--violet) !important;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* done */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
.innerContentContainer {
|
|
position: relative;
|
|
}
|
|
|
|
/* .done > .name > .content, */
|
|
/* .done > .notes > .content, */
|
|
|
|
time > span {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.linked.tagged-done > .name > .content,
|
|
.linked.tagged-done > .notes > .content,
|
|
.linked.tagged-done > .name time > span,
|
|
.linked.tagged-missed > .name > .content,
|
|
.linked.tagged-missed > .notes > .content,
|
|
.linked.tagged-missed > .name time > span,
|
|
.linked.tagged-na > .name > .content,
|
|
.linked.tagged-na > .notes > .content,
|
|
.linked.tagged-na > .name time > span {
|
|
/* opacity: 0.5 !important; */
|
|
/* text-decoration: none !important; */
|
|
text-decoration: line-through !important;
|
|
text-decoration-thickness: 2px !important;
|
|
}
|
|
|
|
.monolith-pill .content-wrapper {
|
|
font-size: 1em !important;
|
|
line-height: initial !important;
|
|
}
|
|
|
|
.linked.tagged-done > .name > .content,
|
|
.linked.tagged-done > .name time > span {
|
|
text-decoration-color: var(--green) !important;
|
|
}
|
|
|
|
.linked.tagged-missed > .name > .content,
|
|
.linked.tagged-missed > .name time > span {
|
|
text-decoration-color: var(--red) !important;
|
|
}
|
|
|
|
.linked.tagged-na > .name > .content,
|
|
.linked.tagged-na > .name time > span {
|
|
text-decoration-color: var(--blue) !important;
|
|
}
|
|
|
|
.done > .notes > .content,
|
|
.done > .name > .content {
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
.done ._149jwz0 {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/* .linked.done > .name .innerContentContainer::before, */
|
|
/* .linked.tagged-done > .name .innerContentContainer::before, */
|
|
/* .linked.tagged-missed > .name .innerContentContainer::before, */
|
|
/* .linked.tagged-na > .name .innerContentContainer::before { */
|
|
/* position: absolute; */
|
|
/* width: 100%; */
|
|
/* height: 2px; */
|
|
/* bottom: calc(50% - 2px); */
|
|
/* left: 0; */
|
|
/* content: ''; */
|
|
/* z-index: 2; */
|
|
/* } */
|
|
|
|
/* .linked.done.tagged-done > .name .innerContentContainer::before, */
|
|
/* .linked.done.tagged-missed > .name .innerContentContainer::before, */
|
|
/* .linked.done.tagged-na > .name .innerContentContainer::before { */
|
|
/* opacity: 0; */
|
|
/* } */
|
|
|
|
/* .linked.done > .name .innerContentContainer::before { */
|
|
/* background: var(--grey); */
|
|
/* } */
|
|
|
|
/* .linked.tagged-done > .name .innerContentContainer::before { */
|
|
/* background: var(--green); */
|
|
/* } */
|
|
|
|
/* .linked.tagged-missed > .name .innerContentContainer::before { */
|
|
/* background: var(--red) !important; */
|
|
/* } */
|
|
|
|
/* .linked.tagged-na > .name .innerContentContainer::before { */
|
|
/* background: var(--blue) !important; */
|
|
/* } */
|
|
|
|
.linked.tagged-underway > .name > .content::after {
|
|
color: var(--blue) !important;
|
|
content: '←';
|
|
}
|
|
|
|
.linked.tagged-1p > .name .innerContentContainer::after {
|
|
color: var(--cyan) !important;
|
|
content: '1';
|
|
}
|
|
|
|
.linked.tagged-2p > .name .innerContentContainer::after {
|
|
color: var(--blue) !important;
|
|
content: '2';
|
|
}
|
|
|
|
.linked.tagged-3p > .name .innerContentContainer::after {
|
|
color: var(--orange) !important;
|
|
content: '3';
|
|
}
|
|
|
|
.linked.tagged-5p > .name .innerContentContainer::after {
|
|
color: var(--yellow) !important;
|
|
content: '5';
|
|
}
|
|
|
|
.linked.tagged-8p > .name .innerContentContainer::after {
|
|
color: var(--violet) !important;
|
|
content: '8';
|
|
}
|
|
|
|
.linked.tagged-13p > .name .innerContentContainer::after {
|
|
color: var(--magenta) !important;
|
|
content: '13';
|
|
}
|
|
|
|
.linked.tagged-21p > .name .innerContentContainer::after {
|
|
color: var(--red) !important;
|
|
content: '21';
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* dates */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
.timed-today:not(.linked) > .name time > .content-wrapper,
|
|
.timed-today:not(.linked) > .notes time > .content-wrapper {
|
|
background-color: var(--white) !important;
|
|
color: var(--black) !important;
|
|
}
|
|
|
|
.linked.timed-yesterday:not(.done) time > .content-wrapper,
|
|
.linked.timed-yesterday:not(.tagged-done) time > .content-wrapper,
|
|
.linked.timed-late:not(.done) time > .content-wrapper,
|
|
.linked.timed-late:not(.tagged-done) time > .content-wrapper {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.linked.timed-yesterday.done time > .content-wrapper,
|
|
.linked.timed-yesterday.tagged-done time > .content-wrapper,
|
|
.linked.timed-today.done time > .content-wrapper,
|
|
.linked.timed-today.tagged-done time > .content-wrapper,
|
|
.linked.timed-late.done time > .content-wrapper,
|
|
.linked.timed-late.tagged-done time > .content-wrapper {
|
|
color: var(--grey) !important;
|
|
}
|
|
|
|
.linked.timed-tomorrow time > .content-wrapper {
|
|
color: var(--violet) !important;
|
|
}
|
|
|
|
.linked.timed-future time > .content-wrapper {
|
|
color: var(--cyan) !important;
|
|
}
|
|
|
|
.linked.timed-today time > .content-wrapper {
|
|
color: var(--yellow) !important;
|
|
}
|
|
|
|
.fullMatch .monolith-pill .content-wrapper {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.monolith-pill .content-wrapper {
|
|
border-radius: 10px;
|
|
color: var(--white) !important;
|
|
text-decoration-color: var(--grey) !important;
|
|
}
|
|
|
|
/* .done time span, */
|
|
/* time span { */
|
|
/* text-decoration: none !important; */
|
|
/* } */
|
|
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* header2/inject */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
#tooltip {
|
|
max-width: 400px;
|
|
max-height: 400px;
|
|
border: 1px solid white;
|
|
background-color: var(--white);
|
|
}
|
|
|
|
.inject {
|
|
/* margin-left: 24px; */
|
|
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;
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
*
|
|
.header2 > .name * {
|
|
font-weight: initial;
|
|
}
|
|
|
|
.header2 > .name > .bullet {
|
|
opacity: 1 !important;
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.header2:not(.root) > .name * {
|
|
font-size: 15px !important;
|
|
}
|
|
|
|
.header2 {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.root * .header2 > .name > .content {
|
|
line-height: 24px !important;
|
|
}
|
|
|
|
.header2 > .children {
|
|
width: 800px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: 100%;
|
|
overflow-x: auto;
|
|
overflow-y: auto;
|
|
-webkit-column-break-inside:avoid;
|
|
}
|
|
|
|
.header2 > .children > .project {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 150px !important;
|
|
width: 125px !important;
|
|
overflow-y: hidden;
|
|
overflow-x: hidden;
|
|
border: 1px solid var(--gray7);
|
|
border-left: 3px solid var(--gray7);
|
|
box-sizing: initial;
|
|
margin: 4px;
|
|
background-color: var(--gray7) !important;
|
|
border-radius: 4px;
|
|
padding: 3px 7px 7px 7px;
|
|
}
|
|
|
|
.header2 > .children > .project:hover {
|
|
border-color: var(--gray5);
|
|
}
|
|
|
|
.header2 > .children > .project > * {
|
|
margin-left: 25px;
|
|
padding-left: 0;
|
|
width: initial;
|
|
}
|
|
|
|
.header2 > .name {
|
|
padding-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.header2 > .children > .project > .name > .content,
|
|
.header2 > .children > .project > .name > .content > .innerContentContainer {
|
|
font-size: .9em;
|
|
text-wrap: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 100%;
|
|
}
|
|
|
|
.header2 > .children > .project > .notes > .content,
|
|
.header2 > .children > .project > .notes > .content > .innerContentContainer {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.header2 > .children > .project > .inject {
|
|
min-height: 0;
|
|
flex-shrink: 2;
|
|
flex-grow: 2;
|
|
margin-left: 0
|
|
}
|
|
|
|
.header2 > .children > .project > .notes {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.inject > img,
|
|
.inject > video {
|
|
max-width: 150px;
|
|
max-height: 150px;
|
|
}
|
|
|
|
.root > .inject > img,
|
|
.root > .inject > video {
|
|
max-width: 800px;
|
|
max-height: 800px;
|
|
}
|
|
|
|
.header2 > .children > .project > .inject > img,
|
|
.header2 > .children > .project > .inject > video {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
border: 1px solid var(--grey);
|
|
}
|
|
|
|
.header2 > .children > .project > .name > .bullet {
|
|
left: -25px;
|
|
top: 4px;
|
|
}
|
|
.header2 > .children > .project > .name > .expand,
|
|
.header2 > .children > .project > .name > .menu {
|
|
display: none;
|
|
}
|
|
.header2 > .children .contentLink[href^="https://images"] {
|
|
font-size: 0;
|
|
}
|
|
.header2 > .children .contentLink[href^="https://images"]::after {
|
|
content: "↗︎";
|
|
font-size: initial;
|
|
}
|
|
|
|
.header2 > .children > .project > .inject:after,
|
|
.header2 > .children > .project > .inject:before {
|
|
position: absolute;
|
|
bottom: 12px;
|
|
left: 12px;
|
|
z-index: 99;
|
|
color: var(--white);
|
|
text-shadow:
|
|
1px 1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000;
|
|
font-family: Segoe UI Symbol;
|
|
}
|
|
|
|
.header2 > .children > .project > .inject:before {
|
|
left: initial;
|
|
right: 14px;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* tag/links */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
a.contentLink[href] {
|
|
color: var(--blue);
|
|
}
|
|
|
|
span.colored.bc-red,
|
|
span.colored.bc-gray,
|
|
span.colored.bc-orange,
|
|
span.colored.bc-yellow,
|
|
span.colored.bc-green,
|
|
span.colored.bc-blue,
|
|
span.colored.bc-purple,
|
|
span.colored.bc-teal,
|
|
span.colored.bc-sky,
|
|
span.colored.bc-pink {
|
|
border-radius: 5px;
|
|
padding: 0 4px 0 4px;
|
|
/* padding-left: 4px; */
|
|
/* padding-right: 4px; */
|
|
}
|
|
|
|
span.contentTag[data-val] {
|
|
padding: 0 2px 0 2px;
|
|
background: var(--dark-grey);
|
|
}
|
|
|
|
span.colored.bc-red,
|
|
span.colored.bc-red > a,
|
|
span.colored.bc-gray,
|
|
span.colored.bc-gray > a,
|
|
span.colored.bc-orange,
|
|
span.colored.bc-orange > a,
|
|
span.colored.bc-yellow,
|
|
span.colored.bc-yellow > a,
|
|
span.colored.bc-green,
|
|
span.colored.bc-green > a,
|
|
span.colored.bc-blue,
|
|
span.colored.bc-blue > a,
|
|
span.colored.bc-purple,
|
|
span.colored.bc-purple > a,
|
|
span.colored.bc-teal,
|
|
span.colored.bc-teal > a,
|
|
span.colored.bc-sky,
|
|
span.colored.bc-sky > a,
|
|
span.colored.bc-pink,
|
|
span.colored.bc-pink > a,
|
|
span.contentTag[data-val] {
|
|
color: var(--black) !important;
|
|
}
|
|
span.contentTag[data-val] {
|
|
padding: 0 2px 0 2px;
|
|
}
|
|
|
|
span.colored.c-red > a {
|
|
color: var(--red) !important;
|
|
}
|
|
span.cologray.c-gray > a {
|
|
color: var(--grey) !important;
|
|
}
|
|
span.colored.c-orange > a {
|
|
color: var(--orange) !important;
|
|
}
|
|
span.colored.c-yellow > a {
|
|
color: var(--yellow) !important;
|
|
}
|
|
span.colored.c-green > a {
|
|
color: var(--green) !important;
|
|
}
|
|
span.colored.c-blue > a {
|
|
color: var(--blue) !important;
|
|
}
|
|
span.colored.c-purple > a {
|
|
color: var(--purple) !important;
|
|
}
|
|
span.colored.c-teal > a {
|
|
color: var(--teal) !important;
|
|
}
|
|
span.colored.c-sky > a {
|
|
color: var(--sky) !important;
|
|
}
|
|
span.colored.c-pink > a {
|
|
color: var(--pink) !important;
|
|
}
|
|
|
|
.contentLink.link {
|
|
font-weight: normal !important;
|
|
color: var(--dark-grey) !important;
|
|
font-style: normal !important;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* linked */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
.linked-xproject > .name + .notes > .content {
|
|
display: block;
|
|
overflow: visible;
|
|
max-height: none;
|
|
}
|
|
|
|
/* .mainTreeRoot > .children > .project > .name:not(.name--focused) + .notes > .content:not(.active), */
|
|
|
|
.references .linked-xproject:not(.open) > .name:not(.name--focused) + .notes > .content:not(.active) ,
|
|
.references .linked-xproject.open.half-open > .name:not(.name--focused):not(.fullMatch) + .notes > .content:not(.active) {
|
|
/* display: none; */
|
|
max-height: 0;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.linked.done time > .content-wrapper,
|
|
.tagged-done time > .content-wrapper {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
/* .linked.open > .notes > .content, */
|
|
/* .linked.matches.half-open > .notes > .content { */
|
|
/* max-height: none; */
|
|
/* display: block; */
|
|
/* } */
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* spacing/sizing */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
.references:not(:first-of-type) {
|
|
margin-top: 24px !important;
|
|
}
|
|
|
|
.root:not(.board) > .children,
|
|
.root:not(.board) > .name {
|
|
max-width: 800px;
|
|
}
|
|
|
|
body {
|
|
font-size: 15px !important;
|
|
}
|
|
|
|
.mainTreeRoot > .name {
|
|
height: 0 !important;
|
|
}
|
|
|
|
.page {
|
|
margin-top: 48px !important;
|
|
padding-top: 56px !important;
|
|
padding-bottom: 56px !important;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.pageContainer {
|
|
max-width: 100vw !important;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
div._1vs75eu {
|
|
height: initial !important;
|
|
}
|
|
|
|
.root * .paragraph > .name > .content,
|
|
.root * .header2 > .name > .content,
|
|
.root * .header1 > .name > .content {
|
|
line-height: 24px !important;
|
|
}
|
|
|
|
.paragraph {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* header1 */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
.header1 > .name > .bullet,
|
|
.half-open.header1 > .name > .bullet,
|
|
.collapsed.header1 > .name > .bullet,
|
|
.header2 > .name > .bullet,
|
|
.half-open.header2 > .name > .bullet,
|
|
.collapsed.header2 > .name > .bullet {
|
|
opacity: 1;
|
|
color: var(--white);
|
|
}
|
|
|
|
.header1, .header2, .paragraph {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.paragraph {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.header1:not(.root) > .name *,
|
|
.header2:not(.root) > .name * {
|
|
font-size: 15px !important;
|
|
}
|
|
|
|
.header1 > .name,
|
|
.header2 > .name {
|
|
font-weight: initial !important;
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
div:last-of-type .header1:last-of-type,
|
|
div:last-of-type .header2:last-of-type {
|
|
margin-bottom: 24px !important;
|
|
}
|
|
|
|
.children .header1 > .name > .content {
|
|
border-bottom: 1px solid var(--white);
|
|
}
|
|
.children .header2 > .name > .content {
|
|
border-bottom: 1px solid var(--dark-grey) !important;
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* misc */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
.metaMatches * .innerContentContainer,
|
|
.contentMatch {
|
|
background: none !important;
|
|
}
|
|
|
|
.header > :first-child {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
/* ------------------------------------------------------------------------- */
|
|
/* color fixes */
|
|
/* ------------------------------------------------------------------------- */
|
|
|
|
/* span.span.colored.c-gray, span.colored.c-gray > *, span.colored.c-gray * { */
|
|
/* color: var(--white) !important; */
|
|
/* text-decoration-color: var(--white) !important; */
|
|
/* } */
|
|
/* span.span.colored.c-yellow, span.colored.c-yellow > *, span.colored.c-yellow * { */
|
|
/* color: var(--yellow) !important; */
|
|
/* text-decoration-color: var(--yellow) !important; */
|
|
/* } */
|
|
/* span.span.colored.c-red, span.colored.c-red > *, span.colored.c-red * { */
|
|
/* color: var(--red) !important; */
|
|
/* text-decoration-color: var(--red) !important; */
|
|
/* } */
|
|
/* span.span.colored.c-green, span.colored.c-green > *, span.colored.c-green * { */
|
|
/* color: var(--green) !important; */
|
|
/* text-decoration-color: var(--green) !important; */
|
|
/* } */
|
|
/* span.span.colored.c-sky, span.colored.c-sky > *, span.colored.c-sky * { */
|
|
/* color: var(--blue) !important; */
|
|
/* text-decoration-color: var(--blue) !important; */
|
|
/* } */
|
|
/* span.span.colored.c-teal, span.colored.c-teal > *, span.colored.c-teal * { */
|
|
/* color: var(--cyan) !important; */
|
|
/* text-decoration-color: var(--cyan) !important; */
|
|
/* } */
|
|
/* span.span.colored.c-pink, span.colored.c-pink > *, span.colored.c-pink * { */
|
|
/* color: var(--magenta) !important; */
|
|
/* text-decoration-color: var(--magenta) !important; */
|
|
/* } */
|
|
/* span.span.colored.c-purple, span.colored.c-purple > *, span.colored.c-purple * { */
|
|
/* color: var(--violet) !important; */
|
|
/* text-decoration-color: var(--violet) !important; */
|
|
/* } */
|
|
|
|
/* .project.open:not(.linked) > .name, */
|
|
/* .project.half-open:not(.linked) > .name, */
|
|
.project.collapsed:not(.linked) > .name,
|
|
.project.open:not(.linked) > .name,
|
|
.root > .name {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.project.references {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.matching-node {
|
|
display: none !important;
|
|
}
|
|
|
|
/* .paragraph { */
|
|
/* font-style: initial !important; */
|
|
/* font-family: palatino, serif !important; */
|
|
/* font-size: 1.2rem !important; */
|
|
/* } */
|
|
|
|
/* .paragraph > .name .monolith-pill .content-wrapper { */
|
|
/* font-size: 1.2rem !important; */
|
|
/* } */
|
|
|
|
.notes * i {
|
|
font-family: monospace !important;
|
|
font-style: initial !important;
|
|
}
|
|
|
|
.tagged-5s > .name > .content::after {
|
|
content: "★★★★★" !important;
|
|
color: var(--yellow);
|
|
}
|
|
.tagged-4s > .name > .content::after {
|
|
content: "★★★★☆" !important;
|
|
color: var(--white);
|
|
}
|
|
.tagged-3s > .name > .content::after {
|
|
content: "★★★☆☆" !important;
|
|
color: var(--white);
|
|
}
|
|
.tagged-2s > .name > .content::after {
|
|
content: "★★☆☆☆" !important;
|
|
color: var(--white);
|
|
}
|
|
.tagged-1s > .name > .content::after {
|
|
content: "★☆☆☆☆" !important;
|
|
color: var(--white);
|
|
}
|
|
.tagged-0s > .name > .content::after {
|
|
content: "☆☆☆☆☆" !important;
|
|
color: var(--white);
|
|
}
|
|
.tagged-next > .name > .content::after {
|
|
content: "▶︎▶︎" !important;
|
|
color: var(--blue);
|
|
}
|
|
.tagged-running > .name > .content::after {
|
|
content: "▶︎" !important;
|
|
color: var(--cyan);
|
|
}
|
|
.tagged-replay > .name > .content::after {
|
|
content: "↻" !important;
|
|
color: var(--green);
|
|
}
|
|
|
|
.contentTag {
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
/* .imageLink { */
|
|
/* font-size: 0; */
|
|
/* margin-right: 4px; */
|
|
/* } */
|
|
/* .imageLink::before { */
|
|
/* content: "li"; */
|
|
/* font-size: initial; */
|
|
/* } */
|
|
/* .imageLink::after { */
|
|
/* content: "nk"; */
|
|
/* font-size: initial; */
|
|
/* } */
|
|
|