mirror of
https://github.com/thisthethe/MicroMike.git
synced 2026-07-22 03:20:31 +00:00
1328 lines
No EOL
28 KiB
CSS
1328 lines
No EOL
28 KiB
CSS
/*
|
||
|
||
https://github.com/SMUsamaShah/Obsidian-Win98-Edition
|
||
|
||
MIT License
|
||
|
||
Copyright (c) 2021 Muhammad Usama
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all
|
||
copies or substantial portions of the Software.
|
||
|
||
https://github.com/zcysxy/Obsidian-Terminal-Theme
|
||
|
||
MIT License
|
||
|
||
Copyright (c) 2021 ZHANG Chenyu
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to deal
|
||
in the Software without restriction, including without limitation the rights
|
||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all
|
||
copies or substantial portions of the Software.
|
||
|
||
*/
|
||
/* @settings
|
||
|
||
name: Your Section Name Here
|
||
id: a-unique-id
|
||
settings:
|
||
-
|
||
id: my-title
|
||
title: My Settings
|
||
type: heading
|
||
level: 3
|
||
-
|
||
id: accent
|
||
title: Accent Color
|
||
type: variable-color
|
||
format: hsl-split
|
||
default: '#007AFF'
|
||
-
|
||
id: the-font
|
||
title: UI font
|
||
description: Font used for the user interface
|
||
type: variable-text
|
||
default: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
|
||
-
|
||
id: the-font-size
|
||
title: Font Size
|
||
description: Font scale. Does not apply to intentionally smaller components.
|
||
type: variable-number-slider
|
||
default: 14
|
||
min: 6
|
||
max: 30
|
||
step: 1
|
||
format: px
|
||
-
|
||
id: heightRibbon
|
||
title: Ribbon Button Height
|
||
description: Font scale. Does not apply to intentionally smaller components.
|
||
type: variable-number-slider
|
||
default: 30
|
||
min: 30
|
||
max: 90
|
||
step: 1
|
||
format: px
|
||
-
|
||
id: handleSize
|
||
title: Ribbon Button Height
|
||
description: Font scale. Does not apply to intentionally smaller components.
|
||
type: variable-number-slider
|
||
default: 8
|
||
min: 4
|
||
max: 32
|
||
step: 2
|
||
format: px
|
||
-
|
||
id: windowSize
|
||
title: Ribbon Button Height
|
||
description: Font scale. Does not apply to intentionally smaller components.
|
||
type: variable-number-slider
|
||
default: 700
|
||
min: 300
|
||
max: 1800
|
||
step: 50
|
||
format: px
|
||
-
|
||
id: gutterSize
|
||
title: Gutter Size
|
||
description: Font scale. Does not apply to intentionally smaller components.
|
||
type: variable-number-slider
|
||
default: 30
|
||
min: 10
|
||
max: 50
|
||
step: 1
|
||
format: px
|
||
-
|
||
id: my-css-class
|
||
title: My Toggle
|
||
description: Left-align write box. Is the thing gonna blow up?
|
||
default: True
|
||
type: class-toggle
|
||
*/
|
||
:root {
|
||
--background: #3D3935;
|
||
--background2: #000;
|
||
--selectionAccentHover: #333333;
|
||
--selectionAccentActive: #606060;
|
||
--intermediary: #7A7672;
|
||
|
||
--fontCol: #ddd;
|
||
--bright: #c2c6ca;
|
||
|
||
--bevelBright1: #c2c6ca;
|
||
--bevelBright2: #85898d;
|
||
--bevelDark1: #000;
|
||
--bevelDark2: #7A7672;
|
||
--border-raised: inset -1px -1px var(--bevelDark1), inset 1px 1px var(--bevelBright2), inset -2px -2px var(--bevelDark2), inset 2px 2px var(--bevelBright1);
|
||
--border-sunken: inset -1px -1px var(--bevelBright1), inset 1px 1px var(--bevelDark2), inset -2px -2px var(--bevelBright2), inset 2px 2px var(--bevelDark1);
|
||
--bevelStyleTabActive: inset -1px 0 var(--bevelDark1), inset 1px 1px var(--bevelBright2), inset -2px 0 var(--bevelDark2), inset 2px 2px var(--bevelBright1);
|
||
|
||
|
||
--heightRibbon: 60px;
|
||
--the-font: "Ubuntu";
|
||
--the-font-size: 14px;
|
||
--handleSize: 16px;
|
||
--windowSize: 700px;
|
||
--gutterSize:30px;
|
||
}
|
||
:root {
|
||
--the-color: #15d00d;
|
||
--the-color-rgb: 35, 255, 24;
|
||
--the-background-color: #000000;
|
||
|
||
--editor-line-height: 1.3;
|
||
--char-width: calc(0.625 * var(--the-font-size)); /* the ratio is determined by the font-family */
|
||
|
||
--default-font: var(--the-font);
|
||
--font-monospace: var(--the-font);
|
||
--status-bar-height: 21px;
|
||
--header-height: 36px;
|
||
|
||
/* Prompts */
|
||
--selected: ">";
|
||
}
|
||
|
||
.theme-dark
|
||
{
|
||
--text-selection: #0561D1;
|
||
--text-faint: #bdae93;
|
||
--scrollbar-active-thumb-bg: var(--bright);
|
||
--scrollbar-bg: #555555;
|
||
--scrollbar-thumb-bg: #999999;
|
||
}
|
||
|
||
/* disable all animations */
|
||
*, *:after, *:before {
|
||
/*CSS transitions*/
|
||
-webkit-transition-property: none !important;
|
||
transition-property: none !important;
|
||
|
||
-webkit-transition: none !important;
|
||
transition: none !important;
|
||
|
||
/*CSS transforms*/
|
||
/* -webkit-transform: none !important; */
|
||
/* transform: none !important; */
|
||
|
||
/*CSS animations*/
|
||
-webkit-animation: none !important;
|
||
animation: none !important;
|
||
}
|
||
|
||
/* The edge shold be clickable */
|
||
|
||
.mod-windows {
|
||
margin:-1px;
|
||
}
|
||
.mod-settings {
|
||
border:0;
|
||
}
|
||
.vertical-tab-nav-item {
|
||
padding:0 6px;
|
||
margin:0;
|
||
}
|
||
.mod-community-theme {
|
||
border: 0;
|
||
}.backlink-pane, .outgoing-link-pane {
|
||
background: var(--background2);
|
||
font-family: var(--the-font);
|
||
font-size: var(--the-font-size);
|
||
color: var(--fontCol);
|
||
-webkit-font-smoothing: none;
|
||
letter-spacing: 0;
|
||
/* line-height: 1.2em; */
|
||
box-shadow: var(--border-raised);
|
||
}
|
||
/* Dropdown */
|
||
.menu{
|
||
word-wrap: none;
|
||
white-space: nowrap;
|
||
text-overflow: clip;
|
||
background-color: #111111;
|
||
padding: 1px;
|
||
opacity:0.9;
|
||
box-shadow: 0px 10px 10px #000000;
|
||
border: none;
|
||
border-radius: 0px;
|
||
}
|
||
|
||
.menu-item{
|
||
user-select: none;
|
||
position: relative;
|
||
display: block;
|
||
width: 100%;
|
||
padding: 0px;
|
||
|
||
text-align: left;
|
||
border: none;
|
||
outline: none;
|
||
height: 20px;
|
||
color:var(--fontCol);
|
||
font-size: var(--the-font-size);
|
||
font-family: var(--the-font);
|
||
line-height: 1em;
|
||
font-size:12px;
|
||
line-height:0;
|
||
}
|
||
|
||
.menu-separator {
|
||
position: relative;
|
||
width: 200%;
|
||
left:-1px;
|
||
margin: 2px auto;
|
||
}
|
||
|
||
.menu-item.selected:not(.is-disabled):not(.is-label) {
|
||
background: linear-gradient(180deg, #7AA3E5 0%, #5680C1 100%);
|
||
background-color: var(--background);
|
||
color: #000;
|
||
}
|
||
.menu-item-icon svg {
|
||
color: #ffffff;
|
||
padding-left:5px;
|
||
width:unset;
|
||
top: 0%;
|
||
left: 0%;
|
||
}
|
||
.menu-item.selected:not(.is-disabled):not(.is-label) svg {
|
||
color:#000;
|
||
}
|
||
.menu-item-icon {
|
||
color: #000;
|
||
height:14px;
|
||
}
|
||
/* Button styling for editor buttons */
|
||
|
||
.view-actions {
|
||
padding:0;
|
||
margin-bottom:2px;
|
||
}
|
||
|
||
.view-action {
|
||
box-shadow:var(--border-raised);
|
||
padding: 4px 8px;
|
||
margin:0px;
|
||
align-items:center;
|
||
display:flex;
|
||
}
|
||
|
||
/* New approach to crushing textboxes */
|
||
.markdown-source-view.mod-cm5
|
||
{
|
||
padding:0px;
|
||
}
|
||
.cm-s-obsidian
|
||
{
|
||
max-width: var(--windowSize);
|
||
}
|
||
.CodeMirror-sizer
|
||
{
|
||
padding-right:10px !important;
|
||
}
|
||
.CodeMirror-lines
|
||
{
|
||
padding-top:15px;
|
||
}
|
||
|
||
.HyperMD-table-1.HyperMD-table-row.CodeMirror-line
|
||
{
|
||
word-wrap: break-word;
|
||
}
|
||
/* Fixup button order */
|
||
.mod-close-leaf
|
||
{
|
||
order:3;
|
||
}
|
||
.view-action:first-of-type
|
||
{
|
||
order:2;
|
||
}
|
||
/* New text formatting */
|
||
.CodeMirror-scroll
|
||
{
|
||
line-height:1.2em;
|
||
}
|
||
.CodeMirror-code pre, .CodeMirror-code div
|
||
{
|
||
padding-top:0px !important;
|
||
font-size:var(--the-font) !important;
|
||
line-height:1.4em !important;
|
||
min-height:auto !important;
|
||
}
|
||
.HyperMD-header
|
||
{
|
||
font-weight:600;
|
||
}
|
||
.CodeMirror-gutters, .CodeMirror-gutter
|
||
{
|
||
padding-right:0px !important;
|
||
width:var(--gutterSize);
|
||
}
|
||
|
||
.CodeMirror-gutter-elt
|
||
{
|
||
width:var(--gutterSize) !important;
|
||
height:30px !important;
|
||
|
||
}
|
||
.CodeMirror-guttermarker-subtle::after
|
||
{
|
||
font-size:var(--gutterSize);
|
||
padding-left:5px;
|
||
text-align:center;
|
||
}/* Fixup note-in-sidebars */
|
||
.mod-right-split .mod-cm5,
|
||
.mod-left-split .mod-cm5 {
|
||
box-sizing: border-box;
|
||
|
||
padding:0;
|
||
|
||
background-color:var(--background2);
|
||
}
|
||
.mod-right-split .CodeMirror-foldgutter,
|
||
.mod-left-split .CodeMirror-foldgutter {
|
||
background-color:var(--background2) !important;
|
||
}
|
||
/*
|
||
clean-embeds-all.css snippet
|
||
|
||
Removes title, link, padding, margins from embeds,
|
||
so they really look like the same note.
|
||
|
||
This will not require a `cssclass` to be set but work for _all_ notes.
|
||
Derived from the `clean-embeds.css` snippet.
|
||
|
||
2021-05-28 Matthias C. Hormann (Moonbase59)
|
||
|
||
TODO: Find out how to correct PDF export. L/R margins & vspace too large on embeds.
|
||
*/
|
||
|
||
|
||
/* remove title */
|
||
.markdown-preview-view .markdown-embed-title {
|
||
display: none;
|
||
}
|
||
|
||
/*
|
||
For links to embeds NOT to be shown, uncomment the following
|
||
and comment out the other section below.
|
||
*/
|
||
|
||
/*
|
||
.markdown-preview-view .markdown-embed-link,
|
||
.markdown-preview-view .file-embed-link {
|
||
display: none;
|
||
}
|
||
*/
|
||
|
||
/*
|
||
For links to embeds to BE shown, uncomment the following
|
||
until the "End link show/hide stuff" comment
|
||
and comment out the section above.
|
||
*/
|
||
|
||
/* Link icon */
|
||
.markdown-preview-view .markdown-embed-link,
|
||
.markdown-preview-view .file-embed-link {
|
||
top: 0;
|
||
right: 0;
|
||
left: unset;
|
||
text-align: right;
|
||
border-left: none;
|
||
margin: 0;
|
||
width: 24px;
|
||
height: 24px;
|
||
color: var(--text-faint);
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* for Ars Magna theme and others that change ::before */
|
||
.markdown-preview-view .markdown-embed-link::before,
|
||
.markdown-preview-view .file-embed-link::before {
|
||
display: none;
|
||
}
|
||
|
||
/* Link icon size & hide */
|
||
.markdown-preview-view .file-embed-link svg,
|
||
.markdown-preview-view .markdown-embed-link svg {
|
||
height: 24px;
|
||
width: 24px;
|
||
opacity: 0;
|
||
display: unset;
|
||
}
|
||
|
||
/* show on hover */
|
||
.markdown-preview-view .markdown-embed:hover .file-embed-link svg,
|
||
.markdown-preview-view .markdown-embed:hover .markdown-embed-link svg {
|
||
opacity: 1;
|
||
}
|
||
|
||
/* change background on hover, to exactly see what’s embedded */
|
||
.markdown-preview-view .markdown-embed:hover,
|
||
.markdown-preview-view .file-embed:hover {
|
||
background-color: var(--background-secondary) !important;
|
||
}
|
||
|
||
/* End link show/hide stuff */
|
||
|
||
|
||
|
||
/* remove border and scroll */
|
||
/* unfortunately needs !important for some themes */
|
||
|
||
.markdown-preview-view .markdown-embed,
|
||
.markdown-preview-view .file-embed {
|
||
border: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
.markdown-preview-view .markdown-embed-content,
|
||
.markdown-preview-view .markdown-embed-content > .markdown-preview-view {
|
||
max-height: unset;
|
||
padding: 0;
|
||
margin: 0;
|
||
border: 0;
|
||
}
|
||
|
||
/* remove <br> between internal embeds */
|
||
.markdown-preview-section div > p br,
|
||
.markdown-preview-section div > br {
|
||
display: none;
|
||
}
|
||
|
||
|
||
/* remove vertical space added by markdown-preview-sizer */
|
||
div.markdown-preview-sizer.markdown-preview-section {
|
||
min-height: unset !important;
|
||
padding-bottom: 0 !important;
|
||
}
|
||
|
||
/* special considerations for printing (PDF export) */
|
||
@media print {
|
||
|
||
/* remove frontmatter box if "Show frontmatter" was enabled */
|
||
pre.frontmatter {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
/* Modifications for personal pref */
|
||
:root {
|
||
--border-sunken: inset -1px -1px var(--bevelBright1), inset 1px 1px var(--bevelDark2), inset -2px -2px var(--bevelBright2), inset 2px 2px var(--bevelDark1);
|
||
|
||
}
|
||
.markdown-preview-view .markdown-embed,
|
||
.markdown-preview-view .file-embed {
|
||
|
||
box-shadow: var(--border-sunken);
|
||
padding-left:10px;
|
||
padding-right:5px;
|
||
}
|
||
|
||
/* Configurable hierarchical bg colors */
|
||
/*
|
||
.markdown-embed
|
||
{
|
||
background-image: linear-gradient(to right, #005c99 0%, rgba(121,9,9,0) 4%)
|
||
|
||
}
|
||
.markdown-embed .markdown-embed
|
||
{
|
||
background-image: linear-gradient(to right, #808000 0%, rgba(121,9,9,0) 4%)
|
||
|
||
}
|
||
|
||
.markdown-embed .markdown-embed .markdown-embed
|
||
{
|
||
background: linear-gradient(90deg, #995c00 0%, rgba(121,9,9,0) 4%);
|
||
|
||
}
|
||
.markdown-embed .markdown-embed .markdown-embed .markdown-embed
|
||
{
|
||
background: linear-gradient(90deg, #660000 0%, rgba(121,9,9,0) 4%);
|
||
|
||
}
|
||
.markdown-embed .markdown-embed .markdown-embed .markdown-embed .markdown-embed
|
||
{
|
||
background-image: linear-gradient(to right, #6600cc 0%, rgba(121,9,9,0) 4%)
|
||
|
||
}
|
||
.markdown-embed .markdown-embed .markdown-embed .markdown-embed .markdown-embed .markdown-embed
|
||
{
|
||
background-image: linear-gradient(to right, #005c99 0%, rgba(121,9,9,0) 4%)
|
||
|
||
}*/
|
||
svg {
|
||
color:var(--fontCol);
|
||
}
|
||
/* COMPONENT: LEFT SIDEBAR MISC */
|
||
|
||
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
|
||
.workspace-tab-header.is-before-active .workspace-tab-header-inner {
|
||
border-bottom-right-radius: 0px;
|
||
}
|
||
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
|
||
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
|
||
border-bottom-left-radius: 0px;
|
||
}
|
||
.workspace-ribbon, .workspace-tabs, .workspace-tab-header-container, .workspace-leaf-resize-handle {
|
||
background-color: var(--background);
|
||
|
||
}
|
||
.workspace-tabs .workspace-leaf {
|
||
background-color: var(--background);
|
||
}
|
||
|
||
.workspace-tab-container-inner {
|
||
position: relative;
|
||
margin: 0 0 -2px;
|
||
text-indent: 0;
|
||
list-style-type: none;
|
||
display: flex;
|
||
padding-left: 3px;
|
||
}
|
||
.workspace-tab-header {
|
||
color: black;
|
||
text-align: center;
|
||
stroke-width: 2px;
|
||
|
||
border-top-left-radius: 3px;
|
||
border-top-right-radius: 3px;
|
||
box-shadow: var(--bevelStyleTabActive);
|
||
z-index: 0;
|
||
}
|
||
.workspace-tab-container-before, .workspace-tab-container-after {
|
||
width: 0px;
|
||
}
|
||
.workspace-tab-header.is-active {
|
||
color: black;
|
||
padding-bottom: 2px;
|
||
margin-top: -2px;
|
||
background-color: var(--background);
|
||
position: relative;
|
||
z-index: 8;
|
||
margin-left: -3px;
|
||
}
|
||
.workspace-tab-header.is-after-active .workspace-tab-header-inner, .workspace-tab-header.is-before-active .workspace-tab-header-inner {
|
||
border-top-left-radius: inherit;
|
||
border-top-right-radius: inherit;
|
||
box-shadow: inherit;
|
||
z-index: 1;
|
||
background-color: var(--background);
|
||
}
|
||
.workspace-tab-header-inner {
|
||
transition: none;
|
||
}
|
||
.nav-header {
|
||
box-shadow: var(--border-raised);
|
||
background: var(--background);
|
||
padding: 3px;
|
||
}
|
||
.nav-action-button {
|
||
margin:0;
|
||
box-shadow: var(--border-raised);
|
||
}
|
||
/* Mod: Make the buttons take up all the space */
|
||
|
||
.workspace-tab-container-inner {
|
||
display: flex;
|
||
flex-grow:1;
|
||
}
|
||
.workspace-tab-header {
|
||
flex-grow:1;
|
||
padding:0;
|
||
|
||
}
|
||
.workspace-tab-header-inner {
|
||
justify-content:center;
|
||
align-items: center;
|
||
}
|
||
.workspace-tab-header-inner-icon {
|
||
justify-content:center;
|
||
align-items: center;
|
||
line-height:inherit;
|
||
padding:6px 0 0 0;
|
||
}
|
||
.nav-buttons-container
|
||
{
|
||
display: flex;
|
||
flex-grow:1;
|
||
}
|
||
.nav-action-button
|
||
{
|
||
display: flex;
|
||
flex-grow:1;
|
||
height:30px;
|
||
justify-content:center;
|
||
align-items: center;
|
||
padding:0 0 0 0;
|
||
}
|
||
.search-result-container, .mod-right-split .nav-header, .mod-right-split .workspace-tab-header-container
|
||
{
|
||
margin-left:4px;
|
||
}
|
||
.workspace-ribbon.is-collapsed {
|
||
background-color: var(--background);
|
||
}
|
||
.workspace-tab-header-container {
|
||
}
|
||
.workspace-leaf
|
||
{
|
||
border-style: none !important;
|
||
}
|
||
.workspace-leaf-content .view-content {
|
||
padding-top:0px;
|
||
padding-bottom:0px;
|
||
padding-left:0px;
|
||
padding-right:0px;
|
||
}
|
||
/* No I don't wish to update */
|
||
.popover {
|
||
display:none;
|
||
}
|
||
.mod-new-editor
|
||
{
|
||
display:none;
|
||
}
|
||
.notice-container
|
||
{
|
||
display:none;
|
||
}/* NEW COMPONENT: OUTLINER */
|
||
|
||
|
||
|
||
|
||
.outline {
|
||
display: block;
|
||
background: var(--background2) !important;
|
||
box-shadow: var(--border-sunken);
|
||
padding: 6px;
|
||
margin: 0;
|
||
margin-top:2px;
|
||
|
||
}
|
||
|
||
.tree-item-icon.collapse-icon svg{
|
||
color: var(--fontCol);
|
||
line-height:11px;
|
||
/*display: none;*/
|
||
}
|
||
|
||
.tree-item-inner {
|
||
font-size: 11px;
|
||
margin-top: 3px;
|
||
line-height: 1em;
|
||
font-family: "Ubuntu";
|
||
|
||
}
|
||
|
||
.tree-item-inner {
|
||
border-radius: 0px;
|
||
border: 0px solid transparent;
|
||
display: inline-block;
|
||
padding: 0px 0px;
|
||
color: var(--fontCol);
|
||
position: relative;
|
||
}
|
||
|
||
.tree-item-children .tree-item-children {
|
||
margin-left: 16px;
|
||
padding-left: 16px;
|
||
border-left: 1px dotted var(--intermediary);
|
||
}
|
||
|
||
.tree-item-self.is-clickable:hover
|
||
{
|
||
background-color: var(--selectionAccentHover) !important;
|
||
text-decoration: underline;
|
||
text-decoration-color: var(--fontCol);
|
||
}
|
||
.tree-item {
|
||
line-height:1.2em;
|
||
}
|
||
.tree-item-self {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
padding: 0px 6px 0px 20px;
|
||
border-radius: 3px;
|
||
color: black;
|
||
}
|
||
/* > TERMINAL: BETTER PROMPT WINDOW */
|
||
|
||
/* PROMPT WINDOW */
|
||
|
||
|
||
.prompt {
|
||
background-color:var(--background);
|
||
box-shadow:var(--border-raised);
|
||
font-size: var(--the-font-size);
|
||
display: unset;
|
||
/* position: absolute; */
|
||
bottom: var(--status-bar-height);
|
||
top: 59%;
|
||
right:20%;
|
||
width: 50%;
|
||
max-width: unset;
|
||
max-height: 50%;
|
||
border:0;
|
||
border-style: solid;
|
||
border-width: 0px 0 0px 0;
|
||
border-radius: unset;
|
||
/* padding-top: 9px; */
|
||
padding: 0px 20px;
|
||
align-content: center;
|
||
}
|
||
input {
|
||
font-family: var(--the-font) !important;
|
||
}
|
||
input.prompt-input {
|
||
font-size: var(--the-font-size);
|
||
padding: 0 0 0 5px; /* same as CodeMirror line */
|
||
margin: 5px 0 0 0;
|
||
border-width: 0;
|
||
top:2px;
|
||
height:40px;
|
||
}
|
||
|
||
.modal-bg {
|
||
background-color: unset;
|
||
}
|
||
.prompt:before {
|
||
content: var(--input-prompt);
|
||
position: absolute;
|
||
top: calc(20px - 0.5 * var(--editor-line-height) * 1em);
|
||
left: calc(20px - 0.5em);
|
||
}
|
||
.prompt-results {
|
||
position: absolute;
|
||
top: calc(40px + 1em);
|
||
bottom: 0;
|
||
right: 20px;
|
||
left: 10px;
|
||
/* max-height: 90%; */
|
||
padding-top: 0;
|
||
}
|
||
|
||
.prompt .is-selected:before {
|
||
content: var(--selected);
|
||
position: absolute;
|
||
left: calc(-0.5em + 10px);
|
||
bottom: 4px;
|
||
}
|
||
.suggestion-container:not(.mod-search-suggestion) {
|
||
max-width: unset;
|
||
left: 0 !important;
|
||
width: 100%;
|
||
height: calc(var(--editor-line-height) * var(--the-font-size) * 24 + 2px);
|
||
border-radius: 0;
|
||
border-width: 1px 0 1px 0;
|
||
padding: 0 10px 0 10px;
|
||
margin-top: -5px;
|
||
box-shadow: none;
|
||
align-content: center;
|
||
}
|
||
.suggestion {
|
||
max-height: 100%;
|
||
}
|
||
.suggestion-item {
|
||
font-size: var(--the-font-size);
|
||
padding: 0 0 0 15px;
|
||
border-width: 0;
|
||
height: calc(var(--editor-line-height) * 1em);
|
||
line-height:1.2em;
|
||
}
|
||
.suggestion-item .suggestion-note {
|
||
/* display: none; */
|
||
text-align: right;
|
||
position: absolute;
|
||
bottom: 0;
|
||
right: 0;
|
||
font-size: var(--the-font-size);
|
||
}
|
||
/* Hide instructions */
|
||
.prompt-instructions {
|
||
display:none;
|
||
}/* Quick Explorer mods */
|
||
.titlebar {
|
||
height:30px !important;
|
||
}
|
||
.theme-dark
|
||
{
|
||
padding-top:30px !important;
|
||
}
|
||
.titlebar-inner #quick-explorer {
|
||
font-size:1px;
|
||
display:block-inline;
|
||
}
|
||
/* New QE dialog appr */
|
||
.qe-popup-menu {
|
||
max-height:50%;
|
||
display:flex;
|
||
flex-direction:column;
|
||
flex-wrap:nowrap;
|
||
align-items:center;
|
||
}
|
||
.qe-popup-menu+.qe-popup-menu
|
||
{
|
||
margin-left:30px;
|
||
}
|
||
.qe-popup-menu .menu-item {
|
||
min-height:20px;
|
||
height:50px;
|
||
flex-grow: 1;
|
||
padding-right:10px;
|
||
}
|
||
.qe-popup-menu .menu-item-icon
|
||
{
|
||
height:unset;
|
||
}
|
||
/* Specialized QE adjustments */
|
||
.qe-popup-menu .menu-item-icon
|
||
{
|
||
top:-1px;
|
||
}
|
||
.qe-file-count
|
||
{
|
||
font-size:100% !important;
|
||
color:white;
|
||
font-weight:500;
|
||
}
|
||
|
||
/* New QE buttons */
|
||
#quick-explorer
|
||
{
|
||
position:relative;
|
||
top:2px;
|
||
}
|
||
.mod-forward,
|
||
.mod-back {
|
||
height:30px;
|
||
}
|
||
.titlebar-inner #quick-explorer .explorable
|
||
{
|
||
font-family:"DejaVu Sans";
|
||
font-size:16px;
|
||
font-weight: 500;
|
||
color: #000000;
|
||
background: linear-gradient(0deg, rgba(176,176,176,1) 0%, rgba(153,153,153,1) 100%);
|
||
border:1px solid #393939;
|
||
padding: 3px;
|
||
padding-top:4px;
|
||
padding-bottom:2px;
|
||
border-radius: 4px;
|
||
text-rendering: optimizeSpeed;
|
||
}
|
||
.titlebar-inner #quick-explorer .explorable:hover
|
||
{
|
||
color:#000000;
|
||
background: linear-gradient(0deg, #BFBFBF 0%, #A8A8A8 100%);
|
||
}
|
||
.titlebar-inner #quick-explorer .explorable:active
|
||
{
|
||
color:#000000;
|
||
background: linear-gradient(0deg, #BFBFBF 0%, #A8A8A8 100%);
|
||
}
|
||
/* Quickadd accommodations */
|
||
|
||
.alignIconInDivInMiddle[style^=color] svg
|
||
{
|
||
color:yellow;
|
||
}/* NEW MODULE: Recent Files (community) */
|
||
|
||
.workspace-leaf-content[data-type=recent-files]
|
||
{
|
||
box-shadow:var(--border-sunken);
|
||
|
||
margin-right:6px;
|
||
padding:5px;
|
||
|
||
background-color:var(--background2);
|
||
}
|
||
|
||
.workspace-leaf-resize-handle {
|
||
width:var(--handleSize) !important;
|
||
position:absolute;
|
||
box-shadow: var(--border-raised);
|
||
box-sizing: border-box;
|
||
border-right:0px !important;
|
||
}
|
||
.workspace-leaf-resize-handle:hover {
|
||
background-color: var(--selectionAccentHover);
|
||
}
|
||
.workspace-tabs .workspace-leaf-resize-handle
|
||
{
|
||
position:absolute;
|
||
bottom:-40px;
|
||
width:100% !important;
|
||
height:var(--handleSize) !important;
|
||
flex-direction:column-reverse;
|
||
border-bottom:0px !important;
|
||
}
|
||
.workspace-tabs .workspace-leaf-resize-handle:hover {
|
||
background-color: var(--selectionAccentHover);
|
||
}
|
||
.mod-left-split .workspace-tabs
|
||
{
|
||
padding-right:var(--handleSize);
|
||
padding-bottom:var(--handleSize);
|
||
|
||
}
|
||
.mod-right-split .workspace-tabs
|
||
{
|
||
padding-left:var(--handleSize);
|
||
padding-bottom:var(--handleSize);
|
||
|
||
}
|
||
.mod-right-split .workspace-tabs:last-of-type,
|
||
.mod-left-split .workspace-tabs:last-of-type
|
||
{
|
||
padding-bottom:0;
|
||
}
|
||
.workspace-leaf:not(:last-of-type)
|
||
{
|
||
padding-right:var(--handleSize) !important;
|
||
}
|
||
.nav-files-container {
|
||
overflow-x: hidden;
|
||
}
|
||
/* Fixup note-in-sidebars */
|
||
.mod-right-split .mod-cm5,
|
||
.mod-left-split .mod-cm5 {
|
||
box-sizing: border-box;
|
||
|
||
padding:0;
|
||
|
||
background-color:var(--background2);
|
||
}
|
||
.mod-right-split .CodeMirror-foldgutter,
|
||
.mod-left-split .CodeMirror-foldgutter {
|
||
background-color:var(--background2) !important;
|
||
}
|
||
|
||
/* Ribbon buttons */
|
||
|
||
/* Yin & Yang */
|
||
.hider-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action, .workspace-ribbon.mod-left .side-dock-ribbon-action {
|
||
line-height: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 6px 6px;
|
||
margin-bottom: 5px;
|
||
box-shadow: var(--border-raised);
|
||
height: var(--heightRibbon);
|
||
}
|
||
.vertical-tab-nav-item {
|
||
padding: 2px 8px;
|
||
margin-left: 6px;
|
||
margin-right: 6px;
|
||
color: var(--fontCol);
|
||
border: none;
|
||
border-radius: 4px;
|
||
background: transparent;
|
||
cursor: pointer;
|
||
}/* Search */
|
||
|
||
.search-input {
|
||
display: block;
|
||
margin: 0 auto 10px auto;
|
||
width: calc(100% - 20px);
|
||
}
|
||
|
||
.search-result-container {
|
||
box-shadow: var(--border-sunken);
|
||
background-color: var(--background2);
|
||
}
|
||
.search-result-file-title {
|
||
font-size: var(--the-font-size);
|
||
font-weight: 700;
|
||
color: var(--fontCol);
|
||
}
|
||
.search-result-file-matches {
|
||
font-size: var(--the-font-size);
|
||
line-height: 1.2em;
|
||
color: var(--fontCol);
|
||
}
|
||
.search-result-file-matched-text {
|
||
background-color: #0561D1
|
||
}
|
||
.search-input-container {
|
||
margin: 6px;
|
||
}
|
||
.search-input-clear-button {
|
||
color: var(--fontCol);
|
||
}
|
||
.search-result-file-match {
|
||
font-size:12px;
|
||
line-height: 0.8rem;
|
||
}
|
||
.search-result {
|
||
word-break: break-word;
|
||
margin-bottom: -4px;
|
||
}
|
||
.search-result-file-matches
|
||
{
|
||
margin:0px;
|
||
margin-bottom:6px;
|
||
padding:0px;
|
||
border:0px;
|
||
}
|
||
.tree-item-icon.collapse-icon
|
||
{
|
||
padding: 0px 10px;
|
||
}
|
||
/* global search match highlight color */
|
||
.search-result-file-matched-text {
|
||
background-color: lightgrey;
|
||
}
|
||
|
||
/* Local search match highlight */
|
||
/* Local (= in note) search match highlight color change in Edit mode */
|
||
.cm-s-obsidian span.obsidian-search-match-highlight {
|
||
background-color: lightgrey; /* was fuchsia */
|
||
color: var(--background);
|
||
}
|
||
|
||
/* Local (= in note) search match highlight color change in Preview mode */
|
||
.markdown-preview-view .search-highlight > div {
|
||
background-color: darkgrey;
|
||
color: var(--background);
|
||
}
|
||
|
||
/* reduce global search result margin - Blue Topaz */
|
||
.search-result-file-match{
|
||
padding: 0px 0px;
|
||
margin:0px !important;
|
||
margin-bottom:4px !important;
|
||
}
|
||
|
||
.search-result-file-matched-text {
|
||
color: var(--background);
|
||
}
|
||
|
||
|
||
|
||
/* SETTINGS */
|
||
/* some borrowings from Terminal */
|
||
|
||
.modal.mod-settings,
|
||
.modal.mod-community-plugin,
|
||
.modal.mod-community-theme {
|
||
|
||
width: 50%;
|
||
height: 100%;
|
||
max-width: unset;
|
||
border-radius: 0;
|
||
float: left;
|
||
padding-top:10px;
|
||
right:25%;
|
||
opacity:0.15;
|
||
margin-left:90px;
|
||
min-width:800px;
|
||
}
|
||
.modal.mod-settings:hover,
|
||
.modal.mod-community-plugin:hover,
|
||
.modal.mod-community-theme:hover
|
||
{
|
||
opacity:0.9;
|
||
}
|
||
.modal.mod-settings .vertical-tab-header,
|
||
.modal.mod-settings .vertical-tab-content-container {
|
||
/* height: 100%; */
|
||
height: 100vh;
|
||
overflow: auto;
|
||
padding: 0;
|
||
}
|
||
.setting-item-name, .setting-item-description {
|
||
line-height:1.5em;
|
||
}
|
||
.setting-item-info .setting-item-name
|
||
{
|
||
font-weight:700;
|
||
font-size:var(--the-font-size);
|
||
}
|
||
|
||
.vertical-tab-header-group-title {
|
||
font-size: var(--the-font-size);
|
||
font-weight: 700;
|
||
-webkit-font-smoothing: none;
|
||
color: var(--fontCol);
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.03em;
|
||
padding: 6px 16px;
|
||
user-select: none;
|
||
}
|
||
.horizontal-tab-nav-item, .vertical-tab-nav-item {
|
||
/* background-color: var(--background-secondary-alt); */
|
||
padding: 0px;
|
||
cursor: default;
|
||
font-size: var(--the-font-size);
|
||
color: var(--fontCol);
|
||
}
|
||
.modal.mod-settings .vertical-tab-content-container {
|
||
padding: 2px 0px 4px 0;
|
||
margin-top:20px;
|
||
}
|
||
.setting-item {
|
||
padding: 0;
|
||
border-top: 1px groove #aaa;
|
||
}
|
||
.setting-item-name {
|
||
color: var(--fontCol);
|
||
font-size: 11px;
|
||
font-weight: 500;
|
||
}
|
||
.setting-item-description {
|
||
color: var(--fontCol);
|
||
font-size: 11px;
|
||
}
|
||
.setting-item-control button {
|
||
font-size: 11px;
|
||
padding: 6px 20px;
|
||
}
|
||
.modal-close-button {
|
||
display: none;
|
||
}
|
||
/* Flex boxxx */
|
||
.modal.mod-settings .vertical-tab-header,
|
||
.modal.mod-settings .vertical-tab-content-container {
|
||
display:block;
|
||
}
|
||
.vertical-tab-header
|
||
{
|
||
}
|
||
.vertical-tab-content-container
|
||
{
|
||
flex-shrink:1;
|
||
}.tag-pane-tag-count
|
||
{
|
||
background-color:var(--background);
|
||
color:var(--fontCol);
|
||
}
|
||
.tag-container
|
||
{
|
||
box-shadow: var(--border-sunken);
|
||
background-color: var(--background2);
|
||
margin-left:4px;
|
||
padding-top:3px;
|
||
}
|
||
.tag-pane-tag
|
||
{
|
||
padding:0;
|
||
border-style:none none solid none;
|
||
border-color: var(--bright);
|
||
border-width: 2px;
|
||
}.titlebar
|
||
{
|
||
background-color:#000;
|
||
}
|
||
|
||
.titlebar-button svg{
|
||
color:#fff;
|
||
}
|
||
.titlebar-button-container.mod-left{
|
||
/*left:15% !important;*/
|
||
margin-top:2px;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.titlebar-text
|
||
{
|
||
display:none;
|
||
}
|
||
.mod-forward {
|
||
width:200px;
|
||
box-shadow: var(--border-raised);
|
||
background-color: var(--background);
|
||
}
|
||
.mod-back {
|
||
width:200px;
|
||
box-shadow: var(--border-raised);
|
||
background-color: var(--background);
|
||
}
|
||
.mod-right
|
||
{
|
||
height:28px !important;
|
||
top:2px;
|
||
}
|
||
.mod-right::after
|
||
{
|
||
color:var(--fontCol);
|
||
}
|
||
.titlebar-button
|
||
{
|
||
height:30px !important;
|
||
}/* COMPONENT: FILE SELECTOR */
|
||
|
||
/* T */
|
||
/*
|
||
.alx-folder-note
|
||
{
|
||
display:none;
|
||
}
|
||
*/
|
||
.mod-root >.nav-folder-title>.nav-folder-title-content
|
||
{
|
||
font-size:20px;
|
||
line-height:24px;
|
||
}
|
||
.nav-files-container
|
||
{
|
||
background-color:black;
|
||
box-shadow: var(--border-sunken);
|
||
}
|
||
.nav-file
|
||
{
|
||
border:0px;
|
||
color:var(--fontCol);
|
||
}
|
||
.nav-folder-title,
|
||
.nav-file-title
|
||
{
|
||
line-height:14px;
|
||
padding-top:0;
|
||
border:0px;
|
||
color:inherit;
|
||
}
|
||
.nav-folder-title-content,
|
||
.nav-file-title-content
|
||
{
|
||
font-size:12px;
|
||
padding:0px;
|
||
border:0px;
|
||
color:inherit;
|
||
}
|
||
/*
|
||
.nav-folder-title
|
||
{
|
||
height:30px;
|
||
}
|
||
.nav-folder-title-content
|
||
{
|
||
font-size:20px;
|
||
margin:auto;
|
||
margin-left:0px;
|
||
}*/
|
||
.nav-file.has-focus
|
||
{
|
||
border:0px !important;
|
||
}
|
||
|
||
.nav-folder-collapse-indicator svg
|
||
{
|
||
color:var(--bright);
|
||
}
|
||
.is-collapsed svg
|
||
{
|
||
color:var(--intermediary);
|
||
}
|
||
.nav-file.has-focus,
|
||
.nav-file:hover,
|
||
.nav-folder .is-collapsed:hover
|
||
{
|
||
background-color:white !important;
|
||
color:black !important;
|
||
}
|
||
.nav-file:hover,
|
||
.nav-folder .is-collapsed:hover
|
||
{
|
||
text-decoration: underline;
|
||
}
|
||
.is-being-renamed
|
||
{
|
||
color:var(--fontCol) !important;
|
||
}
|
||
.nav-file-title.is-active,
|
||
.nav-file-title:hover,
|
||
.nav-folder-title.is-active,
|
||
.nav-folder-title:hover
|
||
{
|
||
box-shadow: -1px 1px white,-1px -1px white;
|
||
background-color:var(--fontCol) !important;
|
||
color:black !important;
|
||
}
|
||
.nav-folder-title.is-being-dragged,
|
||
.nav-file-title.is-being-dragged {
|
||
background-color: var(--selectionAccentActive) !important;
|
||
}
|
||
.nav-folder-title-content {
|
||
padding: 1px;
|
||
}
|
||
.nav-file-title:not(.nav-folder .nav-folder .nav-file-title)
|
||
{
|
||
padding-left:5px;
|
||
} |