Skip to content

Commit 114b2ef

Browse files
ormaiormai
committed
restructured tree
1 parent 0c5ce57 commit 114b2ef

File tree

10 files changed

+426
-0
lines changed

10 files changed

+426
-0
lines changed

‎snippets/article.css

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
@media (min-width: 1100px) {
2+
/* Reduce the readeble line lenght on full-screen */
3+
.markdown-reading-view .article {
4+
max-width: 65% !important;
5+
margin: auto;
6+
}
7+
}
8+
9+
.markdown-reading-view .article {
10+
font-family: "Libre Baskerville"; /* Change font */
11+
}
12+
13+
.article h1, .article h2, .article h3, .article h4, .article h5 {
14+
text-align: center; /* Center headings */
15+
}
16+
17+
.article mjx-container {
18+
color: var(--text-normal); /* Math formulas have the normal color and a */
19+
font-size: 1.2em; /* normal size */
20+
}
21+
22+
.article a {
23+
color: var(--fg3);
24+
}
25+
26+
.article strong {
27+
color: var(--fg3);
28+
}
29+
30+
.article em {
31+
color: var(--fg0);
32+
}

‎snippets/callouts.css

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
/* Callout types and icons are defined in CSS, where the color is an r, g, b tuple
2+
and the icon is the icon ID from any internally supported icon (like lucide-info).
3+
Alternatively, you can specify an SVG icon as a string.
4+
.callout[data-callout="my-callout-type"] {
5+
--callout-color: 0, 0, 0;
6+
--callout-icon: icon-id;
7+
--callout-icon: '<svg>...custom svg...</svg>';
8+
}
9+
source: https://help.obsidian.md/How+to/Use+callouts#Customizations
10+
*/
11+
12+
/* Adjust the margin of the callout content */
13+
div.callout-content p {
14+
margin: 3px 0 !important;
15+
}
16+
17+
div.callout-title-inner {
18+
color: var(--fg);
19+
margin-left: 8px;
20+
}

‎snippets/colors.css

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
/* GRUVBOX - https://github.com/morhetz/gruvbox#palette */
2+
3+
.theme-dark {
4+
--bg: var(--bg0);
5+
--fg: var(--fg1);
6+
7+
--orange0: #D65D0E;
8+
--orange1: #FE8019;
9+
--red0: #CC241D;
10+
--red1: #FB4934;
11+
--green0: #98971A;
12+
--green1: #B8BB26;
13+
--yellow0: #D79921;
14+
--yellow1: #FABD2F;
15+
--blue0: #458588;
16+
--blue1: #83A598;
17+
--purple0: #B16286;
18+
--purple1: #D3869B;
19+
--aqua0: #689D6A;
20+
--aqua1: #8EC07C;
21+
22+
--bg0_h: #1D2021;
23+
--bg0: #282828;
24+
--bg0_s: #32302F;
25+
--bg1: #3C3836;
26+
--bg2: #504945;
27+
--bg3: #665C54;
28+
--bg4: #7C6F64;
29+
--gray: #928374;
30+
--fg4: #A89984;
31+
--fg3: #BDAE93;
32+
--fg2: #D5C4A1;
33+
--fg1: #EBDBB2;
34+
--fg0: #FBF1C7;
35+
}
36+
37+
.theme-light {
38+
--bg: var(--bg0);
39+
--fg: var(--fg1);
40+
41+
--orange0: #D65D0E;
42+
--orange1: #AF3A03;
43+
--red0: #CC241D;
44+
--red1: #9d0006;
45+
--green0: #98971A;
46+
--green1: #79740E;
47+
--yellow0: #D79921;
48+
--yellow1: #B57614;
49+
--blue0: #458588;
50+
--blue1: #076678;
51+
--purple0: #B16286;
52+
--purple1: #8F3F71;
53+
--aqua0: #689D6A;
54+
--aqua1: #427B58;
55+
56+
--bg0_h: #F9F5D7;
57+
--bg0: #FBF1C7;
58+
--bg0_s: #F2E5BC;
59+
--bg1: #EBDBB2;
60+
--bg2: #D5C4A1;
61+
--bg3: #BDAE93;
62+
--bg4: #A89984;
63+
--gray: #928374;
64+
--fg4: #7C6F64;
65+
--fg3: #665C54;
66+
--fg2: #504945;
67+
--fg1: #3C3836;
68+
--fg0: #282828;
69+
}

‎snippets/drop-caps.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/* DROP CAPS */
2+
/* Inspired by: https://www.gwern.net/Design#principles */
3+
4+
.dcaps {
5+
color: var(--fg);
6+
float: inline-start; /* With this the initial is applied only to the */
7+
/* first line of the paragraph */
8+
font-family: "Acorn Initials"; /* Fancy font for the initials */
9+
font-size: 5em; /* The actual size of the initial */
10+
line-height: 1em; /* The height of the whole line to which it's applied */
11+
}
12+
13+
.dcaps:hover {
14+
color: var(--gray);
15+
transition: color 0.2s ease-in-out;
16+
}

‎snippets/embeddable-quotes.css

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
/* H6 is a shared snippet */
2+
/* Used mainly for quotes */
3+
4+
/* Preview */
5+
.markdown-preview-view h6, .markdown-rendered h6, h6 {
6+
padding-left: 10px;
7+
border-left: var(--blockquote-border-thickness) solid var(--blockquote-border-color);
8+
color: var(--blockquote-color);
9+
font-style: var(--blockquote-font-style);
10+
font-variant: none;
11+
font-size: var(--font-normal) !important;
12+
}
13+
14+
/* Live preview, source mode */
15+
div.HyperMD-header.HyperMD-header-6.cm-line, span.cm-header.cm-header-6 {
16+
font-size: var(--font-normal) !important;
17+
font-variant: none;
18+
color: var(--blockquote-color);
19+
}
20+
21+
/* H6 is not foldable */
22+
div.HyperMD-header.HyperMD-header-6.cm-line > div.cm-fold-indicator,
23+
h6 > div.heading-collapse-indicator.collapse-indicator.collapse-icon {
24+
display: none
25+
}
26+
27+
/* When embedded there is non need for margin. */
28+
.internal-embed h6 { margin: 0 !important; }

‎snippets/general-layout.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/* Text is justified */
2+
p {
3+
text-align: justify;
4+
}
5+
6+
/* Tables are centered */
7+
.markdown-preview-view table {
8+
margin-left: auto;
9+
margin-right: auto;
10+
}

‎snippets/hide-clutter.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/* Make Obsidian more minimal */
2+
/* https://github.com/kepano/obsidian-hider */
3+
4+
/* Scrollbars only show on hover */
5+
.external-link { background-image: none; padding-right: 0px; }
6+
::-webkit-scrollbar { visibility: hidden; background-color: transparent; width: 10px; }
7+
::-webkit-scrollbar-thumb { visibility: hidden; }
8+
::-webkit-scrollbar:hover { visibility: initial; }
9+
::-webkit-scrollbar-thumb:hover { visibility: initial; }
10+
11+
/* Yaml metadata in preview */
12+
div.frontmatter-container { display:none; }
13+
14+
/* Vault name in the file navigator */
15+
.nav-folder.mod-root > .nav-folder-title .nav-folder-title-content {
16+
display: none;
17+
}
18+
19+
/* Suggestions, instructions and tooltips */
20+
.suggestion-container.mod-search-suggestion { display: none; }
21+
.prompt-instructions { display:none; }
22+
.tooltip { display:none; }

‎snippets/hide-everything.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/* Tabs bar */
2+
.workspace-ribbon { display: none; }
3+
4+
/* Sidebars */
5+
.workspace-tab-header-container { display: none; }
6+
7+
/* Status bar */
8+
.status-bar {display: none }
9+
10+
/* Header */
11+
.view-header {display: none !important}

‎snippets/images.css

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
body:not(.zoom-off) .view-content img {
2+
cursor: default !important;
3+
}
4+
5+
.markdown-preview-view img, .markdown-source-view img {
6+
opacity: 1 !important;
7+
/* border-radius: 5px; */
8+
}
9+
10+
/* .markdown-preview-view img[src]:hover { */
11+
/* box-shadow: 0px 3px 3.1px -15px rgba(0, 0, 0, 1), 0px 24px 25px -12px rgba(0, 0, 0, 0.4); */
12+
/* transform: translate3d(3px, -5px, 0); */
13+
/* transition: 250ms cubic-bezier(0.65, 0.05, 0.36, 1); */
14+
/* } */
15+
16+
/* .view-content .markdown-preview-view img[referrerpolicy='no-referrer']:active, */
17+
/* .view-content .image-embed:active { */
18+
/* background: var(--background-primary); */
19+
/* display: block; */
20+
/* z-index: 200; */
21+
/* position: fixed; */
22+
/* height: 100%; */
23+
/* width: 100%; */
24+
/* object-fit: contain; */
25+
/* margin: 0 auto; */
26+
/* transition: width 0.2s ease-in-out; */
27+
/* transition: height 0.2s ease-in-out; */
28+
/* transition: max-width 0.2s ease-in-out; */
29+
/* transition: max-height 0.2s ease-in-out; */
30+
/* } */
31+
/* .view-content .image-embed:active img { */
32+
/* transition: width 0.2s ease-in-out; */
33+
/* transition: max-height 0.2s ease-in-out; */
34+
/* width: 100%; */
35+
/* max-height: 100%; */
36+
/* object-fit: contain; */
37+
/* bottom: 0; */
38+
/* position: absolute; */
39+
/* } */
40+
41+
/* ALIGNMENT */
42+
/* https://github.com/deathau/obsidian-snippets/blob/main/center-images.css */
43+
/* Syntax: ![[image.png|center|500]] */
44+
45+
img[alt*="left"] {
46+
float:left;
47+
clear:left;
48+
margin-right: 2rem;
49+
margin-bottom: 4px;
50+
margin-top: 4px;
51+
}
52+
53+
img[alt*="right"] {
54+
float:right;
55+
clear:right;
56+
margin-right: 2rem;
57+
margin-bottom: 4px;
58+
margin-top: 4px;
59+
}
60+
61+
img[alt*="center"] {
62+
display: block;
63+
margin: 0px auto;
64+
}

0 commit comments

Comments
 (0)