vault backup: 2025-12-10 11:37:35
This commit is contained in:
Thomas Peetz
@@ -0,0 +1,216 @@
|
||||
/*
|
||||
|
||||
This CSS file will be included with your plugin, and
|
||||
available in the app when your plugin is enabled.
|
||||
|
||||
If your plugin does not need CSS, delete this file.
|
||||
|
||||
*/
|
||||
/* External File Embed and Link Plugin Styles */
|
||||
|
||||
/* PDF Embed Styles */
|
||||
.external-embed-pdf-iframe {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.external-embed-pdf-iframe-custom-size {
|
||||
width: var(--iframe-width);
|
||||
height: var(--iframe-height);
|
||||
}
|
||||
|
||||
/* Embedded Image Styles */
|
||||
.external-embed-image {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Open File Button Styles */
|
||||
.external-embed-video-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.external-embed-open-button {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
padding: 2px 6px;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: 3px;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
.external-embed-video-container:hover .external-embed-open-button {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.external-embed-open-button:hover {
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
/* Audio Open Button Styles */
|
||||
.external-embed-audio-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.external-embed-audio-open-button {
|
||||
padding: 2px 6px;
|
||||
margin-right: 32px;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: 3px;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.external-embed-audio-open-button:hover {
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
/* Markdown Element Styles */
|
||||
.external-embed-markdown-element {
|
||||
border: 1px dashed var(--background-modifier-border);
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.external-embed-markdown-header {
|
||||
text-decoration: none;
|
||||
color: var(--text-normal);
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.external-embed-markdown-header:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Folder View Styles */
|
||||
.external-embed-folder-header {
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
text-decoration: none;
|
||||
color: var(--text-normal);
|
||||
cursor: pointer;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.external-embed-folder-header::before {
|
||||
content: "";
|
||||
background-color: var(--text-normal);
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6l-2-2H5a2 2 0 0 0-2 2z'%3E%3C/path%3E%3C/svg%3E");
|
||||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6l-2-2H5a2 2 0 0 0-2 2z'%3E%3C/path%3E%3C/svg%3E");
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 4px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.external-embed-folder-header:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.external-embed-folder-list {
|
||||
list-style-type: disc;
|
||||
padding-left: 20px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.external-embed-folder-list li {
|
||||
margin: 4px 0;
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
.external-embed-folder-list a {
|
||||
text-decoration: none;
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.external-embed-folder-list a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.external-embed-folder-error {
|
||||
color: var(--text-error);
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
/* Error Message Styles */
|
||||
.external-embed-error {
|
||||
color: var(--text-error);
|
||||
border: 1px dashed var(--background-modifier-border);
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
/* Settings Section Styles */
|
||||
.external-embed-sub-section {
|
||||
border-top: 1px dashed var(--background-modifier-border);
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.external-embed-sub-section .setting-item {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.external-embed-sub-section .setting-item-name {
|
||||
font-size: var(--font-ui-small);
|
||||
}
|
||||
|
||||
/* Modal Styles */
|
||||
.external-embed-modal-title {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.external-embed-modal-button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.external-embed-directory-button {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.external-embed-folder-link {
|
||||
font-weight: normal;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.external-embed-folder-link::before {
|
||||
content: "";
|
||||
background-color: var(--text-normal);
|
||||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6l-2-2H5a2 2 0 0 0-2 2z'%3E%3C/path%3E%3C/svg%3E");
|
||||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6l-2-2H5a2 2 0 0 0-2 2z'%3E%3C/path%3E%3C/svg%3E");
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 4px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.external-embed-file-link {
|
||||
font-weight: normal;
|
||||
}
|
||||
Reference in New Issue
Block a user