356 lines
9.9 KiB
CSS
356 lines
9.9 KiB
CSS
/*
|
|
Note styles: Daily Note template-specific styles
|
|
Requires `cssclass dailynote` in note YAML frontmatter
|
|
https://github.com/replete/obsidian-minimal-theme-css-snippets
|
|
*/
|
|
|
|
|
|
.dailynote {
|
|
|
|
&.cm-content.is-live-preview > div:nth-of-type(4) {
|
|
margin-bottom:15px !important;
|
|
}
|
|
|
|
&.is-live-preview {
|
|
|
|
/* Blockquote styles (I only use blockquotes in my daily note for actual quotes) */
|
|
.HyperMD-quote {
|
|
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
|
|
letter-spacing:0.01em;
|
|
|
|
.cm-quote.cm-hmd-internal-link {
|
|
color:var(--tx2);
|
|
font-style:italic;
|
|
opacity:0.7;
|
|
|
|
> * {
|
|
color:var(--tx2);
|
|
text-decoration: none !important
|
|
}
|
|
|
|
&::before {
|
|
content:'—'
|
|
}
|
|
}
|
|
}
|
|
|
|
/* h2 styles */
|
|
.cm-header-2 {
|
|
font-size:20px !important;
|
|
letter-spacing: 0.05em;
|
|
color:var(--tx2) !important;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
/* h3 styles */
|
|
.cm-header-3 {
|
|
font-size:18px !important;
|
|
letter-spacing: 0.05em;
|
|
color:var(--tx2) !important;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
/* h4 styles */
|
|
.cm-header-4 {
|
|
font-size:16px !important;
|
|
color:var(--tx3) !important;
|
|
text-transform:uppercase;
|
|
letter-spacing:0.1em;
|
|
font-weight:600;
|
|
}
|
|
&:not(.is-live-preview) .cm-header-4,
|
|
.cm-focused .cm-active .cm-header-4 {
|
|
text-transform:none !important
|
|
}
|
|
.HyperMD-header-4 {
|
|
padding-top:0 !important;
|
|
padding:.4em 0 !important;
|
|
|
|
.cm-task-progress-bar:has(.progress-bar-inline-4)::after {
|
|
color:var(--tx3)
|
|
}
|
|
}
|
|
|
|
/* h5 styles */
|
|
.cm-header-5 {
|
|
font-size:13px !important;
|
|
color:var(--tx3) !important;
|
|
text-transform:uppercase;
|
|
/* font-weight:400; */
|
|
/* letter-spacing:0.1em; */
|
|
}
|
|
&:not(.is-live-preview) .cm-header-5,
|
|
.cm-focused .cm-active .cm-header-5 {
|
|
text-transform:none !important;
|
|
letter-spacing:0;
|
|
}
|
|
.HyperMD-header-5 {
|
|
padding-top:0 !important;
|
|
|
|
.cm-task-progress-bar {
|
|
transform:scale(0.7);
|
|
transform-origin:0;
|
|
|
|
&:has(.progress-bar-inline-4)::after {
|
|
color:var(--tx3)
|
|
}
|
|
}
|
|
}
|
|
|
|
/* h6 styles */
|
|
.cm-header-6 {
|
|
font-size:16px !important;
|
|
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
|
|
font-weight: 300;
|
|
font-style:italic;
|
|
color:var(--tx2) !important;
|
|
}
|
|
.HyperMD-header-6 {
|
|
/* font-variant:normal;
|
|
font-weight:bold; */
|
|
.cm-task-progress-bar {
|
|
display:none; /* hide on h6 */
|
|
transform:scale(0.7);
|
|
transform-origin:0;
|
|
|
|
&:has(.progress-bar-inline-4)::after {
|
|
color:var(--tx3)
|
|
}
|
|
}
|
|
}
|
|
|
|
/* fold placeholder */
|
|
.HyperMD-header .cm-foldPlaceholder {
|
|
display:none;
|
|
}
|
|
|
|
/* Callouts */
|
|
.callout {
|
|
padding:.5em .75em;
|
|
|
|
.callout-content {
|
|
ul {
|
|
padding-left:0;
|
|
}
|
|
|
|
/* Callouts task list fix */
|
|
li[data-task] {
|
|
padding-inline-start:var(--list-indent);
|
|
|
|
.task-list-item-checkbox {
|
|
margin-left: -22px;
|
|
transform: translate(-4px, 0)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Task progressbar style */
|
|
.cm-task-progress-bar {
|
|
box-shadow:inset 1.5px 2px 3px -2px rgba(0,0,0,.5),
|
|
1px 1px 2px -2px rgba(255,255,255,.5);
|
|
border-radius:10px;
|
|
}
|
|
|
|
/* Fix task progressbar for elements */
|
|
.HyperMD-header-1 .cm-task-progress-bar {
|
|
transform:translate(0, -3px) !important
|
|
}
|
|
.HyperMD-header-2 .cm-task-progress-bar {
|
|
transform:translate(0, -2px) !important
|
|
}
|
|
.HyperMD-header-4 .cm-task-progress-bar {
|
|
transform: translate(0, -2px) scale(0.8);
|
|
transform-origin: 0
|
|
}
|
|
|
|
.HyperMD-list-line .cm-task-progress-bar {
|
|
transform: translate(0, -7px) scale(0.8);
|
|
transform-origin: 0
|
|
}
|
|
|
|
/* Callout */
|
|
|
|
.cm-callout {
|
|
|
|
.callout-content {
|
|
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif !important;
|
|
}
|
|
}
|
|
|
|
|
|
/* Embedded markdown files - containers */
|
|
.inline-embed {
|
|
border:none;
|
|
background: hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.5);
|
|
padding-top: var(--size-4-6);
|
|
padding-bottom: var(--size-4-6);
|
|
padding-right: calc(var(--size-4-6) * 1.5);
|
|
--font-text: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
|
|
--line-height: 1.6;
|
|
letter-spacing:0.01em;
|
|
|
|
.embed-title {
|
|
display:none;
|
|
}
|
|
.markdown-embed-link {
|
|
width:1.5rem;
|
|
height:1.5rem;
|
|
position:absolute;
|
|
right:5px;
|
|
top:5px;
|
|
}
|
|
|
|
/* Specific sections: */
|
|
&:has(:is(
|
|
[data-heading=Errors],
|
|
[data-heading=Reflect])
|
|
) {
|
|
.mod-header + [data-heading] {display:none}
|
|
.has-list-bullet {margin-top:5px}
|
|
.el-ul:has(.contains-task-list) {display:none}
|
|
}
|
|
|
|
:is(h1) {
|
|
text-align: center;
|
|
}
|
|
|
|
&[src*='The Daily Laws'] {
|
|
:is(h2) {
|
|
text-align: center;
|
|
font-family:var(--font-default);
|
|
text-transform:uppercase;
|
|
letter-spacing: 0.05rem;
|
|
font-size: 16px;
|
|
opacity:0.7;
|
|
}
|
|
:is(h3) {
|
|
margin:2rem 0 1rem;
|
|
}
|
|
}
|
|
|
|
}
|
|
.file-embed.mod-empty,
|
|
.file-embed.mod-empty-attachment {
|
|
border-radius:0;
|
|
background:transparent;
|
|
text-align:left;
|
|
font-style: italic;
|
|
color: var(--tx3);
|
|
padding-left:0;
|
|
|
|
&:hover {
|
|
color:var(--link-color);
|
|
}
|
|
}
|
|
|
|
/* Embedded markdown files - content */
|
|
.markdown-embed-content {
|
|
|
|
.markdown-preview-sizer[style] {
|
|
|
|
/* fix min-height being too large, to fit content better */
|
|
min-height:auto !important;
|
|
}
|
|
|
|
/* p */
|
|
:is(p) {
|
|
/* margin-bottom:0; */
|
|
margin-block-end: 1rem;
|
|
}
|
|
|
|
[data-heading] {
|
|
margin-top:0;
|
|
|
|
&:is(h6) {
|
|
margin-bottom: 0;
|
|
color:var(--tx2) !important;
|
|
font-style:italic;
|
|
font-weight:400;
|
|
font-size:15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Hide code blocks until hover */
|
|
.cm-preview-code-block .edit-block-button {
|
|
display:none !important;
|
|
}
|
|
.cm-preview-code-block:hover .edit-block-button {
|
|
display:block !important;
|
|
}
|
|
|
|
/* Style first footnote after page heading */
|
|
.HyperMD-header-1 + .HyperMD-footnote {
|
|
text-indent:-7px;
|
|
opacity:0.7;
|
|
|
|
.cm-underline {
|
|
color:var(--tx2);
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
/* Table borders */
|
|
.table-wrapper {
|
|
> table thead tr th {
|
|
border:0;
|
|
font-weight:normal; /* remove header styling */
|
|
}
|
|
> table td {
|
|
border-left:0 !important;
|
|
border-right:0 !important;
|
|
}
|
|
> table tbody tr:last-child {
|
|
border-bottom: 1px solid var(--table-border-color);
|
|
}
|
|
}
|
|
|
|
/* Dataview styles */
|
|
.dataview {
|
|
&.list-view-ul {
|
|
margin-top:0;
|
|
/* margin-bottom:0; */
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Daily Note Outline tweaks */
|
|
/* Container */
|
|
.workspace-leaf-content[data-type="daily-note-outline"] .view-content {
|
|
|
|
/* Disable inline preview */
|
|
.nav-file-title-preview {
|
|
display:none;
|
|
}
|
|
|
|
/* h4 heading */
|
|
.tree-item-self[aria-label*='####'] {
|
|
font-size:12px !important;
|
|
color:var(--tx3) !important;
|
|
text-transform:uppercase;
|
|
letter-spacing:0.1em;
|
|
font-weight:600;
|
|
}
|
|
|
|
/* h5 heading */
|
|
.tree-item-self[aria-label*='#####'] {
|
|
font-size:12px !important;
|
|
color:var(--tx3) !important;
|
|
text-transform:uppercase;
|
|
letter-spacing:0.1em;
|
|
font-weight:600;
|
|
}
|
|
|
|
/* h4 heading */
|
|
.tree-item-self[aria-label*='######'] {
|
|
font-size:13px !important;
|
|
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
|
|
font-weight: 400;
|
|
font-style:italic;
|
|
color:var(--tx3) !important;
|
|
letter-spacing:0;
|
|
text-transform:none;
|
|
}
|
|
} |