BotanJS/botanjs/src/Astro/Blog/AstroEdit/Visualizer/_this.css
斟酌 鵬兄 b0ecbe42c3 Various bug fix due to CSP headers
SiteLibrary added name display on album view
Optimizations & removed some obsolete files
2022-04-09 20:47:11 +08:00

123 lines
2.3 KiB
CSS

.v_snippet_input {
width: 600px;
height: 350px;
}
.v_boundary {
cursor: default;
padding: 0.2em;
}
.v_box {
min-height: 3em;
overflow: hidden;
position: relative;
}
.v_caption, .v_description {
background: rgba(0, 0, 0, 0.8);
padding: 0.2em;
color: white;
width: 100%;
font-family: sans-serif;
font-size: 1em;
}
.v_caption {
position: relative;
}
.v_description {
position: absolute;
left: 0;
bottom: 0;
}
.v_caption_desc {
font-size: 60%;
}
.v_boundary:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.v_snippet_input_single {
width: 600px;
margin-bottom: 0.5em;
}
textarea.v_snippet_input {
font-family: site-mono;
font-size: 1em;
}
.v_instruction {
padding: 0.2em 0;
}
.v_trimmer {
overflow: hidden;
}
.v_select {
width: 100%;
background-color: #222;
font-size: 1em;
color: white;
background-image: none;
border: none;
box-shadow: none;
-webkit-appearance: none;
}
div[data-type="token"] {
background-color: #111;
color: #EEE;
padding: 0.25em 0.5em;
margin-right: 100%;
min-width: 8em;
display: inline-block;
position: relative;
}
div[data-type="token"]:hover {
background-color: #444;
}
div[data-type="token"]:after {
content: "Loading";
position: absolute;
color: rgba( 255, 255, 255, 0.2 );
right: 0;
bottom: 0;
}
div[data-type="token"]:hover:after {
color: rgba( 255, 255, 255, 0.5 );
}
#ae_visual_snippets > span[data-name="code"] { background: white; color: cornflowerblue; }
#ae_visual_snippets > span[data-name="image"] { background: #ff0084; }
#ae_visual_snippets > span[data-name="sound"] { background: YellowGreen; }
#ae_visual_snippets > span[data-name="video"] { background: Crimson; }
#ae_visual_snippets > span[data-name="spoiler"] { background: cornflowerblue; }
#ae_visual_snippets > span[data-name="link"] { background: blue; }
#ae_visual_snippets > span[data-name="acquirelib"] { background: black; }
#ae_visual_snippets > span[data-name="html"] { background: coral; }
#ae_visual_snippets > span[data-name="sitefile"] { background: royalblue; }
#ae_visual_snippets > span[data-name="heading"] { }
#ae_visual_snippets > span[data-name="footnote"] { }
#ae_visual_snippets > span[data-name="resph"] { }
#ae_visual_snippets > span[data-name="meta"] { }
#ae_visual_snippets > span[data-name="articlelink"] { }
#ae_visual_snippets > span[data-name="articlecontent"] { }