Advertisement
dhniceday

Untitled

Mar 4th, 2023
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.90 KB | None | 0 0
  1. /* CALLOUTS */
  2.  
  3. .callout[data-callout="missing"] {
  4.     --callout-color: 255, 0, 0;
  5.     --callout-icon: none;
  6. }
  7.  
  8. .callout[data-callout="danger"] {
  9.     --callout-color: 0, 0, 255;
  10.     --callout-icon: none;
  11. }
  12.  
  13. .callout[data-callout="error"] {
  14.     --callout-color: 0, 255, 0;
  15.     --callout-icon: none;
  16. }
  17.  
  18. .callout[data-callout="bug"] {
  19.     --callout-color: 255, 255, 0;
  20.     --callout-icon: none;
  21. }
  22.  
  23. .callout[data-callout="important"] {
  24.   --callout-color: 255, 99, 71;
  25.   --callout-icon: award;
  26.  
  27. }
  28.  
  29. /* All the rest */
  30. .theme-light .callout[data-callout="note"],
  31. .theme-light .callout[data-callout="abstract"],
  32. .theme-light .callout[data-callout="summary"],
  33. .theme-light .callout[data-callout="tldr"],
  34. .theme-light .callout[data-callout="info"],
  35. .theme-light .callout[data-callout="todo"],
  36. .theme-light .callout[data-callout="tip"],
  37. .theme-light .callout[data-callout="hint"],
  38. .theme-light .callout[data-callout="sucess"],
  39. .theme-light .callout[data-callout="check"],
  40. .theme-light .callout[data-callout="done"],
  41. .theme-light .callout[data-callout="question"],
  42. .theme-light .callout[data-callout="help"],
  43. .theme-light .callout[data-callout="faq"],
  44. .theme-light .callout[data-callout="warning"],
  45. .theme-light .callout[data-callout="caution"],
  46. .theme-light .callout[data-callout="attention"],
  47. .theme-light .callout[data-callout="failure"],
  48. .theme-light .callout[data-callout="fail"],
  49. .theme-light .callout[data-callout="example"],
  50. .theme-light .callout[data-callout="quote"],
  51. .theme-light .callout[data-callout="cite"] {
  52.     --callout-color: 146, 131, 116;
  53.     --callout-icon: none;
  54. }
  55.  
  56. .theme-dark .callout[data-callout="note"],
  57. .theme-dark .callout[data-callout="abstract"],
  58. .theme-dark .callout[data-callout="summary"],
  59. .theme-dark .callout[data-callout="tldr"],
  60. .theme-dark .callout[data-callout="info"],
  61. .theme-dark .callout[data-callout="todo"],
  62. .theme-dark .callout[data-callout="tip"],
  63. .theme-dark .callout[data-callout="hint"],
  64. .theme-dark .callout[data-callout="sucess"],
  65. .theme-dark .callout[data-callout="check"],
  66. .theme-dark .callout[data-callout="done"],
  67. .theme-dark .callout[data-callout="question"],
  68. .theme-dark .callout[data-callout="help"],
  69. .theme-dark .callout[data-callout="faq"],
  70. .theme-dark .callout[data-callout="warning"],
  71. .theme-dark .callout[data-callout="caution"],
  72. .theme-dark .callout[data-callout="attention"],
  73. .theme-dark .callout[data-callout="failure"],
  74. .theme-dark .callout[data-callout="fail"],
  75. .theme-dark .callout[data-callout="example"],
  76. .theme-dark .callout[data-callout="quote"],
  77. .theme-dark .callout[data-callout="cite"] {
  78.     --callout-color: 98, 114, 164;
  79.     --callout-icon: none;
  80.  
  81. }
  82.  
  83. .callout .callout-title-inner {
  84.   font-family: "Overpass";
  85.   font-style: normal !important;
  86.   font-size: 0.9em;
  87.   color: #8be9fd;
  88.   font-weight: 200px;
  89. }
  90.  
  91. /* TOPIC LIST */
  92.  
  93. .theme-dark .callout[data-callout="topiclist"] {
  94.   --callout-icon: none;
  95.   --callout-color: 40, 42, 54 !important;
  96.   font-weight: 200px;
  97.   padding: 0px 0px 0px 15px;
  98.   margin-bottom: 0px;
  99.   border: 0px;
  100.   width: 85%
  101. }
  102.  
  103. .topic-list ul.dataview.list-view-ul {
  104.     list-style: none;
  105.   padding-left: 0px;
  106.     margin-left: 0px;
  107.     }
  108.  
  109. .callout[data-callout="topiclist"] .callout-title-inner {
  110.   font-family: "Overpass";
  111.   font-size: 0.9em;
  112.   font-weight: 200px;
  113.   padding: 0px;
  114.   margin: 0px;
  115. }
  116.  
  117. .theme-dark .callout[data-callout="topiclist"] {
  118.   background: #282a36 !important;
  119. }
  120.  
  121. .theme-dark .callout[data-callout="topiclist"] .callout-title-inner {
  122.   color: #8be9fd;
  123. }
  124.  
  125. .theme-light .callout[data-callout="topiclist"] {
  126.   background: transparent;
  127. }
  128.  
  129. .theme-light .callout[data-callout="topiclist"] .callout-title-inner {
  130.   color: #101110;
  131. }
  132.  
  133. .topic-list.markdown-preview-view .markdown-rendered .node-insert-event {
  134.   padding-left: 0px;
  135. }
  136.  
  137. /* TAGS CALLOUT  */
  138.  
  139. .callout[data-callout="tags"] {
  140.   --callout-icon:none;
  141.   --callout-color: 10,10,10;
  142.   padding: 7px;
  143.   font-size:90%;
  144.   line-height:0.5em;
  145.   white-space:nowrap;
  146.   border: 0px;
  147.   }
  148.  
  149. .callout[data-callout="tags"] .callout-title {
  150.   display: none;
  151. }
  152.  
  153. .callout[data-callout="tags"] .callout-content {
  154.   border: 0px !important;
  155.   margin: 0px 0px 0px -7px;
  156.   padding: 0px;
  157.   background-color: var(--background-primary);
  158. }
  159.  
  160. .callout[data-callout="tags"] ul.dataview.list-view-ul {
  161.     padding-left: 0px;
  162.     margin-left: 0px;
  163.   list-style: none;
  164.     }
  165.    
  166. .theme-dark .callout[data-callout="tags"]   a.tag {
  167.   background: #ffb86c;
  168.   color: #282a36;
  169.   font-family: "Space Mono";
  170.   padding: 1px 5px 3px 5px;
  171. }
  172.  
  173. .markdown-rendered mark {
  174.   background-color: #f1fa8c;
  175.   color: #282a36;
  176. }
  177.  
  178. .theme-light .callout[data-callout="tags"]  a.tag {
  179.   background: #f7f79c;
  180.   color: #1e1e1f;
  181.   font-family: "Space Mono";
  182.   padding: 1px 5px 1px 5px;
  183. }
  184.  
  185. .callout[data-callout="tags"] .block-language-dataview.node-insert-event {
  186.   padding: 0px;
  187.   margin: 0px;
  188.   list-style: none;
  189. }
  190.  
  191. /* DATAVIEW */
  192.  
  193. .theme-dark .heatmap-calendar-boxes .today {
  194.   border: 1px solid rgb(180, 180, 180);
  195. }
  196.  
  197. span.cm-hmd-frontmatter.cm-number {
  198.   color: rgb(255, 184, 108) !important;
  199.   }
  200.  
  201. .home-page .contains-task-list.plugin-tasks-query-result {
  202.   padding-left: 30px;
  203. }
  204.  
  205. /* TAGS */
  206.  
  207. a.tag {
  208.   background: #ffb86c;
  209.   color: #282a36;
  210.   font-family: "Space Mono";
  211.   padding: 0px 3px 0px 3px;
  212.   margin: 1px;
  213.   font-size: 0.75em;
  214. }
  215.  
  216. a.tag:hover {
  217.   background: #ffb86c;
  218.   color: #282a36;
  219. }
  220.  
  221. .tag[href^="#green"] {
  222.   background-color: green;
  223.   border: green;
  224. }
  225.  
  226. /* WIDE PAGE */
  227.  
  228. .wide-page ul.dataview.list-view-ul {
  229.   margin-left: 0em !important;
  230.   list-style: none;
  231.     padding-left: 0px;
  232.     margin-left: 0px;
  233.   }
  234.  
  235. .wide-page block-language-dataviewjs node-insert-event {
  236.   padding-left: 0em !important;
  237.   }
  238.  
  239. /* LINKS */
  240.  
  241. .internal-link,
  242. .external-link {
  243.   text-decoration: underline !important;
  244. }
  245.  
  246. /* PDF EXPORT */
  247. @media print {
  248.   pre.frontmatter,
  249.   .obsidian-metatable {
  250.     display: none;
  251.   }
  252.  
  253.  
  254. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement