Initial commit
This commit is contained in:
commit
bf89ef6458
44 changed files with 99750 additions and 0 deletions
20
index.html
Normal file
20
index.html
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="color-scheme" content="light dark">
|
||||||
|
|
||||||
|
<title>AI Transparency</title>
|
||||||
|
<meta name="description" content="Ways to share chats with LLMs to provide AI transparency">
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<p>Welcome to my public website showcasing my experiments and explorations in using Large Language Models (LLMs) for generating code and providing insights! As a single developer, I've found that LLMs can be incredibly useful tools in my work, and I'm excited to share my experiences and findings with you.</p>
|
||||||
|
<p>Interested in learning more about how I use LLMs to generate code? Check out the archives of chats on this site, where you can explore examples of our conversations and see how LLMs can help streamline development processes. <a href="./personal/ai-transparency/acc815c5-452a-46a7-83ef-002e76a8a078.html" alt="Link to the chat to generate this text">And, as a fun bonus, you'll notice that even this message you're reading right now was written using AI – isn't that cool? 🤖</a></p>
|
||||||
|
<p>Thanks for stopping by, and I hope you enjoy exploring the site!</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
||||||
|
.tabs.svelte-1vx7r9s::-webkit-scrollbar{display:none}.tabs.svelte-1vx7r9s{-ms-overflow-style:none;scrollbar-width:none}@keyframes svelte-19023qi-l{to{-webkit-clip-path:inset(0 -1ch 0 0);clip-path:inset(0 -1ch 0 0)}}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1 @@
|
||||||
|
div.svelte-11kvm4p{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #61d345);position:relative;transform:rotate(45deg);animation:svelte-11kvm4p-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-11kvm4p:after{content:"";box-sizing:border-box;animation:svelte-11kvm4p-checkmarkAnimation .2s ease-out forwards;opacity:0;animation-delay:.2s;position:absolute;border-right:2px solid;border-bottom:2px solid;border-color:var(--secondary, #fff);bottom:6px;left:6px;height:10px;width:6px}@keyframes svelte-11kvm4p-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-11kvm4p-checkmarkAnimation{0%{height:0;width:0;opacity:0}40%{height:0;width:6px;opacity:1}to{opacity:1;height:10px}}div.svelte-1ee93ns{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #ff4b4b);position:relative;transform:rotate(45deg);animation:svelte-1ee93ns-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-1ee93ns:after,div.svelte-1ee93ns:before{content:"";animation:svelte-1ee93ns-firstLineAnimation .15s ease-out forwards;animation-delay:.15s;position:absolute;border-radius:3px;opacity:0;background:var(--secondary, #fff);bottom:9px;left:4px;height:2px;width:12px}div.svelte-1ee93ns:before{animation:svelte-1ee93ns-secondLineAnimation .15s ease-out forwards;animation-delay:.18s;transform:rotate(90deg)}@keyframes svelte-1ee93ns-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-1ee93ns-firstLineAnimation{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes svelte-1ee93ns-secondLineAnimation{0%{transform:scale(0) rotate(90deg);opacity:0}to{transform:scale(1) rotate(90deg);opacity:1}}div.svelte-1j7dflg{width:12px;height:12px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--secondary, #e0e0e0);border-right-color:var(--primary, #616161);animation:svelte-1j7dflg-rotate 1s linear infinite}@keyframes svelte-1j7dflg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.indicator.svelte-1kgeier{position:relative;display:flex;justify-content:center;align-items:center;min-width:20px;min-height:20px}.status.svelte-1kgeier{position:absolute}.animated.svelte-1kgeier{position:relative;transform:scale(.6);opacity:.4;min-width:20px;animation:svelte-1kgeier-enter .3s .12s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes svelte-1kgeier-enter{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}.message.svelte-1nauejd{display:flex;justify-content:center;margin:4px 10px;color:inherit;flex:1 1 auto;white-space:pre-line}@keyframes svelte-ug60r4-enterAnimation{0%{transform:translate3d(0,calc(var(--factor) * -200%),0) scale(.6);opacity:.5}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes svelte-ug60r4-exitAnimation{0%{transform:translateZ(-1px) scale(1);opacity:1}to{transform:translate3d(0,calc(var(--factor) * -150%),-1px) scale(.6);opacity:0}}@keyframes svelte-ug60r4-fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes svelte-ug60r4-fadeOutAnimation{0%{opacity:1}to{opacity:0}}.base.svelte-ug60r4{display:flex;align-items:center;background:#fff;color:#363636;line-height:1.3;will-change:transform;box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;max-width:350px;pointer-events:auto;padding:8px 10px;border-radius:8px}.transparent.svelte-ug60r4{opacity:0}.enter.svelte-ug60r4{animation:svelte-ug60r4-enterAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.exit.svelte-ug60r4{animation:svelte-ug60r4-exitAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.fadeIn.svelte-ug60r4{animation:svelte-ug60r4-fadeInAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.fadeOut.svelte-ug60r4{animation:svelte-ug60r4-fadeOutAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.wrapper.svelte-v01oml{left:0;right:0;display:flex;position:absolute;transform:translateY(calc(var(--offset, 16px) * var(--factor) * 1px))}.transition.svelte-v01oml{transition:all .23s cubic-bezier(.21,1.02,.73,1)}.active.svelte-v01oml{z-index:9999}.active.svelte-v01oml>*{pointer-events:auto}.toaster.svelte-1phplh9{--default-offset:16px;position:fixed;z-index:9999;top:var(--default-offset);left:var(--default-offset);right:var(--default-offset);bottom:var(--default-offset);pointer-events:none}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="TridactylOwnNamespace TridactylThemeDefault"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Tridactyl commandline</title>
|
||||||
|
<link rel="stylesheet" href="commandline_data/cleanslate.css">
|
||||||
|
<link rel="stylesheet" href="commandline_data/commandline.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="completions"></div>
|
||||||
|
<div id="command-line-holder"><span id="tridactyl-colon"></span><input id="tridactyl-input"></div>
|
||||||
|
<script src="commandline_data/commandline_frame.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body></html>
|
||||||
|
|
@ -0,0 +1,449 @@
|
||||||
|
/*!
|
||||||
|
* CleanSlate
|
||||||
|
* github.com/premasagar/cleanslate
|
||||||
|
*
|
||||||
|
*//*
|
||||||
|
An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
|
||||||
|
|
||||||
|
by Premasagar Rose
|
||||||
|
dharmafly.com
|
||||||
|
|
||||||
|
license
|
||||||
|
opensource.org/licenses/mit-license.php
|
||||||
|
|
||||||
|
**
|
||||||
|
|
||||||
|
v0.9.3
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* == BLANKET RESET RULES == */
|
||||||
|
|
||||||
|
/* HTML 4.01 */
|
||||||
|
.cleanslate, .cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6, .cleanslate p, .cleanslate td, .cleanslate dl, .cleanslate tr, .cleanslate dt, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate table, .cleanslate th, .cleanslate tbody, .cleanslate tfoot, .cleanslate caption, .cleanslate thead, .cleanslate ul, .cleanslate li, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate li, .cleanslate iframe, .cleanslate strong, .cleanslate legend, .cleanslate em, .cleanslate summary, .cleanslate cite, .cleanslate span, .cleanslate input, .cleanslate sup, .cleanslate label, .cleanslate dfn, .cleanslate object, .cleanslate big, .cleanslate q, .cleanslate samp, .cleanslate acronym, .cleanslate small, .cleanslate img, .cleanslate strike, .cleanslate code, .cleanslate sub, .cleanslate ins, .cleanslate textarea, .cleanslate button, .cleanslate var, .cleanslate a, .cleanslate abbr, .cleanslate applet, .cleanslate del, .cleanslate kbd, .cleanslate tt, .cleanslate b, .cleanslate i, .cleanslate hr,
|
||||||
|
|
||||||
|
/* HTML5 - Sept 2013 taken from MDN https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list */
|
||||||
|
.cleanslate article, .cleanslate aside, .cleanslate figure, .cleanslate figcaption, .cleanslate footer, .cleanslate header, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate time, .cleanslate mark, .cleanslate audio, .cleanslate video, .cleanslate abbr, .cleanslate address, .cleanslate area, .cleanslate blockquote, .cleanslate canvas, .cleanslate caption, .cleanslate cite, .cleanslate code, .cleanslate colgroup, .cleanslate col, .cleanslate datalist, .cleanslate fieldset, .cleanslate main, .cleanslate map, .cleanslate meta, .cleanslate optgroup, .cleanslate output, .cleanslate progress {
|
||||||
|
background-attachment:scroll !important;
|
||||||
|
background-color:transparent !important;
|
||||||
|
background-image:none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
|
||||||
|
background-position:0 0 !important;
|
||||||
|
background-repeat:repeat !important;
|
||||||
|
border-color:black !important;
|
||||||
|
border-color:currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
|
||||||
|
border-radius:0 !important;
|
||||||
|
border-style:none !important;
|
||||||
|
border-width:medium !important;
|
||||||
|
bottom:auto !important;
|
||||||
|
clear:none !important;
|
||||||
|
clip:auto !important;
|
||||||
|
color:inherit !important;
|
||||||
|
counter-increment:none !important;
|
||||||
|
counter-reset:none !important;
|
||||||
|
cursor:auto !important;
|
||||||
|
direction:inherit !important;
|
||||||
|
display:inline !important;
|
||||||
|
float:none !important;
|
||||||
|
font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */
|
||||||
|
font-size: inherit !important;
|
||||||
|
font-style:inherit !important;
|
||||||
|
font-variant:normal !important;
|
||||||
|
font-weight:inherit !important;
|
||||||
|
height:auto !important;
|
||||||
|
left:auto !important;
|
||||||
|
letter-spacing:normal !important;
|
||||||
|
line-height:inherit !important;
|
||||||
|
list-style-type: inherit !important; /* Could set list-style-type to none */
|
||||||
|
list-style-position: outside !important;
|
||||||
|
list-style-image: none !important;
|
||||||
|
margin:0 !important;
|
||||||
|
max-height:none !important;
|
||||||
|
max-width:none !important;
|
||||||
|
min-height:0 !important;
|
||||||
|
min-width:0 !important;
|
||||||
|
opacity:1;
|
||||||
|
outline:invert none medium !important;
|
||||||
|
overflow:visible !important;
|
||||||
|
padding:0 !important;
|
||||||
|
position:static !important;
|
||||||
|
quotes: "" "" !important;
|
||||||
|
right:auto !important;
|
||||||
|
table-layout:auto !important;
|
||||||
|
text-align:inherit !important;
|
||||||
|
text-decoration:inherit !important;
|
||||||
|
text-indent:0 !important;
|
||||||
|
text-transform:none !important;
|
||||||
|
top:auto !important;
|
||||||
|
unicode-bidi:normal !important;
|
||||||
|
vertical-align:baseline !important;
|
||||||
|
visibility:inherit !important;
|
||||||
|
white-space:normal !important;
|
||||||
|
width:auto !important;
|
||||||
|
word-spacing:normal !important;
|
||||||
|
z-index:auto !important;
|
||||||
|
|
||||||
|
/* CSS3 */
|
||||||
|
/* Including all prefixes according to http://caniuse.com/ */
|
||||||
|
/* CSS Animations don't cascade, so don't require resetting */
|
||||||
|
-webkit-background-origin: padding-box !important;
|
||||||
|
background-origin: padding-box !important;
|
||||||
|
-webkit-background-clip: border-box !important;
|
||||||
|
background-clip: border-box !important;
|
||||||
|
-webkit-background-size: auto !important;
|
||||||
|
-moz-background-size: auto !important;
|
||||||
|
background-size: auto !important;
|
||||||
|
-webkit-border-image: none !important;
|
||||||
|
-moz-border-image: none !important;
|
||||||
|
-o-border-image: none !important;
|
||||||
|
border-image: none !important;
|
||||||
|
-webkit-border-radius:0 !important;
|
||||||
|
-moz-border-radius:0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
-webkit-box-shadow: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
-webkit-box-sizing: content-box !important;
|
||||||
|
-moz-box-sizing: content-box !important;
|
||||||
|
box-sizing: content-box !important;
|
||||||
|
-webkit-column-count: auto !important;
|
||||||
|
-moz-column-count: auto !important;
|
||||||
|
column-count: auto !important;
|
||||||
|
-webkit-column-gap: normal !important;
|
||||||
|
-moz-column-gap: normal !important;
|
||||||
|
column-gap: normal !important;
|
||||||
|
-webkit-column-rule: medium none black !important;
|
||||||
|
-moz-column-rule: medium none black !important;
|
||||||
|
column-rule: medium none black !important;
|
||||||
|
-webkit-column-span: 1 !important;
|
||||||
|
-moz-column-span: 1 !important; /* doesn't exist yet but probably will */
|
||||||
|
column-span: 1 !important;
|
||||||
|
-webkit-column-width: auto !important;
|
||||||
|
-moz-column-width: auto !important;
|
||||||
|
column-width: auto !important;
|
||||||
|
font-feature-settings: normal !important;
|
||||||
|
overflow-x: visible !important;
|
||||||
|
overflow-y: visible !important;
|
||||||
|
-webkit-hyphens: manual !important;
|
||||||
|
-moz-hyphens: manual !important;
|
||||||
|
hyphens: manual !important;
|
||||||
|
-webkit-perspective: none !important;
|
||||||
|
-moz-perspective: none !important;
|
||||||
|
-ms-perspective: none !important;
|
||||||
|
-o-perspective: none !important;
|
||||||
|
perspective: none !important;
|
||||||
|
-webkit-perspective-origin: 50% 50% !important;
|
||||||
|
-moz-perspective-origin: 50% 50% !important;
|
||||||
|
-ms-perspective-origin: 50% 50% !important;
|
||||||
|
-o-perspective-origin: 50% 50% !important;
|
||||||
|
perspective-origin: 50% 50% !important;
|
||||||
|
-webkit-backface-visibility: visible !important;
|
||||||
|
-moz-backface-visibility: visible !important;
|
||||||
|
-ms-backface-visibility: visible !important;
|
||||||
|
-o-backface-visibility: visible !important;
|
||||||
|
backface-visibility: visible !important;
|
||||||
|
text-shadow: none !important;
|
||||||
|
-webkit-transition: all 0s ease 0s !important;
|
||||||
|
transition: all 0s ease 0s !important;
|
||||||
|
-webkit-transform: none !important;
|
||||||
|
-moz-transform: none !important;
|
||||||
|
-ms-transform: none !important;
|
||||||
|
-o-transform: none !important;
|
||||||
|
transform: none !important;
|
||||||
|
-webkit-transform-origin: 50% 50% !important;
|
||||||
|
-moz-transform-origin: 50% 50% !important;
|
||||||
|
-ms-transform-origin: 50% 50% !important;
|
||||||
|
-o-transform-origin: 50% 50% !important;
|
||||||
|
transform-origin: 50% 50% !important;
|
||||||
|
-webkit-transform-style: flat !important;
|
||||||
|
-moz-transform-style: flat !important;
|
||||||
|
-ms-transform-style: flat !important;
|
||||||
|
-o-transform-style: flat !important;
|
||||||
|
transform-style: flat !important;
|
||||||
|
word-break: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* == BLOCK-LEVEL == */
|
||||||
|
/* Actually, some of these should be inline-block and other values, but block works fine (TODO: rigorously verify this) */
|
||||||
|
/* HTML 4.01 */
|
||||||
|
.cleanslate, .cleanslate h3, .cleanslate h5, .cleanslate p, .cleanslate h1, .cleanslate dl, .cleanslate dt, .cleanslate h6, .cleanslate ol, .cleanslate form, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate h2, .cleanslate caption, .cleanslate h4, .cleanslate ul, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate hr,
|
||||||
|
|
||||||
|
/* HTML5 new elements */
|
||||||
|
.cleanslate article, .cleanslate dialog, .cleanslate figure, .cleanslate footer, .cleanslate header, .cleanslate hgroup, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate audio, .cleanslate video, .cleanslate address, .cleanslate blockquote, .cleanslate colgroup, .cleanslate main, .cleanslate progress, .cleanslate summary {
|
||||||
|
display:block !important;
|
||||||
|
}
|
||||||
|
.cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6 {
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
.cleanslate h1 {
|
||||||
|
font-size: 2em !important;
|
||||||
|
padding: .67em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate h2 {
|
||||||
|
font-size: 1.5em !important;
|
||||||
|
padding: .83em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate h3 {
|
||||||
|
font-size: 1.17em !important;
|
||||||
|
padding: .83em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate h4 {
|
||||||
|
font-size: 1em !important;
|
||||||
|
}
|
||||||
|
.cleanslate h5 {
|
||||||
|
font-size: .83em !important;
|
||||||
|
}
|
||||||
|
.cleanslate p {
|
||||||
|
margin: 1em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate table {
|
||||||
|
display: table !important;
|
||||||
|
}
|
||||||
|
.cleanslate thead {
|
||||||
|
display: table-header-group !important;
|
||||||
|
}
|
||||||
|
.cleanslate tbody {
|
||||||
|
display: table-row-group !important;
|
||||||
|
}
|
||||||
|
.cleanslate tfoot {
|
||||||
|
display: table-footer-group !important;
|
||||||
|
}
|
||||||
|
.cleanslate tr {
|
||||||
|
display: table-row !important;
|
||||||
|
}
|
||||||
|
.cleanslate th, .cleanslate td {
|
||||||
|
display: table-cell !important;
|
||||||
|
padding: 2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* == SPECIFIC ELEMENTS == */
|
||||||
|
/* Some of these are browser defaults; some are just useful resets */
|
||||||
|
.cleanslate ol, .cleanslate ul {
|
||||||
|
margin: 1em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate ul li, .cleanslate ul ul li, .cleanslate ul ul ul li, .cleanslate ol li, .cleanslate ol ol li, .cleanslate ol ol ol li, .cleanslate ul ol ol li, .cleanslate ul ul ol li, .cleanslate ol ul ul li, .cleanslate ol ol ul li {
|
||||||
|
list-style-position: inside !important;
|
||||||
|
margin-top: .08em !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol ol, .cleanslate ol ol ol, .cleanslate ul ul, .cleanslate ul ul ul, .cleanslate ol ul, .cleanslate ol ul ul, .cleanslate ol ol ul, .cleanslate ul ol, .cleanslate ul ol ol, .cleanslate ul ul ol {
|
||||||
|
padding-left: 40px !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
/* helper for general navigation */
|
||||||
|
.cleanslate nav ul, .cleanslate nav ol {
|
||||||
|
list-style-type:none !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
.cleanslate ul, .cleanslate menu {
|
||||||
|
list-style-type:disc !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol {
|
||||||
|
list-style-type:decimal !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol ul, .cleanslate ul ul, .cleanslate menu ul, .cleanslate ol menu, .cleanslate ul menu, .cleanslate menu menu {
|
||||||
|
list-style-type:circle !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol ol ul, .cleanslate ol ul ul, .cleanslate ol menu ul, .cleanslate ol ol menu, .cleanslate ol ul menu, .cleanslate ol menu menu, .cleanslate ul ol ul, .cleanslate ul ul ul, .cleanslate ul menu ul, .cleanslate ul ol menu, .cleanslate ul ul menu, .cleanslate ul menu menu, .cleanslate menu ol ul, .cleanslate menu ul ul, .cleanslate menu menu ul, .cleanslate menu ol menu, .cleanslate menu ul menu, .cleanslate menu menu menu {
|
||||||
|
list-style-type:square !important;
|
||||||
|
}
|
||||||
|
.cleanslate li {
|
||||||
|
display:list-item !important;
|
||||||
|
/* Fixes IE7 issue with positioning of nested bullets */
|
||||||
|
min-height:auto !important;
|
||||||
|
min-width:auto !important;
|
||||||
|
padding-left: 20px !important; /* replace -webkit-padding-start: 40px; */
|
||||||
|
}
|
||||||
|
.cleanslate strong {
|
||||||
|
font-weight:bold !important;
|
||||||
|
}
|
||||||
|
.cleanslate em {
|
||||||
|
font-style:italic !important;
|
||||||
|
}
|
||||||
|
.cleanslate kbd, .cleanslate samp, .cleanslate code {
|
||||||
|
font-family:monospace !important;
|
||||||
|
}
|
||||||
|
.cleanslate a {
|
||||||
|
color: blue !important;
|
||||||
|
text-decoration: underline !important;s
|
||||||
|
}
|
||||||
|
.cleanslate a:visited {
|
||||||
|
color: #529 !important;
|
||||||
|
}
|
||||||
|
.cleanslate a, .cleanslate a *, .cleanslate input[type=submit], .cleanslate input[type=radio], .cleanslate input[type=checkbox], .cleanslate select {
|
||||||
|
cursor:pointer !important;
|
||||||
|
}
|
||||||
|
.cleanslate button, .cleanslate input[type=submit] {
|
||||||
|
text-align: center !important;
|
||||||
|
padding: 2px 6px 3px !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
text-decoration: none !important;
|
||||||
|
font-family: arial, helvetica, sans-serif !important;
|
||||||
|
font-size: small !important;
|
||||||
|
background: white !important;
|
||||||
|
-webkit-appearance: push-button !important;
|
||||||
|
color: buttontext !important;
|
||||||
|
border: 1px #a6a6a6 solid !important;
|
||||||
|
background: lightgrey !important; /* Old browsers */
|
||||||
|
background: rgb(255,255,255); /* Old browsers */
|
||||||
|
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%, rgba(209,209,209,1) 100%, rgba(221,221,221,1) 100%) !important; /* FF3.6+ */
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1)), color-stop(100%,rgba(209,209,209,1)), color-stop(100%,rgba(221,221,221,1))) !important; /* Chrome,Safari4+ */
|
||||||
|
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* W3C */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ) !important; /* IE6-9 */
|
||||||
|
-webkit-box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
-moz-box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
-o-box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
outline: initial !important;
|
||||||
|
}
|
||||||
|
.cleanslate button {
|
||||||
|
padding: 1px 6px 2px 6px !important;
|
||||||
|
margin-right: 5px !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=hidden] {
|
||||||
|
display:none !important;
|
||||||
|
}
|
||||||
|
/* restore form defaults */
|
||||||
|
.cleanslate textarea {
|
||||||
|
-webkit-appearance: textarea !important;
|
||||||
|
background: white !important;
|
||||||
|
padding: 2px !important;
|
||||||
|
margin-left: 4px !important;
|
||||||
|
word-wrap: break-word !important;
|
||||||
|
white-space: pre-wrap !important;
|
||||||
|
font-size: 11px !important;
|
||||||
|
font-family: arial, helvetica, sans-serif !important;
|
||||||
|
line-height: 13px !important;
|
||||||
|
resize: both !important;
|
||||||
|
}
|
||||||
|
.cleanslate select, .cleanslate textarea, .cleanslate input {
|
||||||
|
border:1px solid #ccc !important;
|
||||||
|
}
|
||||||
|
.cleanslate select {
|
||||||
|
font-size: 11px !important;
|
||||||
|
font-family: helvetica, arial, sans-serif !important;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.cleanslate textarea:focus, .cleanslate input:focus {
|
||||||
|
outline: auto 5px -webkit-focus-ring-color !important;
|
||||||
|
outline: initial !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=text] {
|
||||||
|
background: white !important;
|
||||||
|
padding: 1px !important;
|
||||||
|
font-family: initial !important;
|
||||||
|
font-size: small !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=checkbox], .cleanslate input[type=radio] {
|
||||||
|
border: 1px #2b2b2b solid !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=checkbox], .cleanslate input[type=radio] {
|
||||||
|
outline: intial !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=radio] {
|
||||||
|
margin: 2px 2px 3px 2px !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=submit]:active, .cleanslate button:active {
|
||||||
|
background: rgb(59,103,158) !important; /* Old browsers */
|
||||||
|
background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%) !important; /* FF3.6+ */
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))) !important; /* Chrome,Safari4+ */
|
||||||
|
background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* W3C */
|
||||||
|
border-color: #5259b0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate abbr[title], .cleanslate acronym[title], .cleanslate dfn[title] {
|
||||||
|
cursor:help !important;
|
||||||
|
border-bottom-width:1px !important;
|
||||||
|
border-bottom-style:dotted !important;
|
||||||
|
}
|
||||||
|
.cleanslate ins {
|
||||||
|
background-color:#ff9 !important;
|
||||||
|
color:black !important;
|
||||||
|
}
|
||||||
|
.cleanslate del {
|
||||||
|
text-decoration: line-through !important;
|
||||||
|
}
|
||||||
|
.cleanslate blockquote, .cleanslate q {
|
||||||
|
quotes:none !important; /* HTML5 */
|
||||||
|
}
|
||||||
|
.cleanslate blockquote:before, .cleanslate blockquote:after, .cleanslate q:before, .cleanslate q:after, .cleanslate li:before, .cleanslate li:after {
|
||||||
|
content:"" !important;
|
||||||
|
}
|
||||||
|
.cleanslate input, .cleanslate select {
|
||||||
|
vertical-align:middle !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cleanslate table {
|
||||||
|
border-collapse:collapse !important;
|
||||||
|
border-spacing:0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate hr {
|
||||||
|
display:block !important;
|
||||||
|
height:1px !important;
|
||||||
|
border:0 !important;
|
||||||
|
border-top:1px solid #ccc !important;
|
||||||
|
margin:1em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate *[dir=rtl] {
|
||||||
|
direction: rtl !important;
|
||||||
|
}
|
||||||
|
.cleanslate mark {
|
||||||
|
background-color:#ff9 !important;
|
||||||
|
color:black !important;
|
||||||
|
font-style:italic !important;
|
||||||
|
font-weight:bold !important;
|
||||||
|
}
|
||||||
|
.cleanslate menu {
|
||||||
|
padding-left: 40px !important;
|
||||||
|
padding-top: 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* additional helpers */
|
||||||
|
.cleanslate [hidden],
|
||||||
|
.cleanslate template {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.cleanslate abbr[title] {
|
||||||
|
border-bottom: 1px dotted !important;
|
||||||
|
}
|
||||||
|
.cleanslate sub, .cleanslate sup {
|
||||||
|
font-size: 75% !important;
|
||||||
|
line-height: 0 !important;
|
||||||
|
position: relative !important;
|
||||||
|
vertical-align: baseline !important;
|
||||||
|
}
|
||||||
|
.cleanslate sup {
|
||||||
|
top: -0.5em !important;
|
||||||
|
}
|
||||||
|
.cleanslate sub {
|
||||||
|
bottom: -0.25em !important;
|
||||||
|
}
|
||||||
|
.cleanslate img {
|
||||||
|
border: 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate figure {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate textarea {
|
||||||
|
overflow: auto !important;
|
||||||
|
vertical-align: top !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* == ROOT CONTAINER ELEMENT == */
|
||||||
|
/* This contains default values for child elements to inherit */
|
||||||
|
.cleanslate {
|
||||||
|
font-size: medium !important;
|
||||||
|
line-height: 1 !important;
|
||||||
|
direction:ltr !important;
|
||||||
|
text-align: left !important; /* for IE, Opera */
|
||||||
|
text-align: start !important; /* recommended W3C Spec */
|
||||||
|
font-family: "Times New Roman", Times, serif !important; /* Override this with whatever font-family is required */
|
||||||
|
color: black !important;
|
||||||
|
font-style:normal !important;
|
||||||
|
font-weight:normal !important;
|
||||||
|
text-decoration:none !important;
|
||||||
|
list-style-type:disc !important;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,299 @@
|
||||||
|
@import url("../themes/auto/auto.css");
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
/* CSS is pants. Move the bar down a tiny bit to cover up the gap. */
|
||||||
|
top: 1px;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
#command-line-holder {
|
||||||
|
background: var(--tridactyl-cmdl-bg);
|
||||||
|
color: var(--tridactyl-cmdl-fg);
|
||||||
|
font-family: var(--tridactyl-cmdl-font-family);
|
||||||
|
font-size: 9pt;
|
||||||
|
/* reduce the padding added by the colon so that the command line shows up roughly where it used to be */
|
||||||
|
padding-left: 0.125ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 97%;
|
||||||
|
font-family: var(--tridactyl-cmdl-font-family);
|
||||||
|
font-size: var(--tridactyl-cmdl-font-size);
|
||||||
|
line-height: var(--tridactyl-cmdl-line-height);
|
||||||
|
color: var(--tridactyl-cmdl-fg);
|
||||||
|
background: var(--tridactyl-cmdl-bg);
|
||||||
|
border: unset;
|
||||||
|
/* reduce the padding from the colon */
|
||||||
|
/* margin-left: -0.25ex; */
|
||||||
|
/* we currently have a border from the completions */
|
||||||
|
/* border-top: solid 1px lightgray; */
|
||||||
|
}
|
||||||
|
|
||||||
|
input:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tridactyl-colon::before {
|
||||||
|
content: ":";
|
||||||
|
}
|
||||||
|
|
||||||
|
/* COMPLETIONS */
|
||||||
|
|
||||||
|
#completions {
|
||||||
|
--option-height: var(--tridactyl-cmplt-option-height);
|
||||||
|
color: var(--tridactyl-cmplt-fg);
|
||||||
|
background: var(--tridactyl-cmplt-bg);
|
||||||
|
display: inline-block;
|
||||||
|
font-size: var(--tridactyl-cmplt-font-size);
|
||||||
|
font-family: var(--tridactyl-cmplt-font-family);
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
border-top: var(--tridactyl-cmplt-border-top);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Olie doesn't know how CSS inheritance works */
|
||||||
|
#completions > div {
|
||||||
|
max-height: calc(20 * var(--option-height));
|
||||||
|
min-height: calc(10 * var(--option-height));
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions > div > table {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 9pt;
|
||||||
|
border-spacing: 0;
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions table tr td.prefix {
|
||||||
|
width: 3.2em;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#completions table tr td.container,
|
||||||
|
#completions table tr td.icon,
|
||||||
|
#completions table tr td.privatewindow {
|
||||||
|
width: 1.5em;
|
||||||
|
}
|
||||||
|
#completions table tr td.tabcount {
|
||||||
|
width: 6em;
|
||||||
|
}
|
||||||
|
#completions table tr td.tgroup {
|
||||||
|
width: 10em;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
#completions table tr td.tgroup:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
/* #completions table tr td:nth-of-type(3) { width: 5em; } */
|
||||||
|
#completions table tr td.content {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Accroding to src/completions/TabHistory.ts formatTimeSpan,
|
||||||
|
* max-width should be 14 characters (14ex), 20ex for more tolorance. */
|
||||||
|
#completions table tr td.time {
|
||||||
|
width: 20ex;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 2ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions table tr {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions table tr td {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions img {
|
||||||
|
display: inline;
|
||||||
|
vertical-align: middle;
|
||||||
|
height: 1em;
|
||||||
|
width: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .sectionHeader {
|
||||||
|
background: linear-gradient(
|
||||||
|
var(--tridactyl-header-first-bg),
|
||||||
|
var(--tridactyl-header-second-bg),
|
||||||
|
var(--tridactyl-header-third-bg)
|
||||||
|
);
|
||||||
|
font-size: var(--tridactyl-header-font-size);
|
||||||
|
font-weight: var(--tridactyl-header-font-weight);
|
||||||
|
border-bottom: var(--tridactyl-header-border-bottom);
|
||||||
|
padding-left: 0.5ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .sectionHeader,
|
||||||
|
#completions .option {
|
||||||
|
height: var(--option-height);
|
||||||
|
line-height: var(--option-height);
|
||||||
|
}
|
||||||
|
|
||||||
|
.url {
|
||||||
|
text-decoration: var(--tridactyl-url-text-decoration);
|
||||||
|
}
|
||||||
|
|
||||||
|
.option:not(.focused) .url {
|
||||||
|
color: var(--tridactyl-url-fg);
|
||||||
|
background: var(--tridactyl-url-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.url:hover {
|
||||||
|
cursor: var(--tridactyl-url-cursor);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide the URLs if the screen is small */
|
||||||
|
@media all and (max-width: 500px) {
|
||||||
|
.url {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.FindCompletionOption .match {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pick the .url out especially because otherwise its link styles dominate. */
|
||||||
|
.focused,
|
||||||
|
.focused .url {
|
||||||
|
color: var(--tridactyl-of-fg);
|
||||||
|
background: var(--tridactyl-of-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.option.incognito .privatewindow {
|
||||||
|
background-image: var(--tridactyl-private-window-icon-url);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Still completions, but container-related stuff */
|
||||||
|
.option .container {
|
||||||
|
mask-size: 1em;
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
mask-position: center;
|
||||||
|
}
|
||||||
|
.option .privatewindow {
|
||||||
|
background-size: 1em;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
.option.container_blue .container {
|
||||||
|
background-color: var(--tridactyl-container-color-blue);
|
||||||
|
}
|
||||||
|
.option.container_turquoise .container {
|
||||||
|
background-color: var(--tridactyl-container-color-turquoise);
|
||||||
|
}
|
||||||
|
.option.container_green .container {
|
||||||
|
background-color: var(--tridactyl-container-color-green);
|
||||||
|
}
|
||||||
|
.option.container_yellow .container {
|
||||||
|
background-color: var(--tridactyl-container-color-yellow);
|
||||||
|
}
|
||||||
|
.option.container_orange .container {
|
||||||
|
background-color: var(--tridactyl-container-color-orange);
|
||||||
|
}
|
||||||
|
.option.container_red .container {
|
||||||
|
background-color: var(--tridactyl-container-color-red);
|
||||||
|
}
|
||||||
|
.option.container_pink .container {
|
||||||
|
background-color: var(--tridactyl-container-color-pink);
|
||||||
|
}
|
||||||
|
.option.container_purple .container {
|
||||||
|
background-color: var(--tridactyl-container-color-purple);
|
||||||
|
}
|
||||||
|
.option.container_fingerprint .container {
|
||||||
|
mask-image: var(--tridactyl-container-fingerprint-url);
|
||||||
|
}
|
||||||
|
.option.container_briefcase .container {
|
||||||
|
mask-image: var(--tridactyl-container-briefcase-url);
|
||||||
|
}
|
||||||
|
.option.container_dollar .container {
|
||||||
|
mask-image: var(--tridactyl-container-dollar-url);
|
||||||
|
}
|
||||||
|
.option.container_cart .container {
|
||||||
|
mask-image: var(--tridactyl-container-cart-url);
|
||||||
|
}
|
||||||
|
.option.container_circle .container {
|
||||||
|
mask-image: var(--tridactyl-container-circle-url);
|
||||||
|
}
|
||||||
|
.option.container_gift .container {
|
||||||
|
mask-image: var(--tridactyl-container-gift-url);
|
||||||
|
}
|
||||||
|
.option.container_vacation .container {
|
||||||
|
mask-image: var(--tridactyl-container-vacation-url);
|
||||||
|
}
|
||||||
|
.option.container_food .container {
|
||||||
|
mask-image: var(--tridactyl-container-food-url);
|
||||||
|
}
|
||||||
|
.option.container_fruit .container {
|
||||||
|
mask-image: var(--tridactyl-container-fruit-url);
|
||||||
|
}
|
||||||
|
.option.container_pet .container {
|
||||||
|
mask-image: var(--tridactyl-container-pet-url);
|
||||||
|
}
|
||||||
|
.option.container_tree .container {
|
||||||
|
mask-image: var(--tridactyl-container-tree-url);
|
||||||
|
}
|
||||||
|
.option.container_chill .container {
|
||||||
|
mask-image: var(--tridactyl-container-chill-url);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ExcmdCompletionOption td.excmd {
|
||||||
|
padding-left: 0.5em;
|
||||||
|
width: 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ExcmdCompletionOption td.documentation {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.SettingsCompletionOption td.title {
|
||||||
|
padding-left: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .SettingsCompletionOption td.title,
|
||||||
|
#completions .SettingsCompletionOption td.content,
|
||||||
|
#completions .SettingsCompletionOption td.type {
|
||||||
|
width: 15%;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .TabGroupCompletionOption td.title {
|
||||||
|
width: 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .TabGroupCompletionOption td.content {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.HelpCompletionOption td.name {
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .SessionCompletionOption td.type {
|
||||||
|
width: 1ch !important;
|
||||||
|
padding: 0px 3pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .SessionCompletionOption td.time {
|
||||||
|
width: 5ch !important;
|
||||||
|
padding: 0px 3pt;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .WindowCompletionOption td.id {
|
||||||
|
width: 6ch !important;
|
||||||
|
text-align: right;
|
||||||
|
padding: 0px 8pt;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load diff
Binary file not shown.
|
After Width: | Height: | Size: 6 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
|
|
@ -0,0 +1,140 @@
|
||||||
|
.rose-pine-dawn * {
|
||||||
|
color: #575279 !important;
|
||||||
|
stroke: #d7827e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .app > * {
|
||||||
|
background-color: #faf4ed !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #nav {
|
||||||
|
background-color: #fffaf3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .py-2\.5.my-auto.flex.flex-col.justify-between.h-screen {
|
||||||
|
background: #f2e9e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .bg-white.dark\:bg-gray-800 {
|
||||||
|
background: #f2e9e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .w-4.h-4 {
|
||||||
|
fill: #ebbcba;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #chat-textarea {
|
||||||
|
background: #cecacd;
|
||||||
|
margin: 0.3rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .bg-gradient-to-t.from-white.dark\:from-gray-800.from-40\%.pb-2 {
|
||||||
|
background: #f2e9e1 !important;
|
||||||
|
padding-top: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #cecacd;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #286983;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center
|
||||||
|
> * {
|
||||||
|
fill: #56949f !important;
|
||||||
|
transition: fill 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.w-full.flex.justify-between.rounded-md.px-3.py-2.hover\:bg-gray-900.bg-gray-900.transition.whitespace-nowrap.text-ellipsis {
|
||||||
|
background-color: #56526e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .hover\:bg-gray-900:hover {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(152 147 165 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .text-xs.text-gray-700.uppercase.bg-gray-50.dark\:bg-gray-700.dark\:text-gray-400 {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .scrollbar-hidden.relative.overflow-x-auto.whitespace-nowrap.svelte-3g4avz {
|
||||||
|
border-radius: 16px 16px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .base.enter.svelte-ug60r4 {
|
||||||
|
background-color: #286983;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .message.svelte-1nauejd {
|
||||||
|
color: #e0def4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #dropdownDots {
|
||||||
|
background-color: #dfdad9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .flex.py-2\.5.px-3\.5.w-full.hover\:bg-gray-800.transition:hover {
|
||||||
|
background: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #dropdownDots {
|
||||||
|
background-color: #dfdad9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .flex.py-2\.5.px-3\.5.w-full.hover\:bg-gray-800.transition:hover {
|
||||||
|
background: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.m-auto.rounded-xl.max-w-full.w-\[40rem\].mx-2.bg-gray-50.dark\:bg-gray-900.shadow-3xl {
|
||||||
|
background-color: #f2e9e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.w-full.rounded.p-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.resize-none {
|
||||||
|
background-color: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.w-full.rounded.py-2.px-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.svelte-1vx7r9s {
|
||||||
|
background-color: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.bg-gray-200.dark\:bg-gray-700 {
|
||||||
|
background-color: #dfdad9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.hover\:bg-gray-300.dark\:hover\:bg-gray-800:hover {
|
||||||
|
background-color: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .px-4.py-2.bg-emerald-600.hover\:bg-emerald-700.text-gray-100.transition.rounded {
|
||||||
|
background-color: #56949f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #chat-search > * {
|
||||||
|
background-color: #dfdad9 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .svelte-1ee93ns {
|
||||||
|
--primary: #b4637a !important;
|
||||||
|
--secondary: #fffaf3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .svelte-11kvm4p {
|
||||||
|
--primary: #56949f !important;
|
||||||
|
--secondary: #fffaf3 !important;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,131 @@
|
||||||
|
.rose-pine * {
|
||||||
|
color: #e0def4 !important;
|
||||||
|
stroke: #907aa9 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .app > * {
|
||||||
|
background-color: #1f1d2e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #nav {
|
||||||
|
background-color: #191724;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .py-2\.5.my-auto.flex.flex-col.justify-between.h-screen {
|
||||||
|
background: #191724;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .bg-white.dark\:bg-gray-800 {
|
||||||
|
background: #26233a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .w-4.h-4 {
|
||||||
|
fill: #c4a7e7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #chat-textarea {
|
||||||
|
background: #393552;
|
||||||
|
margin: 0.3rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .bg-gradient-to-t.from-white.dark\:from-gray-800.from-40\%.pb-2 {
|
||||||
|
background: #26233a !important;
|
||||||
|
padding-top: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #6e6a86;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #286983;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center
|
||||||
|
> * {
|
||||||
|
fill: #9ccfd8 !important;
|
||||||
|
transition: fill 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.w-full.flex.justify-between.rounded-md.px-3.py-2.hover\:bg-gray-900.bg-gray-900.transition.whitespace-nowrap.text-ellipsis {
|
||||||
|
background-color: #56526e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .hover\:bg-gray-900:hover {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(57 53 82 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .text-xs.text-gray-700.uppercase.bg-gray-50.dark\:bg-gray-700.dark\:text-gray-400 {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .scrollbar-hidden.relative.overflow-x-auto.whitespace-nowrap.svelte-3g4avz {
|
||||||
|
border-radius: 16px 16px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .base.enter.svelte-ug60r4 {
|
||||||
|
background-color: #393552;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .message.svelte-1nauejd {
|
||||||
|
color: #e0def4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #dropdownDots {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .flex.py-2\.5.px-3\.5.w-full.hover\:bg-gray-800.transition:hover {
|
||||||
|
background: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .m-auto.rounded-xl.max-w-full.w-\[40rem\].mx-2.bg-gray-50.dark\:bg-gray-900.shadow-3xl {
|
||||||
|
background-color: #26233a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.w-full.rounded.p-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.resize-none {
|
||||||
|
background-color: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.w-full.rounded.py-2.px-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.svelte-1vx7r9s {
|
||||||
|
background-color: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.bg-gray-200.dark\:bg-gray-700 {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.hover\:bg-gray-300.dark\:hover\:bg-gray-800:hover {
|
||||||
|
background-color: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .px-4.py-2.bg-emerald-600.hover\:bg-emerald-700.text-gray-100.transition.rounded {
|
||||||
|
background-color: #31748f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #chat-search > * {
|
||||||
|
background-color: #403d52 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .svelte-1ee93ns {
|
||||||
|
--primary: #eb6f92 !important;
|
||||||
|
--secondary: #e0def4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .svelte-11kvm4p {
|
||||||
|
--primary: #9ccfd8 !important;
|
||||||
|
--secondary: #1f1d2e !important;
|
||||||
|
}
|
||||||
698
style.css
Normal file
698
style.css
Normal file
|
|
@ -0,0 +1,698 @@
|
||||||
|
/* Global variables. */
|
||||||
|
:root,
|
||||||
|
::backdrop {
|
||||||
|
/* Set sans-serif & mono fonts */
|
||||||
|
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
|
||||||
|
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
|
||||||
|
"Helvetica Neue", sans-serif;
|
||||||
|
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
|
||||||
|
--standard-border-radius: 5px;
|
||||||
|
|
||||||
|
/* Default (light) theme */
|
||||||
|
--bg: #fff;
|
||||||
|
--accent-bg: #f5f7ff;
|
||||||
|
--text: #212121;
|
||||||
|
--text-light: #585858;
|
||||||
|
--border: #898EA4;
|
||||||
|
--accent: #0d47a1;
|
||||||
|
--accent-hover: #1266e2;
|
||||||
|
--accent-text: var(--bg);
|
||||||
|
--code: #d81b60;
|
||||||
|
--preformatted: #444;
|
||||||
|
--marked: #ffdd33;
|
||||||
|
--disabled: #efefef;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dark theme */
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root,
|
||||||
|
::backdrop {
|
||||||
|
color-scheme: dark;
|
||||||
|
--bg: #212121;
|
||||||
|
--accent-bg: #2b2b2b;
|
||||||
|
--text: #dcdcdc;
|
||||||
|
--text-light: #ababab;
|
||||||
|
--accent: #ffb300;
|
||||||
|
--accent-hover: #ffe099;
|
||||||
|
--accent-text: var(--bg);
|
||||||
|
--code: #f06292;
|
||||||
|
--preformatted: #ccc;
|
||||||
|
--disabled: #111;
|
||||||
|
}
|
||||||
|
/* Add a bit of transparency so light media isn't so glaring in dark mode */
|
||||||
|
img,
|
||||||
|
video {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Reset box-sizing */
|
||||||
|
*, *::before, *::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Reset default appearance */
|
||||||
|
textarea,
|
||||||
|
select,
|
||||||
|
input,
|
||||||
|
progress {
|
||||||
|
appearance: none;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
/* Set the font globally */
|
||||||
|
font-family: var(--sans-font);
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Make the body a nice central block */
|
||||||
|
body {
|
||||||
|
color: var(--text);
|
||||||
|
background-color: var(--bg);
|
||||||
|
font-size: 1.15rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr min(45rem, 90%) 1fr;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
body > * {
|
||||||
|
grid-column: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Make the header bg full width, but the content inline with body */
|
||||||
|
body > header {
|
||||||
|
background-color: var(--accent-bg);
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
text-align: center;
|
||||||
|
padding: 0 0.5rem 2rem 0.5rem;
|
||||||
|
grid-column: 1 / -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
body > header > *:only-child {
|
||||||
|
margin-block-start: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body > header h1 {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 1rem auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
body > header p {
|
||||||
|
max-width: 40rem;
|
||||||
|
margin: 1rem auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add a little padding to ensure spacing is correct between content and header > nav */
|
||||||
|
main {
|
||||||
|
padding-top: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body > footer {
|
||||||
|
margin-top: 4rem;
|
||||||
|
padding: 2rem 1rem 1.5rem 1rem;
|
||||||
|
color: var(--text-light);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
text-align: center;
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Format headers */
|
||||||
|
h1 {
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2.6rem;
|
||||||
|
margin-top: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 2rem;
|
||||||
|
margin-top: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1.44rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 1.15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: 0.96rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Prevent long strings from overflowing container */
|
||||||
|
p, h1, h2, h3, h4, h5, h6 {
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fix line height when title wraps */
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3 {
|
||||||
|
line-height: 1.1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Reduce header size on mobile */
|
||||||
|
@media only screen and (max-width: 720px) {
|
||||||
|
h1 {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Format links & buttons */
|
||||||
|
a,
|
||||||
|
a:visited {
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
.button,
|
||||||
|
a.button, /* extra specificity to override a */
|
||||||
|
input[type="submit"],
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="button"],
|
||||||
|
label[type="button"] {
|
||||||
|
border: 1px solid var(--accent);
|
||||||
|
background-color: var(--accent);
|
||||||
|
color: var(--accent-text);
|
||||||
|
padding: 0.5rem 0.9rem;
|
||||||
|
text-decoration: none;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button[aria-disabled="true"],
|
||||||
|
input:disabled,
|
||||||
|
textarea:disabled,
|
||||||
|
select:disabled,
|
||||||
|
button[disabled] {
|
||||||
|
cursor: not-allowed;
|
||||||
|
background-color: var(--disabled);
|
||||||
|
border-color: var(--disabled);
|
||||||
|
color: var(--text-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="range"] {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Set the cursor to '?' on an abbreviation and style the abbreviation to show that there is more information underneath */
|
||||||
|
abbr[title] {
|
||||||
|
cursor: help;
|
||||||
|
text-decoration-line: underline;
|
||||||
|
text-decoration-style: dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:enabled:hover,
|
||||||
|
.button:not([aria-disabled="true"]):hover,
|
||||||
|
input[type="submit"]:enabled:hover,
|
||||||
|
input[type="reset"]:enabled:hover,
|
||||||
|
input[type="button"]:enabled:hover,
|
||||||
|
label[type="button"]:hover {
|
||||||
|
background-color: var(--accent-hover);
|
||||||
|
border-color: var(--accent-hover);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:focus-visible,
|
||||||
|
button:focus-visible:where(:enabled),
|
||||||
|
input:enabled:focus-visible:where(
|
||||||
|
[type="submit"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="button"]
|
||||||
|
) {
|
||||||
|
outline: 2px solid var(--accent);
|
||||||
|
outline-offset: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Format navigation */
|
||||||
|
header > nav {
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 2;
|
||||||
|
padding: 1rem 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Use flexbox to allow items to wrap, as needed */
|
||||||
|
header > nav ul,
|
||||||
|
header > nav ol {
|
||||||
|
align-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* List items are inline elements, make them behave more like blocks */
|
||||||
|
header > nav ul li,
|
||||||
|
header > nav ol li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
header > nav a,
|
||||||
|
header > nav a:visited {
|
||||||
|
margin: 0 0.5rem 1rem 0.5rem;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
color: var(--text);
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0.1rem 1rem;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header > nav a:hover,
|
||||||
|
header > nav a.current,
|
||||||
|
header > nav a[aria-current="page"] {
|
||||||
|
border-color: var(--accent);
|
||||||
|
color: var(--accent);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Reduce nav side on mobile */
|
||||||
|
@media only screen and (max-width: 720px) {
|
||||||
|
header > nav a {
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
text-decoration: underline;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Consolidate box styling */
|
||||||
|
aside, details, pre, progress {
|
||||||
|
background-color: var(--accent-bg);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside {
|
||||||
|
font-size: 1rem;
|
||||||
|
width: 30%;
|
||||||
|
padding: 0 15px;
|
||||||
|
margin-inline-start: 15px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
*[dir="rtl"] aside {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Make aside full-width on mobile */
|
||||||
|
@media only screen and (max-width: 720px) {
|
||||||
|
aside {
|
||||||
|
width: 100%;
|
||||||
|
float: none;
|
||||||
|
margin-inline-start: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
article, fieldset, dialog {
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
padding: 1rem;
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
article h2:first-child,
|
||||||
|
section h2:first-child {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
padding: 2rem 1rem;
|
||||||
|
margin: 3rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Don't double separators when chaining sections */
|
||||||
|
section + section,
|
||||||
|
section:first-child {
|
||||||
|
border-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
section:last-child {
|
||||||
|
border-bottom: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
details {
|
||||||
|
padding: 0.7rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
summary {
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0.7rem 1rem;
|
||||||
|
margin: -0.7rem -1rem;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
details[open] > summary + * {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
details[open] > summary {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
details[open] > :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Format tables */
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
figure > table {
|
||||||
|
width: max-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
td,
|
||||||
|
th {
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
text-align: start;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: var(--accent-bg);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:nth-child(even) {
|
||||||
|
/* Set every other cell slightly darker. Improves readability. */
|
||||||
|
background-color: var(--accent-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
table caption {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Format forms */
|
||||||
|
textarea,
|
||||||
|
select,
|
||||||
|
input,
|
||||||
|
button,
|
||||||
|
.button {
|
||||||
|
font-size: inherit;
|
||||||
|
font-family: inherit;
|
||||||
|
padding: 0.5rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
box-shadow: none;
|
||||||
|
max-width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
textarea,
|
||||||
|
select,
|
||||||
|
input {
|
||||||
|
color: var(--text);
|
||||||
|
background-color: var(--bg);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
textarea:not([cols]) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add arrow to drop-down */
|
||||||
|
select:not([multiple]) {
|
||||||
|
background-image: linear-gradient(45deg, transparent 49%, var(--text) 51%),
|
||||||
|
linear-gradient(135deg, var(--text) 51%, transparent 49%);
|
||||||
|
background-position: calc(100% - 15px), calc(100% - 10px);
|
||||||
|
background-size: 5px 5px, 5px 5px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
padding-inline-end: 25px;
|
||||||
|
}
|
||||||
|
*[dir="rtl"] select:not([multiple]) {
|
||||||
|
background-position: 10px, 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* checkbox and radio button style */
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"] {
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
width: min-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"] + label,
|
||||||
|
input[type="radio"] + label {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="radio"] {
|
||||||
|
border-radius: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"]:checked,
|
||||||
|
input[type="radio"]:checked {
|
||||||
|
background-color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"]:checked::after {
|
||||||
|
/* Creates a rectangle with colored right and bottom borders which is rotated to look like a check mark */
|
||||||
|
content: " ";
|
||||||
|
width: 0.18em;
|
||||||
|
height: 0.32em;
|
||||||
|
border-radius: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0.05em;
|
||||||
|
left: 0.17em;
|
||||||
|
background-color: transparent;
|
||||||
|
border-right: solid var(--bg) 0.08em;
|
||||||
|
border-bottom: solid var(--bg) 0.08em;
|
||||||
|
font-size: 1.8em;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
input[type="radio"]:checked::after {
|
||||||
|
/* creates a colored circle for the checked radio button */
|
||||||
|
content: " ";
|
||||||
|
width: 0.25em;
|
||||||
|
height: 0.25em;
|
||||||
|
border-radius: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0.125em;
|
||||||
|
background-color: var(--bg);
|
||||||
|
left: 0.125em;
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Makes input fields wider on smaller screens */
|
||||||
|
@media only screen and (max-width: 720px) {
|
||||||
|
textarea,
|
||||||
|
select,
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Set a height for color input */
|
||||||
|
input[type="color"] {
|
||||||
|
height: 2.5rem;
|
||||||
|
padding: 0.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* do not show border around file selector button */
|
||||||
|
input[type="file"] {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Misc body elements */
|
||||||
|
hr {
|
||||||
|
border: none;
|
||||||
|
height: 1px;
|
||||||
|
background: var(--border);
|
||||||
|
margin: 1rem auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
mark {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
background-color: var(--marked);
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
mark a {
|
||||||
|
color: #0d47a1;
|
||||||
|
}
|
||||||
|
|
||||||
|
img,
|
||||||
|
video {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
figure {
|
||||||
|
margin: 0;
|
||||||
|
display: block;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
figcaption {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: var(--text-light);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
margin-inline-start: 2rem;
|
||||||
|
margin-inline-end: 0;
|
||||||
|
margin-block: 2rem;
|
||||||
|
padding: 0.4rem 0.8rem;
|
||||||
|
border-inline-start: 0.35rem solid var(--accent);
|
||||||
|
color: var(--text-light);
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
cite {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: var(--text-light);
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
dt {
|
||||||
|
color: var(--text-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Use mono font for code elements */
|
||||||
|
code,
|
||||||
|
pre,
|
||||||
|
pre span,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: var(--mono-font);
|
||||||
|
color: var(--code);
|
||||||
|
}
|
||||||
|
|
||||||
|
kbd {
|
||||||
|
color: var(--preformatted);
|
||||||
|
border: 1px solid var(--preformatted);
|
||||||
|
border-bottom: 3px solid var(--preformatted);
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
padding: 0.1rem 0.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
padding: 1rem 1.4rem;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow: auto;
|
||||||
|
color: var(--preformatted);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fix embedded code within pre */
|
||||||
|
pre code {
|
||||||
|
color: var(--preformatted);
|
||||||
|
background: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Progress bars */
|
||||||
|
/* Declarations are repeated because you */
|
||||||
|
/* cannot combine vendor-specific selectors */
|
||||||
|
progress {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
progress:indeterminate {
|
||||||
|
background-color: var(--accent-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
progress::-webkit-progress-bar {
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
background-color: var(--accent-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
progress::-webkit-progress-value {
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
background-color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
progress::-moz-progress-bar {
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
background-color: var(--accent);
|
||||||
|
transition-property: width;
|
||||||
|
transition-duration: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
progress:indeterminate::-moz-progress-bar {
|
||||||
|
background-color: var(--accent-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
dialog {
|
||||||
|
max-width: 40rem;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
dialog::backdrop {
|
||||||
|
background-color: var(--bg);
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 720px) {
|
||||||
|
dialog {
|
||||||
|
max-width: 100%;
|
||||||
|
margin: auto 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Superscript & Subscript */
|
||||||
|
/* Prevent scripts from affecting line-height. */
|
||||||
|
sup, sub {
|
||||||
|
vertical-align: baseline;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
top: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Classes for notices */
|
||||||
|
.notice {
|
||||||
|
background: var(--accent-bg);
|
||||||
|
border: 2px solid var(--border);
|
||||||
|
border-radius: var(--standard-border-radius);
|
||||||
|
padding: 1.5rem;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
||||||
|
.tabs.svelte-1vx7r9s::-webkit-scrollbar{display:none}.tabs.svelte-1vx7r9s{-ms-overflow-style:none;scrollbar-width:none}@keyframes svelte-19023qi-l{to{-webkit-clip-path:inset(0 -1ch 0 0);clip-path:inset(0 -1ch 0 0)}}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1 @@
|
||||||
|
div.svelte-11kvm4p{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #61d345);position:relative;transform:rotate(45deg);animation:svelte-11kvm4p-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-11kvm4p:after{content:"";box-sizing:border-box;animation:svelte-11kvm4p-checkmarkAnimation .2s ease-out forwards;opacity:0;animation-delay:.2s;position:absolute;border-right:2px solid;border-bottom:2px solid;border-color:var(--secondary, #fff);bottom:6px;left:6px;height:10px;width:6px}@keyframes svelte-11kvm4p-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-11kvm4p-checkmarkAnimation{0%{height:0;width:0;opacity:0}40%{height:0;width:6px;opacity:1}to{opacity:1;height:10px}}div.svelte-1ee93ns{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #ff4b4b);position:relative;transform:rotate(45deg);animation:svelte-1ee93ns-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-1ee93ns:after,div.svelte-1ee93ns:before{content:"";animation:svelte-1ee93ns-firstLineAnimation .15s ease-out forwards;animation-delay:.15s;position:absolute;border-radius:3px;opacity:0;background:var(--secondary, #fff);bottom:9px;left:4px;height:2px;width:12px}div.svelte-1ee93ns:before{animation:svelte-1ee93ns-secondLineAnimation .15s ease-out forwards;animation-delay:.18s;transform:rotate(90deg)}@keyframes svelte-1ee93ns-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-1ee93ns-firstLineAnimation{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes svelte-1ee93ns-secondLineAnimation{0%{transform:scale(0) rotate(90deg);opacity:0}to{transform:scale(1) rotate(90deg);opacity:1}}div.svelte-1j7dflg{width:12px;height:12px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--secondary, #e0e0e0);border-right-color:var(--primary, #616161);animation:svelte-1j7dflg-rotate 1s linear infinite}@keyframes svelte-1j7dflg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.indicator.svelte-1kgeier{position:relative;display:flex;justify-content:center;align-items:center;min-width:20px;min-height:20px}.status.svelte-1kgeier{position:absolute}.animated.svelte-1kgeier{position:relative;transform:scale(.6);opacity:.4;min-width:20px;animation:svelte-1kgeier-enter .3s .12s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes svelte-1kgeier-enter{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}.message.svelte-1nauejd{display:flex;justify-content:center;margin:4px 10px;color:inherit;flex:1 1 auto;white-space:pre-line}@keyframes svelte-ug60r4-enterAnimation{0%{transform:translate3d(0,calc(var(--factor) * -200%),0) scale(.6);opacity:.5}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes svelte-ug60r4-exitAnimation{0%{transform:translateZ(-1px) scale(1);opacity:1}to{transform:translate3d(0,calc(var(--factor) * -150%),-1px) scale(.6);opacity:0}}@keyframes svelte-ug60r4-fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes svelte-ug60r4-fadeOutAnimation{0%{opacity:1}to{opacity:0}}.base.svelte-ug60r4{display:flex;align-items:center;background:#fff;color:#363636;line-height:1.3;will-change:transform;box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;max-width:350px;pointer-events:auto;padding:8px 10px;border-radius:8px}.transparent.svelte-ug60r4{opacity:0}.enter.svelte-ug60r4{animation:svelte-ug60r4-enterAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.exit.svelte-ug60r4{animation:svelte-ug60r4-exitAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.fadeIn.svelte-ug60r4{animation:svelte-ug60r4-fadeInAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.fadeOut.svelte-ug60r4{animation:svelte-ug60r4-fadeOutAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.wrapper.svelte-v01oml{left:0;right:0;display:flex;position:absolute;transform:translateY(calc(var(--offset, 16px) * var(--factor) * 1px))}.transition.svelte-v01oml{transition:all .23s cubic-bezier(.21,1.02,.73,1)}.active.svelte-v01oml{z-index:9999}.active.svelte-v01oml>*{pointer-events:auto}.toaster.svelte-1phplh9{--default-offset:16px;position:fixed;z-index:9999;top:var(--default-offset);left:var(--default-offset);right:var(--default-offset);bottom:var(--default-offset);pointer-events:none}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="TridactylOwnNamespace TridactylThemeDefault"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Tridactyl commandline</title>
|
||||||
|
<link rel="stylesheet" href="commandline_data/cleanslate.css">
|
||||||
|
<link rel="stylesheet" href="commandline_data/commandline.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="completions"></div>
|
||||||
|
<div id="command-line-holder"><span id="tridactyl-colon"></span><input id="tridactyl-input"></div>
|
||||||
|
<script src="commandline_data/commandline_frame.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body></html>
|
||||||
|
|
@ -0,0 +1,449 @@
|
||||||
|
/*!
|
||||||
|
* CleanSlate
|
||||||
|
* github.com/premasagar/cleanslate
|
||||||
|
*
|
||||||
|
*//*
|
||||||
|
An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
|
||||||
|
|
||||||
|
by Premasagar Rose
|
||||||
|
dharmafly.com
|
||||||
|
|
||||||
|
license
|
||||||
|
opensource.org/licenses/mit-license.php
|
||||||
|
|
||||||
|
**
|
||||||
|
|
||||||
|
v0.9.3
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* == BLANKET RESET RULES == */
|
||||||
|
|
||||||
|
/* HTML 4.01 */
|
||||||
|
.cleanslate, .cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6, .cleanslate p, .cleanslate td, .cleanslate dl, .cleanslate tr, .cleanslate dt, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate table, .cleanslate th, .cleanslate tbody, .cleanslate tfoot, .cleanslate caption, .cleanslate thead, .cleanslate ul, .cleanslate li, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate li, .cleanslate iframe, .cleanslate strong, .cleanslate legend, .cleanslate em, .cleanslate summary, .cleanslate cite, .cleanslate span, .cleanslate input, .cleanslate sup, .cleanslate label, .cleanslate dfn, .cleanslate object, .cleanslate big, .cleanslate q, .cleanslate samp, .cleanslate acronym, .cleanslate small, .cleanslate img, .cleanslate strike, .cleanslate code, .cleanslate sub, .cleanslate ins, .cleanslate textarea, .cleanslate button, .cleanslate var, .cleanslate a, .cleanslate abbr, .cleanslate applet, .cleanslate del, .cleanslate kbd, .cleanslate tt, .cleanslate b, .cleanslate i, .cleanslate hr,
|
||||||
|
|
||||||
|
/* HTML5 - Sept 2013 taken from MDN https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list */
|
||||||
|
.cleanslate article, .cleanslate aside, .cleanslate figure, .cleanslate figcaption, .cleanslate footer, .cleanslate header, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate time, .cleanslate mark, .cleanslate audio, .cleanslate video, .cleanslate abbr, .cleanslate address, .cleanslate area, .cleanslate blockquote, .cleanslate canvas, .cleanslate caption, .cleanslate cite, .cleanslate code, .cleanslate colgroup, .cleanslate col, .cleanslate datalist, .cleanslate fieldset, .cleanslate main, .cleanslate map, .cleanslate meta, .cleanslate optgroup, .cleanslate output, .cleanslate progress {
|
||||||
|
background-attachment:scroll !important;
|
||||||
|
background-color:transparent !important;
|
||||||
|
background-image:none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
|
||||||
|
background-position:0 0 !important;
|
||||||
|
background-repeat:repeat !important;
|
||||||
|
border-color:black !important;
|
||||||
|
border-color:currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
|
||||||
|
border-radius:0 !important;
|
||||||
|
border-style:none !important;
|
||||||
|
border-width:medium !important;
|
||||||
|
bottom:auto !important;
|
||||||
|
clear:none !important;
|
||||||
|
clip:auto !important;
|
||||||
|
color:inherit !important;
|
||||||
|
counter-increment:none !important;
|
||||||
|
counter-reset:none !important;
|
||||||
|
cursor:auto !important;
|
||||||
|
direction:inherit !important;
|
||||||
|
display:inline !important;
|
||||||
|
float:none !important;
|
||||||
|
font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */
|
||||||
|
font-size: inherit !important;
|
||||||
|
font-style:inherit !important;
|
||||||
|
font-variant:normal !important;
|
||||||
|
font-weight:inherit !important;
|
||||||
|
height:auto !important;
|
||||||
|
left:auto !important;
|
||||||
|
letter-spacing:normal !important;
|
||||||
|
line-height:inherit !important;
|
||||||
|
list-style-type: inherit !important; /* Could set list-style-type to none */
|
||||||
|
list-style-position: outside !important;
|
||||||
|
list-style-image: none !important;
|
||||||
|
margin:0 !important;
|
||||||
|
max-height:none !important;
|
||||||
|
max-width:none !important;
|
||||||
|
min-height:0 !important;
|
||||||
|
min-width:0 !important;
|
||||||
|
opacity:1;
|
||||||
|
outline:invert none medium !important;
|
||||||
|
overflow:visible !important;
|
||||||
|
padding:0 !important;
|
||||||
|
position:static !important;
|
||||||
|
quotes: "" "" !important;
|
||||||
|
right:auto !important;
|
||||||
|
table-layout:auto !important;
|
||||||
|
text-align:inherit !important;
|
||||||
|
text-decoration:inherit !important;
|
||||||
|
text-indent:0 !important;
|
||||||
|
text-transform:none !important;
|
||||||
|
top:auto !important;
|
||||||
|
unicode-bidi:normal !important;
|
||||||
|
vertical-align:baseline !important;
|
||||||
|
visibility:inherit !important;
|
||||||
|
white-space:normal !important;
|
||||||
|
width:auto !important;
|
||||||
|
word-spacing:normal !important;
|
||||||
|
z-index:auto !important;
|
||||||
|
|
||||||
|
/* CSS3 */
|
||||||
|
/* Including all prefixes according to http://caniuse.com/ */
|
||||||
|
/* CSS Animations don't cascade, so don't require resetting */
|
||||||
|
-webkit-background-origin: padding-box !important;
|
||||||
|
background-origin: padding-box !important;
|
||||||
|
-webkit-background-clip: border-box !important;
|
||||||
|
background-clip: border-box !important;
|
||||||
|
-webkit-background-size: auto !important;
|
||||||
|
-moz-background-size: auto !important;
|
||||||
|
background-size: auto !important;
|
||||||
|
-webkit-border-image: none !important;
|
||||||
|
-moz-border-image: none !important;
|
||||||
|
-o-border-image: none !important;
|
||||||
|
border-image: none !important;
|
||||||
|
-webkit-border-radius:0 !important;
|
||||||
|
-moz-border-radius:0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
-webkit-box-shadow: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
-webkit-box-sizing: content-box !important;
|
||||||
|
-moz-box-sizing: content-box !important;
|
||||||
|
box-sizing: content-box !important;
|
||||||
|
-webkit-column-count: auto !important;
|
||||||
|
-moz-column-count: auto !important;
|
||||||
|
column-count: auto !important;
|
||||||
|
-webkit-column-gap: normal !important;
|
||||||
|
-moz-column-gap: normal !important;
|
||||||
|
column-gap: normal !important;
|
||||||
|
-webkit-column-rule: medium none black !important;
|
||||||
|
-moz-column-rule: medium none black !important;
|
||||||
|
column-rule: medium none black !important;
|
||||||
|
-webkit-column-span: 1 !important;
|
||||||
|
-moz-column-span: 1 !important; /* doesn't exist yet but probably will */
|
||||||
|
column-span: 1 !important;
|
||||||
|
-webkit-column-width: auto !important;
|
||||||
|
-moz-column-width: auto !important;
|
||||||
|
column-width: auto !important;
|
||||||
|
font-feature-settings: normal !important;
|
||||||
|
overflow-x: visible !important;
|
||||||
|
overflow-y: visible !important;
|
||||||
|
-webkit-hyphens: manual !important;
|
||||||
|
-moz-hyphens: manual !important;
|
||||||
|
hyphens: manual !important;
|
||||||
|
-webkit-perspective: none !important;
|
||||||
|
-moz-perspective: none !important;
|
||||||
|
-ms-perspective: none !important;
|
||||||
|
-o-perspective: none !important;
|
||||||
|
perspective: none !important;
|
||||||
|
-webkit-perspective-origin: 50% 50% !important;
|
||||||
|
-moz-perspective-origin: 50% 50% !important;
|
||||||
|
-ms-perspective-origin: 50% 50% !important;
|
||||||
|
-o-perspective-origin: 50% 50% !important;
|
||||||
|
perspective-origin: 50% 50% !important;
|
||||||
|
-webkit-backface-visibility: visible !important;
|
||||||
|
-moz-backface-visibility: visible !important;
|
||||||
|
-ms-backface-visibility: visible !important;
|
||||||
|
-o-backface-visibility: visible !important;
|
||||||
|
backface-visibility: visible !important;
|
||||||
|
text-shadow: none !important;
|
||||||
|
-webkit-transition: all 0s ease 0s !important;
|
||||||
|
transition: all 0s ease 0s !important;
|
||||||
|
-webkit-transform: none !important;
|
||||||
|
-moz-transform: none !important;
|
||||||
|
-ms-transform: none !important;
|
||||||
|
-o-transform: none !important;
|
||||||
|
transform: none !important;
|
||||||
|
-webkit-transform-origin: 50% 50% !important;
|
||||||
|
-moz-transform-origin: 50% 50% !important;
|
||||||
|
-ms-transform-origin: 50% 50% !important;
|
||||||
|
-o-transform-origin: 50% 50% !important;
|
||||||
|
transform-origin: 50% 50% !important;
|
||||||
|
-webkit-transform-style: flat !important;
|
||||||
|
-moz-transform-style: flat !important;
|
||||||
|
-ms-transform-style: flat !important;
|
||||||
|
-o-transform-style: flat !important;
|
||||||
|
transform-style: flat !important;
|
||||||
|
word-break: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* == BLOCK-LEVEL == */
|
||||||
|
/* Actually, some of these should be inline-block and other values, but block works fine (TODO: rigorously verify this) */
|
||||||
|
/* HTML 4.01 */
|
||||||
|
.cleanslate, .cleanslate h3, .cleanslate h5, .cleanslate p, .cleanslate h1, .cleanslate dl, .cleanslate dt, .cleanslate h6, .cleanslate ol, .cleanslate form, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate h2, .cleanslate caption, .cleanslate h4, .cleanslate ul, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate hr,
|
||||||
|
|
||||||
|
/* HTML5 new elements */
|
||||||
|
.cleanslate article, .cleanslate dialog, .cleanslate figure, .cleanslate footer, .cleanslate header, .cleanslate hgroup, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate audio, .cleanslate video, .cleanslate address, .cleanslate blockquote, .cleanslate colgroup, .cleanslate main, .cleanslate progress, .cleanslate summary {
|
||||||
|
display:block !important;
|
||||||
|
}
|
||||||
|
.cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6 {
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
.cleanslate h1 {
|
||||||
|
font-size: 2em !important;
|
||||||
|
padding: .67em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate h2 {
|
||||||
|
font-size: 1.5em !important;
|
||||||
|
padding: .83em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate h3 {
|
||||||
|
font-size: 1.17em !important;
|
||||||
|
padding: .83em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate h4 {
|
||||||
|
font-size: 1em !important;
|
||||||
|
}
|
||||||
|
.cleanslate h5 {
|
||||||
|
font-size: .83em !important;
|
||||||
|
}
|
||||||
|
.cleanslate p {
|
||||||
|
margin: 1em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate table {
|
||||||
|
display: table !important;
|
||||||
|
}
|
||||||
|
.cleanslate thead {
|
||||||
|
display: table-header-group !important;
|
||||||
|
}
|
||||||
|
.cleanslate tbody {
|
||||||
|
display: table-row-group !important;
|
||||||
|
}
|
||||||
|
.cleanslate tfoot {
|
||||||
|
display: table-footer-group !important;
|
||||||
|
}
|
||||||
|
.cleanslate tr {
|
||||||
|
display: table-row !important;
|
||||||
|
}
|
||||||
|
.cleanslate th, .cleanslate td {
|
||||||
|
display: table-cell !important;
|
||||||
|
padding: 2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* == SPECIFIC ELEMENTS == */
|
||||||
|
/* Some of these are browser defaults; some are just useful resets */
|
||||||
|
.cleanslate ol, .cleanslate ul {
|
||||||
|
margin: 1em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate ul li, .cleanslate ul ul li, .cleanslate ul ul ul li, .cleanslate ol li, .cleanslate ol ol li, .cleanslate ol ol ol li, .cleanslate ul ol ol li, .cleanslate ul ul ol li, .cleanslate ol ul ul li, .cleanslate ol ol ul li {
|
||||||
|
list-style-position: inside !important;
|
||||||
|
margin-top: .08em !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol ol, .cleanslate ol ol ol, .cleanslate ul ul, .cleanslate ul ul ul, .cleanslate ol ul, .cleanslate ol ul ul, .cleanslate ol ol ul, .cleanslate ul ol, .cleanslate ul ol ol, .cleanslate ul ul ol {
|
||||||
|
padding-left: 40px !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
/* helper for general navigation */
|
||||||
|
.cleanslate nav ul, .cleanslate nav ol {
|
||||||
|
list-style-type:none !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
.cleanslate ul, .cleanslate menu {
|
||||||
|
list-style-type:disc !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol {
|
||||||
|
list-style-type:decimal !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol ul, .cleanslate ul ul, .cleanslate menu ul, .cleanslate ol menu, .cleanslate ul menu, .cleanslate menu menu {
|
||||||
|
list-style-type:circle !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol ol ul, .cleanslate ol ul ul, .cleanslate ol menu ul, .cleanslate ol ol menu, .cleanslate ol ul menu, .cleanslate ol menu menu, .cleanslate ul ol ul, .cleanslate ul ul ul, .cleanslate ul menu ul, .cleanslate ul ol menu, .cleanslate ul ul menu, .cleanslate ul menu menu, .cleanslate menu ol ul, .cleanslate menu ul ul, .cleanslate menu menu ul, .cleanslate menu ol menu, .cleanslate menu ul menu, .cleanslate menu menu menu {
|
||||||
|
list-style-type:square !important;
|
||||||
|
}
|
||||||
|
.cleanslate li {
|
||||||
|
display:list-item !important;
|
||||||
|
/* Fixes IE7 issue with positioning of nested bullets */
|
||||||
|
min-height:auto !important;
|
||||||
|
min-width:auto !important;
|
||||||
|
padding-left: 20px !important; /* replace -webkit-padding-start: 40px; */
|
||||||
|
}
|
||||||
|
.cleanslate strong {
|
||||||
|
font-weight:bold !important;
|
||||||
|
}
|
||||||
|
.cleanslate em {
|
||||||
|
font-style:italic !important;
|
||||||
|
}
|
||||||
|
.cleanslate kbd, .cleanslate samp, .cleanslate code {
|
||||||
|
font-family:monospace !important;
|
||||||
|
}
|
||||||
|
.cleanslate a {
|
||||||
|
color: blue !important;
|
||||||
|
text-decoration: underline !important;s
|
||||||
|
}
|
||||||
|
.cleanslate a:visited {
|
||||||
|
color: #529 !important;
|
||||||
|
}
|
||||||
|
.cleanslate a, .cleanslate a *, .cleanslate input[type=submit], .cleanslate input[type=radio], .cleanslate input[type=checkbox], .cleanslate select {
|
||||||
|
cursor:pointer !important;
|
||||||
|
}
|
||||||
|
.cleanslate button, .cleanslate input[type=submit] {
|
||||||
|
text-align: center !important;
|
||||||
|
padding: 2px 6px 3px !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
text-decoration: none !important;
|
||||||
|
font-family: arial, helvetica, sans-serif !important;
|
||||||
|
font-size: small !important;
|
||||||
|
background: white !important;
|
||||||
|
-webkit-appearance: push-button !important;
|
||||||
|
color: buttontext !important;
|
||||||
|
border: 1px #a6a6a6 solid !important;
|
||||||
|
background: lightgrey !important; /* Old browsers */
|
||||||
|
background: rgb(255,255,255); /* Old browsers */
|
||||||
|
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%, rgba(209,209,209,1) 100%, rgba(221,221,221,1) 100%) !important; /* FF3.6+ */
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1)), color-stop(100%,rgba(209,209,209,1)), color-stop(100%,rgba(221,221,221,1))) !important; /* Chrome,Safari4+ */
|
||||||
|
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* W3C */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ) !important; /* IE6-9 */
|
||||||
|
-webkit-box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
-moz-box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
-o-box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
outline: initial !important;
|
||||||
|
}
|
||||||
|
.cleanslate button {
|
||||||
|
padding: 1px 6px 2px 6px !important;
|
||||||
|
margin-right: 5px !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=hidden] {
|
||||||
|
display:none !important;
|
||||||
|
}
|
||||||
|
/* restore form defaults */
|
||||||
|
.cleanslate textarea {
|
||||||
|
-webkit-appearance: textarea !important;
|
||||||
|
background: white !important;
|
||||||
|
padding: 2px !important;
|
||||||
|
margin-left: 4px !important;
|
||||||
|
word-wrap: break-word !important;
|
||||||
|
white-space: pre-wrap !important;
|
||||||
|
font-size: 11px !important;
|
||||||
|
font-family: arial, helvetica, sans-serif !important;
|
||||||
|
line-height: 13px !important;
|
||||||
|
resize: both !important;
|
||||||
|
}
|
||||||
|
.cleanslate select, .cleanslate textarea, .cleanslate input {
|
||||||
|
border:1px solid #ccc !important;
|
||||||
|
}
|
||||||
|
.cleanslate select {
|
||||||
|
font-size: 11px !important;
|
||||||
|
font-family: helvetica, arial, sans-serif !important;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.cleanslate textarea:focus, .cleanslate input:focus {
|
||||||
|
outline: auto 5px -webkit-focus-ring-color !important;
|
||||||
|
outline: initial !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=text] {
|
||||||
|
background: white !important;
|
||||||
|
padding: 1px !important;
|
||||||
|
font-family: initial !important;
|
||||||
|
font-size: small !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=checkbox], .cleanslate input[type=radio] {
|
||||||
|
border: 1px #2b2b2b solid !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=checkbox], .cleanslate input[type=radio] {
|
||||||
|
outline: intial !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=radio] {
|
||||||
|
margin: 2px 2px 3px 2px !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=submit]:active, .cleanslate button:active {
|
||||||
|
background: rgb(59,103,158) !important; /* Old browsers */
|
||||||
|
background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%) !important; /* FF3.6+ */
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))) !important; /* Chrome,Safari4+ */
|
||||||
|
background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* W3C */
|
||||||
|
border-color: #5259b0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate abbr[title], .cleanslate acronym[title], .cleanslate dfn[title] {
|
||||||
|
cursor:help !important;
|
||||||
|
border-bottom-width:1px !important;
|
||||||
|
border-bottom-style:dotted !important;
|
||||||
|
}
|
||||||
|
.cleanslate ins {
|
||||||
|
background-color:#ff9 !important;
|
||||||
|
color:black !important;
|
||||||
|
}
|
||||||
|
.cleanslate del {
|
||||||
|
text-decoration: line-through !important;
|
||||||
|
}
|
||||||
|
.cleanslate blockquote, .cleanslate q {
|
||||||
|
quotes:none !important; /* HTML5 */
|
||||||
|
}
|
||||||
|
.cleanslate blockquote:before, .cleanslate blockquote:after, .cleanslate q:before, .cleanslate q:after, .cleanslate li:before, .cleanslate li:after {
|
||||||
|
content:"" !important;
|
||||||
|
}
|
||||||
|
.cleanslate input, .cleanslate select {
|
||||||
|
vertical-align:middle !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cleanslate table {
|
||||||
|
border-collapse:collapse !important;
|
||||||
|
border-spacing:0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate hr {
|
||||||
|
display:block !important;
|
||||||
|
height:1px !important;
|
||||||
|
border:0 !important;
|
||||||
|
border-top:1px solid #ccc !important;
|
||||||
|
margin:1em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate *[dir=rtl] {
|
||||||
|
direction: rtl !important;
|
||||||
|
}
|
||||||
|
.cleanslate mark {
|
||||||
|
background-color:#ff9 !important;
|
||||||
|
color:black !important;
|
||||||
|
font-style:italic !important;
|
||||||
|
font-weight:bold !important;
|
||||||
|
}
|
||||||
|
.cleanslate menu {
|
||||||
|
padding-left: 40px !important;
|
||||||
|
padding-top: 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* additional helpers */
|
||||||
|
.cleanslate [hidden],
|
||||||
|
.cleanslate template {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.cleanslate abbr[title] {
|
||||||
|
border-bottom: 1px dotted !important;
|
||||||
|
}
|
||||||
|
.cleanslate sub, .cleanslate sup {
|
||||||
|
font-size: 75% !important;
|
||||||
|
line-height: 0 !important;
|
||||||
|
position: relative !important;
|
||||||
|
vertical-align: baseline !important;
|
||||||
|
}
|
||||||
|
.cleanslate sup {
|
||||||
|
top: -0.5em !important;
|
||||||
|
}
|
||||||
|
.cleanslate sub {
|
||||||
|
bottom: -0.25em !important;
|
||||||
|
}
|
||||||
|
.cleanslate img {
|
||||||
|
border: 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate figure {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate textarea {
|
||||||
|
overflow: auto !important;
|
||||||
|
vertical-align: top !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* == ROOT CONTAINER ELEMENT == */
|
||||||
|
/* This contains default values for child elements to inherit */
|
||||||
|
.cleanslate {
|
||||||
|
font-size: medium !important;
|
||||||
|
line-height: 1 !important;
|
||||||
|
direction:ltr !important;
|
||||||
|
text-align: left !important; /* for IE, Opera */
|
||||||
|
text-align: start !important; /* recommended W3C Spec */
|
||||||
|
font-family: "Times New Roman", Times, serif !important; /* Override this with whatever font-family is required */
|
||||||
|
color: black !important;
|
||||||
|
font-style:normal !important;
|
||||||
|
font-weight:normal !important;
|
||||||
|
text-decoration:none !important;
|
||||||
|
list-style-type:disc !important;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,299 @@
|
||||||
|
@import url("../themes/auto/auto.css");
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
/* CSS is pants. Move the bar down a tiny bit to cover up the gap. */
|
||||||
|
top: 1px;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
#command-line-holder {
|
||||||
|
background: var(--tridactyl-cmdl-bg);
|
||||||
|
color: var(--tridactyl-cmdl-fg);
|
||||||
|
font-family: var(--tridactyl-cmdl-font-family);
|
||||||
|
font-size: 9pt;
|
||||||
|
/* reduce the padding added by the colon so that the command line shows up roughly where it used to be */
|
||||||
|
padding-left: 0.125ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 97%;
|
||||||
|
font-family: var(--tridactyl-cmdl-font-family);
|
||||||
|
font-size: var(--tridactyl-cmdl-font-size);
|
||||||
|
line-height: var(--tridactyl-cmdl-line-height);
|
||||||
|
color: var(--tridactyl-cmdl-fg);
|
||||||
|
background: var(--tridactyl-cmdl-bg);
|
||||||
|
border: unset;
|
||||||
|
/* reduce the padding from the colon */
|
||||||
|
/* margin-left: -0.25ex; */
|
||||||
|
/* we currently have a border from the completions */
|
||||||
|
/* border-top: solid 1px lightgray; */
|
||||||
|
}
|
||||||
|
|
||||||
|
input:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tridactyl-colon::before {
|
||||||
|
content: ":";
|
||||||
|
}
|
||||||
|
|
||||||
|
/* COMPLETIONS */
|
||||||
|
|
||||||
|
#completions {
|
||||||
|
--option-height: var(--tridactyl-cmplt-option-height);
|
||||||
|
color: var(--tridactyl-cmplt-fg);
|
||||||
|
background: var(--tridactyl-cmplt-bg);
|
||||||
|
display: inline-block;
|
||||||
|
font-size: var(--tridactyl-cmplt-font-size);
|
||||||
|
font-family: var(--tridactyl-cmplt-font-family);
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
border-top: var(--tridactyl-cmplt-border-top);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Olie doesn't know how CSS inheritance works */
|
||||||
|
#completions > div {
|
||||||
|
max-height: calc(20 * var(--option-height));
|
||||||
|
min-height: calc(10 * var(--option-height));
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions > div > table {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 9pt;
|
||||||
|
border-spacing: 0;
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions table tr td.prefix {
|
||||||
|
width: 3.2em;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#completions table tr td.container,
|
||||||
|
#completions table tr td.icon,
|
||||||
|
#completions table tr td.privatewindow {
|
||||||
|
width: 1.5em;
|
||||||
|
}
|
||||||
|
#completions table tr td.tabcount {
|
||||||
|
width: 6em;
|
||||||
|
}
|
||||||
|
#completions table tr td.tgroup {
|
||||||
|
width: 10em;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
#completions table tr td.tgroup:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
/* #completions table tr td:nth-of-type(3) { width: 5em; } */
|
||||||
|
#completions table tr td.content {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Accroding to src/completions/TabHistory.ts formatTimeSpan,
|
||||||
|
* max-width should be 14 characters (14ex), 20ex for more tolorance. */
|
||||||
|
#completions table tr td.time {
|
||||||
|
width: 20ex;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 2ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions table tr {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions table tr td {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions img {
|
||||||
|
display: inline;
|
||||||
|
vertical-align: middle;
|
||||||
|
height: 1em;
|
||||||
|
width: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .sectionHeader {
|
||||||
|
background: linear-gradient(
|
||||||
|
var(--tridactyl-header-first-bg),
|
||||||
|
var(--tridactyl-header-second-bg),
|
||||||
|
var(--tridactyl-header-third-bg)
|
||||||
|
);
|
||||||
|
font-size: var(--tridactyl-header-font-size);
|
||||||
|
font-weight: var(--tridactyl-header-font-weight);
|
||||||
|
border-bottom: var(--tridactyl-header-border-bottom);
|
||||||
|
padding-left: 0.5ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .sectionHeader,
|
||||||
|
#completions .option {
|
||||||
|
height: var(--option-height);
|
||||||
|
line-height: var(--option-height);
|
||||||
|
}
|
||||||
|
|
||||||
|
.url {
|
||||||
|
text-decoration: var(--tridactyl-url-text-decoration);
|
||||||
|
}
|
||||||
|
|
||||||
|
.option:not(.focused) .url {
|
||||||
|
color: var(--tridactyl-url-fg);
|
||||||
|
background: var(--tridactyl-url-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.url:hover {
|
||||||
|
cursor: var(--tridactyl-url-cursor);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide the URLs if the screen is small */
|
||||||
|
@media all and (max-width: 500px) {
|
||||||
|
.url {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.FindCompletionOption .match {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pick the .url out especially because otherwise its link styles dominate. */
|
||||||
|
.focused,
|
||||||
|
.focused .url {
|
||||||
|
color: var(--tridactyl-of-fg);
|
||||||
|
background: var(--tridactyl-of-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.option.incognito .privatewindow {
|
||||||
|
background-image: var(--tridactyl-private-window-icon-url);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Still completions, but container-related stuff */
|
||||||
|
.option .container {
|
||||||
|
mask-size: 1em;
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
mask-position: center;
|
||||||
|
}
|
||||||
|
.option .privatewindow {
|
||||||
|
background-size: 1em;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
.option.container_blue .container {
|
||||||
|
background-color: var(--tridactyl-container-color-blue);
|
||||||
|
}
|
||||||
|
.option.container_turquoise .container {
|
||||||
|
background-color: var(--tridactyl-container-color-turquoise);
|
||||||
|
}
|
||||||
|
.option.container_green .container {
|
||||||
|
background-color: var(--tridactyl-container-color-green);
|
||||||
|
}
|
||||||
|
.option.container_yellow .container {
|
||||||
|
background-color: var(--tridactyl-container-color-yellow);
|
||||||
|
}
|
||||||
|
.option.container_orange .container {
|
||||||
|
background-color: var(--tridactyl-container-color-orange);
|
||||||
|
}
|
||||||
|
.option.container_red .container {
|
||||||
|
background-color: var(--tridactyl-container-color-red);
|
||||||
|
}
|
||||||
|
.option.container_pink .container {
|
||||||
|
background-color: var(--tridactyl-container-color-pink);
|
||||||
|
}
|
||||||
|
.option.container_purple .container {
|
||||||
|
background-color: var(--tridactyl-container-color-purple);
|
||||||
|
}
|
||||||
|
.option.container_fingerprint .container {
|
||||||
|
mask-image: var(--tridactyl-container-fingerprint-url);
|
||||||
|
}
|
||||||
|
.option.container_briefcase .container {
|
||||||
|
mask-image: var(--tridactyl-container-briefcase-url);
|
||||||
|
}
|
||||||
|
.option.container_dollar .container {
|
||||||
|
mask-image: var(--tridactyl-container-dollar-url);
|
||||||
|
}
|
||||||
|
.option.container_cart .container {
|
||||||
|
mask-image: var(--tridactyl-container-cart-url);
|
||||||
|
}
|
||||||
|
.option.container_circle .container {
|
||||||
|
mask-image: var(--tridactyl-container-circle-url);
|
||||||
|
}
|
||||||
|
.option.container_gift .container {
|
||||||
|
mask-image: var(--tridactyl-container-gift-url);
|
||||||
|
}
|
||||||
|
.option.container_vacation .container {
|
||||||
|
mask-image: var(--tridactyl-container-vacation-url);
|
||||||
|
}
|
||||||
|
.option.container_food .container {
|
||||||
|
mask-image: var(--tridactyl-container-food-url);
|
||||||
|
}
|
||||||
|
.option.container_fruit .container {
|
||||||
|
mask-image: var(--tridactyl-container-fruit-url);
|
||||||
|
}
|
||||||
|
.option.container_pet .container {
|
||||||
|
mask-image: var(--tridactyl-container-pet-url);
|
||||||
|
}
|
||||||
|
.option.container_tree .container {
|
||||||
|
mask-image: var(--tridactyl-container-tree-url);
|
||||||
|
}
|
||||||
|
.option.container_chill .container {
|
||||||
|
mask-image: var(--tridactyl-container-chill-url);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ExcmdCompletionOption td.excmd {
|
||||||
|
padding-left: 0.5em;
|
||||||
|
width: 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ExcmdCompletionOption td.documentation {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.SettingsCompletionOption td.title {
|
||||||
|
padding-left: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .SettingsCompletionOption td.title,
|
||||||
|
#completions .SettingsCompletionOption td.content,
|
||||||
|
#completions .SettingsCompletionOption td.type {
|
||||||
|
width: 15%;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .TabGroupCompletionOption td.title {
|
||||||
|
width: 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .TabGroupCompletionOption td.content {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.HelpCompletionOption td.name {
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .SessionCompletionOption td.type {
|
||||||
|
width: 1ch !important;
|
||||||
|
padding: 0px 3pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .SessionCompletionOption td.time {
|
||||||
|
width: 5ch !important;
|
||||||
|
padding: 0px 3pt;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .WindowCompletionOption td.id {
|
||||||
|
width: 6ch !important;
|
||||||
|
text-align: right;
|
||||||
|
padding: 0px 8pt;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load diff
Binary file not shown.
|
After Width: | Height: | Size: 6 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
|
|
@ -0,0 +1,140 @@
|
||||||
|
.rose-pine-dawn * {
|
||||||
|
color: #575279 !important;
|
||||||
|
stroke: #d7827e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .app > * {
|
||||||
|
background-color: #faf4ed !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #nav {
|
||||||
|
background-color: #fffaf3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .py-2\.5.my-auto.flex.flex-col.justify-between.h-screen {
|
||||||
|
background: #f2e9e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .bg-white.dark\:bg-gray-800 {
|
||||||
|
background: #f2e9e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .w-4.h-4 {
|
||||||
|
fill: #ebbcba;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #chat-textarea {
|
||||||
|
background: #cecacd;
|
||||||
|
margin: 0.3rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .bg-gradient-to-t.from-white.dark\:from-gray-800.from-40\%.pb-2 {
|
||||||
|
background: #f2e9e1 !important;
|
||||||
|
padding-top: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #cecacd;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #286983;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center
|
||||||
|
> * {
|
||||||
|
fill: #56949f !important;
|
||||||
|
transition: fill 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.w-full.flex.justify-between.rounded-md.px-3.py-2.hover\:bg-gray-900.bg-gray-900.transition.whitespace-nowrap.text-ellipsis {
|
||||||
|
background-color: #56526e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .hover\:bg-gray-900:hover {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(152 147 165 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .text-xs.text-gray-700.uppercase.bg-gray-50.dark\:bg-gray-700.dark\:text-gray-400 {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .scrollbar-hidden.relative.overflow-x-auto.whitespace-nowrap.svelte-3g4avz {
|
||||||
|
border-radius: 16px 16px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .base.enter.svelte-ug60r4 {
|
||||||
|
background-color: #286983;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .message.svelte-1nauejd {
|
||||||
|
color: #e0def4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #dropdownDots {
|
||||||
|
background-color: #dfdad9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .flex.py-2\.5.px-3\.5.w-full.hover\:bg-gray-800.transition:hover {
|
||||||
|
background: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #dropdownDots {
|
||||||
|
background-color: #dfdad9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .flex.py-2\.5.px-3\.5.w-full.hover\:bg-gray-800.transition:hover {
|
||||||
|
background: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.m-auto.rounded-xl.max-w-full.w-\[40rem\].mx-2.bg-gray-50.dark\:bg-gray-900.shadow-3xl {
|
||||||
|
background-color: #f2e9e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.w-full.rounded.p-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.resize-none {
|
||||||
|
background-color: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.w-full.rounded.py-2.px-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.svelte-1vx7r9s {
|
||||||
|
background-color: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.bg-gray-200.dark\:bg-gray-700 {
|
||||||
|
background-color: #dfdad9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.hover\:bg-gray-300.dark\:hover\:bg-gray-800:hover {
|
||||||
|
background-color: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .px-4.py-2.bg-emerald-600.hover\:bg-emerald-700.text-gray-100.transition.rounded {
|
||||||
|
background-color: #56949f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #chat-search > * {
|
||||||
|
background-color: #dfdad9 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .svelte-1ee93ns {
|
||||||
|
--primary: #b4637a !important;
|
||||||
|
--secondary: #fffaf3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .svelte-11kvm4p {
|
||||||
|
--primary: #56949f !important;
|
||||||
|
--secondary: #fffaf3 !important;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,131 @@
|
||||||
|
.rose-pine * {
|
||||||
|
color: #e0def4 !important;
|
||||||
|
stroke: #907aa9 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .app > * {
|
||||||
|
background-color: #1f1d2e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #nav {
|
||||||
|
background-color: #191724;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .py-2\.5.my-auto.flex.flex-col.justify-between.h-screen {
|
||||||
|
background: #191724;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .bg-white.dark\:bg-gray-800 {
|
||||||
|
background: #26233a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .w-4.h-4 {
|
||||||
|
fill: #c4a7e7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #chat-textarea {
|
||||||
|
background: #393552;
|
||||||
|
margin: 0.3rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .bg-gradient-to-t.from-white.dark\:from-gray-800.from-40\%.pb-2 {
|
||||||
|
background: #26233a !important;
|
||||||
|
padding-top: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #6e6a86;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #286983;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center
|
||||||
|
> * {
|
||||||
|
fill: #9ccfd8 !important;
|
||||||
|
transition: fill 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.w-full.flex.justify-between.rounded-md.px-3.py-2.hover\:bg-gray-900.bg-gray-900.transition.whitespace-nowrap.text-ellipsis {
|
||||||
|
background-color: #56526e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .hover\:bg-gray-900:hover {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(57 53 82 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .text-xs.text-gray-700.uppercase.bg-gray-50.dark\:bg-gray-700.dark\:text-gray-400 {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .scrollbar-hidden.relative.overflow-x-auto.whitespace-nowrap.svelte-3g4avz {
|
||||||
|
border-radius: 16px 16px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .base.enter.svelte-ug60r4 {
|
||||||
|
background-color: #393552;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .message.svelte-1nauejd {
|
||||||
|
color: #e0def4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #dropdownDots {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .flex.py-2\.5.px-3\.5.w-full.hover\:bg-gray-800.transition:hover {
|
||||||
|
background: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .m-auto.rounded-xl.max-w-full.w-\[40rem\].mx-2.bg-gray-50.dark\:bg-gray-900.shadow-3xl {
|
||||||
|
background-color: #26233a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.w-full.rounded.p-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.resize-none {
|
||||||
|
background-color: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.w-full.rounded.py-2.px-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.svelte-1vx7r9s {
|
||||||
|
background-color: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.bg-gray-200.dark\:bg-gray-700 {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.hover\:bg-gray-300.dark\:hover\:bg-gray-800:hover {
|
||||||
|
background-color: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .px-4.py-2.bg-emerald-600.hover\:bg-emerald-700.text-gray-100.transition.rounded {
|
||||||
|
background-color: #31748f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #chat-search > * {
|
||||||
|
background-color: #403d52 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .svelte-1ee93ns {
|
||||||
|
--primary: #eb6f92 !important;
|
||||||
|
--secondary: #e0def4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .svelte-11kvm4p {
|
||||||
|
--primary: #9ccfd8 !important;
|
||||||
|
--secondary: #1f1d2e !important;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
||||||
|
.tabs.svelte-1vx7r9s::-webkit-scrollbar{display:none}.tabs.svelte-1vx7r9s{-ms-overflow-style:none;scrollbar-width:none}@keyframes svelte-19023qi-l{to{-webkit-clip-path:inset(0 -1ch 0 0);clip-path:inset(0 -1ch 0 0)}}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1 @@
|
||||||
|
div.svelte-11kvm4p{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #61d345);position:relative;transform:rotate(45deg);animation:svelte-11kvm4p-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-11kvm4p:after{content:"";box-sizing:border-box;animation:svelte-11kvm4p-checkmarkAnimation .2s ease-out forwards;opacity:0;animation-delay:.2s;position:absolute;border-right:2px solid;border-bottom:2px solid;border-color:var(--secondary, #fff);bottom:6px;left:6px;height:10px;width:6px}@keyframes svelte-11kvm4p-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-11kvm4p-checkmarkAnimation{0%{height:0;width:0;opacity:0}40%{height:0;width:6px;opacity:1}to{opacity:1;height:10px}}div.svelte-1ee93ns{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #ff4b4b);position:relative;transform:rotate(45deg);animation:svelte-1ee93ns-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-1ee93ns:after,div.svelte-1ee93ns:before{content:"";animation:svelte-1ee93ns-firstLineAnimation .15s ease-out forwards;animation-delay:.15s;position:absolute;border-radius:3px;opacity:0;background:var(--secondary, #fff);bottom:9px;left:4px;height:2px;width:12px}div.svelte-1ee93ns:before{animation:svelte-1ee93ns-secondLineAnimation .15s ease-out forwards;animation-delay:.18s;transform:rotate(90deg)}@keyframes svelte-1ee93ns-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-1ee93ns-firstLineAnimation{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes svelte-1ee93ns-secondLineAnimation{0%{transform:scale(0) rotate(90deg);opacity:0}to{transform:scale(1) rotate(90deg);opacity:1}}div.svelte-1j7dflg{width:12px;height:12px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--secondary, #e0e0e0);border-right-color:var(--primary, #616161);animation:svelte-1j7dflg-rotate 1s linear infinite}@keyframes svelte-1j7dflg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.indicator.svelte-1kgeier{position:relative;display:flex;justify-content:center;align-items:center;min-width:20px;min-height:20px}.status.svelte-1kgeier{position:absolute}.animated.svelte-1kgeier{position:relative;transform:scale(.6);opacity:.4;min-width:20px;animation:svelte-1kgeier-enter .3s .12s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes svelte-1kgeier-enter{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}.message.svelte-1nauejd{display:flex;justify-content:center;margin:4px 10px;color:inherit;flex:1 1 auto;white-space:pre-line}@keyframes svelte-ug60r4-enterAnimation{0%{transform:translate3d(0,calc(var(--factor) * -200%),0) scale(.6);opacity:.5}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes svelte-ug60r4-exitAnimation{0%{transform:translateZ(-1px) scale(1);opacity:1}to{transform:translate3d(0,calc(var(--factor) * -150%),-1px) scale(.6);opacity:0}}@keyframes svelte-ug60r4-fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes svelte-ug60r4-fadeOutAnimation{0%{opacity:1}to{opacity:0}}.base.svelte-ug60r4{display:flex;align-items:center;background:#fff;color:#363636;line-height:1.3;will-change:transform;box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;max-width:350px;pointer-events:auto;padding:8px 10px;border-radius:8px}.transparent.svelte-ug60r4{opacity:0}.enter.svelte-ug60r4{animation:svelte-ug60r4-enterAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.exit.svelte-ug60r4{animation:svelte-ug60r4-exitAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.fadeIn.svelte-ug60r4{animation:svelte-ug60r4-fadeInAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.fadeOut.svelte-ug60r4{animation:svelte-ug60r4-fadeOutAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.wrapper.svelte-v01oml{left:0;right:0;display:flex;position:absolute;transform:translateY(calc(var(--offset, 16px) * var(--factor) * 1px))}.transition.svelte-v01oml{transition:all .23s cubic-bezier(.21,1.02,.73,1)}.active.svelte-v01oml{z-index:9999}.active.svelte-v01oml>*{pointer-events:auto}.toaster.svelte-1phplh9{--default-offset:16px;position:fixed;z-index:9999;top:var(--default-offset);left:var(--default-offset);right:var(--default-offset);bottom:var(--default-offset);pointer-events:none}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="TridactylOwnNamespace TridactylThemeDefault"><head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Tridactyl commandline</title>
|
||||||
|
<link rel="stylesheet" href="commandline_data/cleanslate.css">
|
||||||
|
<link rel="stylesheet" href="commandline_data/commandline.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="completions"></div>
|
||||||
|
<div id="command-line-holder"><span id="tridactyl-colon"></span><input id="tridactyl-input"></div>
|
||||||
|
<script src="commandline_data/commandline_frame.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body></html>
|
||||||
|
|
@ -0,0 +1,449 @@
|
||||||
|
/*!
|
||||||
|
* CleanSlate
|
||||||
|
* github.com/premasagar/cleanslate
|
||||||
|
*
|
||||||
|
*//*
|
||||||
|
An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
|
||||||
|
|
||||||
|
by Premasagar Rose
|
||||||
|
dharmafly.com
|
||||||
|
|
||||||
|
license
|
||||||
|
opensource.org/licenses/mit-license.php
|
||||||
|
|
||||||
|
**
|
||||||
|
|
||||||
|
v0.9.3
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* == BLANKET RESET RULES == */
|
||||||
|
|
||||||
|
/* HTML 4.01 */
|
||||||
|
.cleanslate, .cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6, .cleanslate p, .cleanslate td, .cleanslate dl, .cleanslate tr, .cleanslate dt, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate table, .cleanslate th, .cleanslate tbody, .cleanslate tfoot, .cleanslate caption, .cleanslate thead, .cleanslate ul, .cleanslate li, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate li, .cleanslate iframe, .cleanslate strong, .cleanslate legend, .cleanslate em, .cleanslate summary, .cleanslate cite, .cleanslate span, .cleanslate input, .cleanslate sup, .cleanslate label, .cleanslate dfn, .cleanslate object, .cleanslate big, .cleanslate q, .cleanslate samp, .cleanslate acronym, .cleanslate small, .cleanslate img, .cleanslate strike, .cleanslate code, .cleanslate sub, .cleanslate ins, .cleanslate textarea, .cleanslate button, .cleanslate var, .cleanslate a, .cleanslate abbr, .cleanslate applet, .cleanslate del, .cleanslate kbd, .cleanslate tt, .cleanslate b, .cleanslate i, .cleanslate hr,
|
||||||
|
|
||||||
|
/* HTML5 - Sept 2013 taken from MDN https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list */
|
||||||
|
.cleanslate article, .cleanslate aside, .cleanslate figure, .cleanslate figcaption, .cleanslate footer, .cleanslate header, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate time, .cleanslate mark, .cleanslate audio, .cleanslate video, .cleanslate abbr, .cleanslate address, .cleanslate area, .cleanslate blockquote, .cleanslate canvas, .cleanslate caption, .cleanslate cite, .cleanslate code, .cleanslate colgroup, .cleanslate col, .cleanslate datalist, .cleanslate fieldset, .cleanslate main, .cleanslate map, .cleanslate meta, .cleanslate optgroup, .cleanslate output, .cleanslate progress {
|
||||||
|
background-attachment:scroll !important;
|
||||||
|
background-color:transparent !important;
|
||||||
|
background-image:none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
|
||||||
|
background-position:0 0 !important;
|
||||||
|
background-repeat:repeat !important;
|
||||||
|
border-color:black !important;
|
||||||
|
border-color:currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
|
||||||
|
border-radius:0 !important;
|
||||||
|
border-style:none !important;
|
||||||
|
border-width:medium !important;
|
||||||
|
bottom:auto !important;
|
||||||
|
clear:none !important;
|
||||||
|
clip:auto !important;
|
||||||
|
color:inherit !important;
|
||||||
|
counter-increment:none !important;
|
||||||
|
counter-reset:none !important;
|
||||||
|
cursor:auto !important;
|
||||||
|
direction:inherit !important;
|
||||||
|
display:inline !important;
|
||||||
|
float:none !important;
|
||||||
|
font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */
|
||||||
|
font-size: inherit !important;
|
||||||
|
font-style:inherit !important;
|
||||||
|
font-variant:normal !important;
|
||||||
|
font-weight:inherit !important;
|
||||||
|
height:auto !important;
|
||||||
|
left:auto !important;
|
||||||
|
letter-spacing:normal !important;
|
||||||
|
line-height:inherit !important;
|
||||||
|
list-style-type: inherit !important; /* Could set list-style-type to none */
|
||||||
|
list-style-position: outside !important;
|
||||||
|
list-style-image: none !important;
|
||||||
|
margin:0 !important;
|
||||||
|
max-height:none !important;
|
||||||
|
max-width:none !important;
|
||||||
|
min-height:0 !important;
|
||||||
|
min-width:0 !important;
|
||||||
|
opacity:1;
|
||||||
|
outline:invert none medium !important;
|
||||||
|
overflow:visible !important;
|
||||||
|
padding:0 !important;
|
||||||
|
position:static !important;
|
||||||
|
quotes: "" "" !important;
|
||||||
|
right:auto !important;
|
||||||
|
table-layout:auto !important;
|
||||||
|
text-align:inherit !important;
|
||||||
|
text-decoration:inherit !important;
|
||||||
|
text-indent:0 !important;
|
||||||
|
text-transform:none !important;
|
||||||
|
top:auto !important;
|
||||||
|
unicode-bidi:normal !important;
|
||||||
|
vertical-align:baseline !important;
|
||||||
|
visibility:inherit !important;
|
||||||
|
white-space:normal !important;
|
||||||
|
width:auto !important;
|
||||||
|
word-spacing:normal !important;
|
||||||
|
z-index:auto !important;
|
||||||
|
|
||||||
|
/* CSS3 */
|
||||||
|
/* Including all prefixes according to http://caniuse.com/ */
|
||||||
|
/* CSS Animations don't cascade, so don't require resetting */
|
||||||
|
-webkit-background-origin: padding-box !important;
|
||||||
|
background-origin: padding-box !important;
|
||||||
|
-webkit-background-clip: border-box !important;
|
||||||
|
background-clip: border-box !important;
|
||||||
|
-webkit-background-size: auto !important;
|
||||||
|
-moz-background-size: auto !important;
|
||||||
|
background-size: auto !important;
|
||||||
|
-webkit-border-image: none !important;
|
||||||
|
-moz-border-image: none !important;
|
||||||
|
-o-border-image: none !important;
|
||||||
|
border-image: none !important;
|
||||||
|
-webkit-border-radius:0 !important;
|
||||||
|
-moz-border-radius:0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
-webkit-box-shadow: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
-webkit-box-sizing: content-box !important;
|
||||||
|
-moz-box-sizing: content-box !important;
|
||||||
|
box-sizing: content-box !important;
|
||||||
|
-webkit-column-count: auto !important;
|
||||||
|
-moz-column-count: auto !important;
|
||||||
|
column-count: auto !important;
|
||||||
|
-webkit-column-gap: normal !important;
|
||||||
|
-moz-column-gap: normal !important;
|
||||||
|
column-gap: normal !important;
|
||||||
|
-webkit-column-rule: medium none black !important;
|
||||||
|
-moz-column-rule: medium none black !important;
|
||||||
|
column-rule: medium none black !important;
|
||||||
|
-webkit-column-span: 1 !important;
|
||||||
|
-moz-column-span: 1 !important; /* doesn't exist yet but probably will */
|
||||||
|
column-span: 1 !important;
|
||||||
|
-webkit-column-width: auto !important;
|
||||||
|
-moz-column-width: auto !important;
|
||||||
|
column-width: auto !important;
|
||||||
|
font-feature-settings: normal !important;
|
||||||
|
overflow-x: visible !important;
|
||||||
|
overflow-y: visible !important;
|
||||||
|
-webkit-hyphens: manual !important;
|
||||||
|
-moz-hyphens: manual !important;
|
||||||
|
hyphens: manual !important;
|
||||||
|
-webkit-perspective: none !important;
|
||||||
|
-moz-perspective: none !important;
|
||||||
|
-ms-perspective: none !important;
|
||||||
|
-o-perspective: none !important;
|
||||||
|
perspective: none !important;
|
||||||
|
-webkit-perspective-origin: 50% 50% !important;
|
||||||
|
-moz-perspective-origin: 50% 50% !important;
|
||||||
|
-ms-perspective-origin: 50% 50% !important;
|
||||||
|
-o-perspective-origin: 50% 50% !important;
|
||||||
|
perspective-origin: 50% 50% !important;
|
||||||
|
-webkit-backface-visibility: visible !important;
|
||||||
|
-moz-backface-visibility: visible !important;
|
||||||
|
-ms-backface-visibility: visible !important;
|
||||||
|
-o-backface-visibility: visible !important;
|
||||||
|
backface-visibility: visible !important;
|
||||||
|
text-shadow: none !important;
|
||||||
|
-webkit-transition: all 0s ease 0s !important;
|
||||||
|
transition: all 0s ease 0s !important;
|
||||||
|
-webkit-transform: none !important;
|
||||||
|
-moz-transform: none !important;
|
||||||
|
-ms-transform: none !important;
|
||||||
|
-o-transform: none !important;
|
||||||
|
transform: none !important;
|
||||||
|
-webkit-transform-origin: 50% 50% !important;
|
||||||
|
-moz-transform-origin: 50% 50% !important;
|
||||||
|
-ms-transform-origin: 50% 50% !important;
|
||||||
|
-o-transform-origin: 50% 50% !important;
|
||||||
|
transform-origin: 50% 50% !important;
|
||||||
|
-webkit-transform-style: flat !important;
|
||||||
|
-moz-transform-style: flat !important;
|
||||||
|
-ms-transform-style: flat !important;
|
||||||
|
-o-transform-style: flat !important;
|
||||||
|
transform-style: flat !important;
|
||||||
|
word-break: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* == BLOCK-LEVEL == */
|
||||||
|
/* Actually, some of these should be inline-block and other values, but block works fine (TODO: rigorously verify this) */
|
||||||
|
/* HTML 4.01 */
|
||||||
|
.cleanslate, .cleanslate h3, .cleanslate h5, .cleanslate p, .cleanslate h1, .cleanslate dl, .cleanslate dt, .cleanslate h6, .cleanslate ol, .cleanslate form, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate h2, .cleanslate caption, .cleanslate h4, .cleanslate ul, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate hr,
|
||||||
|
|
||||||
|
/* HTML5 new elements */
|
||||||
|
.cleanslate article, .cleanslate dialog, .cleanslate figure, .cleanslate footer, .cleanslate header, .cleanslate hgroup, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate audio, .cleanslate video, .cleanslate address, .cleanslate blockquote, .cleanslate colgroup, .cleanslate main, .cleanslate progress, .cleanslate summary {
|
||||||
|
display:block !important;
|
||||||
|
}
|
||||||
|
.cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6 {
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
.cleanslate h1 {
|
||||||
|
font-size: 2em !important;
|
||||||
|
padding: .67em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate h2 {
|
||||||
|
font-size: 1.5em !important;
|
||||||
|
padding: .83em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate h3 {
|
||||||
|
font-size: 1.17em !important;
|
||||||
|
padding: .83em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate h4 {
|
||||||
|
font-size: 1em !important;
|
||||||
|
}
|
||||||
|
.cleanslate h5 {
|
||||||
|
font-size: .83em !important;
|
||||||
|
}
|
||||||
|
.cleanslate p {
|
||||||
|
margin: 1em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate table {
|
||||||
|
display: table !important;
|
||||||
|
}
|
||||||
|
.cleanslate thead {
|
||||||
|
display: table-header-group !important;
|
||||||
|
}
|
||||||
|
.cleanslate tbody {
|
||||||
|
display: table-row-group !important;
|
||||||
|
}
|
||||||
|
.cleanslate tfoot {
|
||||||
|
display: table-footer-group !important;
|
||||||
|
}
|
||||||
|
.cleanslate tr {
|
||||||
|
display: table-row !important;
|
||||||
|
}
|
||||||
|
.cleanslate th, .cleanslate td {
|
||||||
|
display: table-cell !important;
|
||||||
|
padding: 2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* == SPECIFIC ELEMENTS == */
|
||||||
|
/* Some of these are browser defaults; some are just useful resets */
|
||||||
|
.cleanslate ol, .cleanslate ul {
|
||||||
|
margin: 1em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate ul li, .cleanslate ul ul li, .cleanslate ul ul ul li, .cleanslate ol li, .cleanslate ol ol li, .cleanslate ol ol ol li, .cleanslate ul ol ol li, .cleanslate ul ul ol li, .cleanslate ol ul ul li, .cleanslate ol ol ul li {
|
||||||
|
list-style-position: inside !important;
|
||||||
|
margin-top: .08em !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol ol, .cleanslate ol ol ol, .cleanslate ul ul, .cleanslate ul ul ul, .cleanslate ol ul, .cleanslate ol ul ul, .cleanslate ol ol ul, .cleanslate ul ol, .cleanslate ul ol ol, .cleanslate ul ul ol {
|
||||||
|
padding-left: 40px !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
/* helper for general navigation */
|
||||||
|
.cleanslate nav ul, .cleanslate nav ol {
|
||||||
|
list-style-type:none !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
.cleanslate ul, .cleanslate menu {
|
||||||
|
list-style-type:disc !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol {
|
||||||
|
list-style-type:decimal !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol ul, .cleanslate ul ul, .cleanslate menu ul, .cleanslate ol menu, .cleanslate ul menu, .cleanslate menu menu {
|
||||||
|
list-style-type:circle !important;
|
||||||
|
}
|
||||||
|
.cleanslate ol ol ul, .cleanslate ol ul ul, .cleanslate ol menu ul, .cleanslate ol ol menu, .cleanslate ol ul menu, .cleanslate ol menu menu, .cleanslate ul ol ul, .cleanslate ul ul ul, .cleanslate ul menu ul, .cleanslate ul ol menu, .cleanslate ul ul menu, .cleanslate ul menu menu, .cleanslate menu ol ul, .cleanslate menu ul ul, .cleanslate menu menu ul, .cleanslate menu ol menu, .cleanslate menu ul menu, .cleanslate menu menu menu {
|
||||||
|
list-style-type:square !important;
|
||||||
|
}
|
||||||
|
.cleanslate li {
|
||||||
|
display:list-item !important;
|
||||||
|
/* Fixes IE7 issue with positioning of nested bullets */
|
||||||
|
min-height:auto !important;
|
||||||
|
min-width:auto !important;
|
||||||
|
padding-left: 20px !important; /* replace -webkit-padding-start: 40px; */
|
||||||
|
}
|
||||||
|
.cleanslate strong {
|
||||||
|
font-weight:bold !important;
|
||||||
|
}
|
||||||
|
.cleanslate em {
|
||||||
|
font-style:italic !important;
|
||||||
|
}
|
||||||
|
.cleanslate kbd, .cleanslate samp, .cleanslate code {
|
||||||
|
font-family:monospace !important;
|
||||||
|
}
|
||||||
|
.cleanslate a {
|
||||||
|
color: blue !important;
|
||||||
|
text-decoration: underline !important;s
|
||||||
|
}
|
||||||
|
.cleanslate a:visited {
|
||||||
|
color: #529 !important;
|
||||||
|
}
|
||||||
|
.cleanslate a, .cleanslate a *, .cleanslate input[type=submit], .cleanslate input[type=radio], .cleanslate input[type=checkbox], .cleanslate select {
|
||||||
|
cursor:pointer !important;
|
||||||
|
}
|
||||||
|
.cleanslate button, .cleanslate input[type=submit] {
|
||||||
|
text-align: center !important;
|
||||||
|
padding: 2px 6px 3px !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
text-decoration: none !important;
|
||||||
|
font-family: arial, helvetica, sans-serif !important;
|
||||||
|
font-size: small !important;
|
||||||
|
background: white !important;
|
||||||
|
-webkit-appearance: push-button !important;
|
||||||
|
color: buttontext !important;
|
||||||
|
border: 1px #a6a6a6 solid !important;
|
||||||
|
background: lightgrey !important; /* Old browsers */
|
||||||
|
background: rgb(255,255,255); /* Old browsers */
|
||||||
|
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%, rgba(209,209,209,1) 100%, rgba(221,221,221,1) 100%) !important; /* FF3.6+ */
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1)), color-stop(100%,rgba(209,209,209,1)), color-stop(100%,rgba(221,221,221,1))) !important; /* Chrome,Safari4+ */
|
||||||
|
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* W3C */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ) !important; /* IE6-9 */
|
||||||
|
-webkit-box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
-moz-box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
-o-box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
box-shadow: 1px 1px 0px #eee !important;
|
||||||
|
outline: initial !important;
|
||||||
|
}
|
||||||
|
.cleanslate button {
|
||||||
|
padding: 1px 6px 2px 6px !important;
|
||||||
|
margin-right: 5px !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=hidden] {
|
||||||
|
display:none !important;
|
||||||
|
}
|
||||||
|
/* restore form defaults */
|
||||||
|
.cleanslate textarea {
|
||||||
|
-webkit-appearance: textarea !important;
|
||||||
|
background: white !important;
|
||||||
|
padding: 2px !important;
|
||||||
|
margin-left: 4px !important;
|
||||||
|
word-wrap: break-word !important;
|
||||||
|
white-space: pre-wrap !important;
|
||||||
|
font-size: 11px !important;
|
||||||
|
font-family: arial, helvetica, sans-serif !important;
|
||||||
|
line-height: 13px !important;
|
||||||
|
resize: both !important;
|
||||||
|
}
|
||||||
|
.cleanslate select, .cleanslate textarea, .cleanslate input {
|
||||||
|
border:1px solid #ccc !important;
|
||||||
|
}
|
||||||
|
.cleanslate select {
|
||||||
|
font-size: 11px !important;
|
||||||
|
font-family: helvetica, arial, sans-serif !important;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.cleanslate textarea:focus, .cleanslate input:focus {
|
||||||
|
outline: auto 5px -webkit-focus-ring-color !important;
|
||||||
|
outline: initial !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=text] {
|
||||||
|
background: white !important;
|
||||||
|
padding: 1px !important;
|
||||||
|
font-family: initial !important;
|
||||||
|
font-size: small !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=checkbox], .cleanslate input[type=radio] {
|
||||||
|
border: 1px #2b2b2b solid !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=checkbox], .cleanslate input[type=radio] {
|
||||||
|
outline: intial !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=radio] {
|
||||||
|
margin: 2px 2px 3px 2px !important;
|
||||||
|
}
|
||||||
|
.cleanslate input[type=submit]:active, .cleanslate button:active {
|
||||||
|
background: rgb(59,103,158) !important; /* Old browsers */
|
||||||
|
background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%) !important; /* FF3.6+ */
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))) !important; /* Chrome,Safari4+ */
|
||||||
|
background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* W3C */
|
||||||
|
border-color: #5259b0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate abbr[title], .cleanslate acronym[title], .cleanslate dfn[title] {
|
||||||
|
cursor:help !important;
|
||||||
|
border-bottom-width:1px !important;
|
||||||
|
border-bottom-style:dotted !important;
|
||||||
|
}
|
||||||
|
.cleanslate ins {
|
||||||
|
background-color:#ff9 !important;
|
||||||
|
color:black !important;
|
||||||
|
}
|
||||||
|
.cleanslate del {
|
||||||
|
text-decoration: line-through !important;
|
||||||
|
}
|
||||||
|
.cleanslate blockquote, .cleanslate q {
|
||||||
|
quotes:none !important; /* HTML5 */
|
||||||
|
}
|
||||||
|
.cleanslate blockquote:before, .cleanslate blockquote:after, .cleanslate q:before, .cleanslate q:after, .cleanslate li:before, .cleanslate li:after {
|
||||||
|
content:"" !important;
|
||||||
|
}
|
||||||
|
.cleanslate input, .cleanslate select {
|
||||||
|
vertical-align:middle !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cleanslate table {
|
||||||
|
border-collapse:collapse !important;
|
||||||
|
border-spacing:0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate hr {
|
||||||
|
display:block !important;
|
||||||
|
height:1px !important;
|
||||||
|
border:0 !important;
|
||||||
|
border-top:1px solid #ccc !important;
|
||||||
|
margin:1em 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate *[dir=rtl] {
|
||||||
|
direction: rtl !important;
|
||||||
|
}
|
||||||
|
.cleanslate mark {
|
||||||
|
background-color:#ff9 !important;
|
||||||
|
color:black !important;
|
||||||
|
font-style:italic !important;
|
||||||
|
font-weight:bold !important;
|
||||||
|
}
|
||||||
|
.cleanslate menu {
|
||||||
|
padding-left: 40px !important;
|
||||||
|
padding-top: 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* additional helpers */
|
||||||
|
.cleanslate [hidden],
|
||||||
|
.cleanslate template {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.cleanslate abbr[title] {
|
||||||
|
border-bottom: 1px dotted !important;
|
||||||
|
}
|
||||||
|
.cleanslate sub, .cleanslate sup {
|
||||||
|
font-size: 75% !important;
|
||||||
|
line-height: 0 !important;
|
||||||
|
position: relative !important;
|
||||||
|
vertical-align: baseline !important;
|
||||||
|
}
|
||||||
|
.cleanslate sup {
|
||||||
|
top: -0.5em !important;
|
||||||
|
}
|
||||||
|
.cleanslate sub {
|
||||||
|
bottom: -0.25em !important;
|
||||||
|
}
|
||||||
|
.cleanslate img {
|
||||||
|
border: 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate figure {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
.cleanslate textarea {
|
||||||
|
overflow: auto !important;
|
||||||
|
vertical-align: top !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* == ROOT CONTAINER ELEMENT == */
|
||||||
|
/* This contains default values for child elements to inherit */
|
||||||
|
.cleanslate {
|
||||||
|
font-size: medium !important;
|
||||||
|
line-height: 1 !important;
|
||||||
|
direction:ltr !important;
|
||||||
|
text-align: left !important; /* for IE, Opera */
|
||||||
|
text-align: start !important; /* recommended W3C Spec */
|
||||||
|
font-family: "Times New Roman", Times, serif !important; /* Override this with whatever font-family is required */
|
||||||
|
color: black !important;
|
||||||
|
font-style:normal !important;
|
||||||
|
font-weight:normal !important;
|
||||||
|
text-decoration:none !important;
|
||||||
|
list-style-type:disc !important;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,299 @@
|
||||||
|
@import url("../themes/auto/auto.css");
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
/* CSS is pants. Move the bar down a tiny bit to cover up the gap. */
|
||||||
|
top: 1px;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
#command-line-holder {
|
||||||
|
background: var(--tridactyl-cmdl-bg);
|
||||||
|
color: var(--tridactyl-cmdl-fg);
|
||||||
|
font-family: var(--tridactyl-cmdl-font-family);
|
||||||
|
font-size: 9pt;
|
||||||
|
/* reduce the padding added by the colon so that the command line shows up roughly where it used to be */
|
||||||
|
padding-left: 0.125ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 97%;
|
||||||
|
font-family: var(--tridactyl-cmdl-font-family);
|
||||||
|
font-size: var(--tridactyl-cmdl-font-size);
|
||||||
|
line-height: var(--tridactyl-cmdl-line-height);
|
||||||
|
color: var(--tridactyl-cmdl-fg);
|
||||||
|
background: var(--tridactyl-cmdl-bg);
|
||||||
|
border: unset;
|
||||||
|
/* reduce the padding from the colon */
|
||||||
|
/* margin-left: -0.25ex; */
|
||||||
|
/* we currently have a border from the completions */
|
||||||
|
/* border-top: solid 1px lightgray; */
|
||||||
|
}
|
||||||
|
|
||||||
|
input:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tridactyl-colon::before {
|
||||||
|
content: ":";
|
||||||
|
}
|
||||||
|
|
||||||
|
/* COMPLETIONS */
|
||||||
|
|
||||||
|
#completions {
|
||||||
|
--option-height: var(--tridactyl-cmplt-option-height);
|
||||||
|
color: var(--tridactyl-cmplt-fg);
|
||||||
|
background: var(--tridactyl-cmplt-bg);
|
||||||
|
display: inline-block;
|
||||||
|
font-size: var(--tridactyl-cmplt-font-size);
|
||||||
|
font-family: var(--tridactyl-cmplt-font-family);
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
border-top: var(--tridactyl-cmplt-border-top);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Olie doesn't know how CSS inheritance works */
|
||||||
|
#completions > div {
|
||||||
|
max-height: calc(20 * var(--option-height));
|
||||||
|
min-height: calc(10 * var(--option-height));
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions > div > table {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 9pt;
|
||||||
|
border-spacing: 0;
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions table tr td.prefix {
|
||||||
|
width: 3.2em;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#completions table tr td.container,
|
||||||
|
#completions table tr td.icon,
|
||||||
|
#completions table tr td.privatewindow {
|
||||||
|
width: 1.5em;
|
||||||
|
}
|
||||||
|
#completions table tr td.tabcount {
|
||||||
|
width: 6em;
|
||||||
|
}
|
||||||
|
#completions table tr td.tgroup {
|
||||||
|
width: 10em;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
#completions table tr td.tgroup:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
/* #completions table tr td:nth-of-type(3) { width: 5em; } */
|
||||||
|
#completions table tr td.content {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Accroding to src/completions/TabHistory.ts formatTimeSpan,
|
||||||
|
* max-width should be 14 characters (14ex), 20ex for more tolorance. */
|
||||||
|
#completions table tr td.time {
|
||||||
|
width: 20ex;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 2ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions table tr {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions table tr td {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions img {
|
||||||
|
display: inline;
|
||||||
|
vertical-align: middle;
|
||||||
|
height: 1em;
|
||||||
|
width: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .sectionHeader {
|
||||||
|
background: linear-gradient(
|
||||||
|
var(--tridactyl-header-first-bg),
|
||||||
|
var(--tridactyl-header-second-bg),
|
||||||
|
var(--tridactyl-header-third-bg)
|
||||||
|
);
|
||||||
|
font-size: var(--tridactyl-header-font-size);
|
||||||
|
font-weight: var(--tridactyl-header-font-weight);
|
||||||
|
border-bottom: var(--tridactyl-header-border-bottom);
|
||||||
|
padding-left: 0.5ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .sectionHeader,
|
||||||
|
#completions .option {
|
||||||
|
height: var(--option-height);
|
||||||
|
line-height: var(--option-height);
|
||||||
|
}
|
||||||
|
|
||||||
|
.url {
|
||||||
|
text-decoration: var(--tridactyl-url-text-decoration);
|
||||||
|
}
|
||||||
|
|
||||||
|
.option:not(.focused) .url {
|
||||||
|
color: var(--tridactyl-url-fg);
|
||||||
|
background: var(--tridactyl-url-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.url:hover {
|
||||||
|
cursor: var(--tridactyl-url-cursor);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide the URLs if the screen is small */
|
||||||
|
@media all and (max-width: 500px) {
|
||||||
|
.url {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.FindCompletionOption .match {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pick the .url out especially because otherwise its link styles dominate. */
|
||||||
|
.focused,
|
||||||
|
.focused .url {
|
||||||
|
color: var(--tridactyl-of-fg);
|
||||||
|
background: var(--tridactyl-of-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.option.incognito .privatewindow {
|
||||||
|
background-image: var(--tridactyl-private-window-icon-url);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Still completions, but container-related stuff */
|
||||||
|
.option .container {
|
||||||
|
mask-size: 1em;
|
||||||
|
mask-repeat: no-repeat;
|
||||||
|
mask-position: center;
|
||||||
|
}
|
||||||
|
.option .privatewindow {
|
||||||
|
background-size: 1em;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
.option.container_blue .container {
|
||||||
|
background-color: var(--tridactyl-container-color-blue);
|
||||||
|
}
|
||||||
|
.option.container_turquoise .container {
|
||||||
|
background-color: var(--tridactyl-container-color-turquoise);
|
||||||
|
}
|
||||||
|
.option.container_green .container {
|
||||||
|
background-color: var(--tridactyl-container-color-green);
|
||||||
|
}
|
||||||
|
.option.container_yellow .container {
|
||||||
|
background-color: var(--tridactyl-container-color-yellow);
|
||||||
|
}
|
||||||
|
.option.container_orange .container {
|
||||||
|
background-color: var(--tridactyl-container-color-orange);
|
||||||
|
}
|
||||||
|
.option.container_red .container {
|
||||||
|
background-color: var(--tridactyl-container-color-red);
|
||||||
|
}
|
||||||
|
.option.container_pink .container {
|
||||||
|
background-color: var(--tridactyl-container-color-pink);
|
||||||
|
}
|
||||||
|
.option.container_purple .container {
|
||||||
|
background-color: var(--tridactyl-container-color-purple);
|
||||||
|
}
|
||||||
|
.option.container_fingerprint .container {
|
||||||
|
mask-image: var(--tridactyl-container-fingerprint-url);
|
||||||
|
}
|
||||||
|
.option.container_briefcase .container {
|
||||||
|
mask-image: var(--tridactyl-container-briefcase-url);
|
||||||
|
}
|
||||||
|
.option.container_dollar .container {
|
||||||
|
mask-image: var(--tridactyl-container-dollar-url);
|
||||||
|
}
|
||||||
|
.option.container_cart .container {
|
||||||
|
mask-image: var(--tridactyl-container-cart-url);
|
||||||
|
}
|
||||||
|
.option.container_circle .container {
|
||||||
|
mask-image: var(--tridactyl-container-circle-url);
|
||||||
|
}
|
||||||
|
.option.container_gift .container {
|
||||||
|
mask-image: var(--tridactyl-container-gift-url);
|
||||||
|
}
|
||||||
|
.option.container_vacation .container {
|
||||||
|
mask-image: var(--tridactyl-container-vacation-url);
|
||||||
|
}
|
||||||
|
.option.container_food .container {
|
||||||
|
mask-image: var(--tridactyl-container-food-url);
|
||||||
|
}
|
||||||
|
.option.container_fruit .container {
|
||||||
|
mask-image: var(--tridactyl-container-fruit-url);
|
||||||
|
}
|
||||||
|
.option.container_pet .container {
|
||||||
|
mask-image: var(--tridactyl-container-pet-url);
|
||||||
|
}
|
||||||
|
.option.container_tree .container {
|
||||||
|
mask-image: var(--tridactyl-container-tree-url);
|
||||||
|
}
|
||||||
|
.option.container_chill .container {
|
||||||
|
mask-image: var(--tridactyl-container-chill-url);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ExcmdCompletionOption td.excmd {
|
||||||
|
padding-left: 0.5em;
|
||||||
|
width: 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ExcmdCompletionOption td.documentation {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.SettingsCompletionOption td.title {
|
||||||
|
padding-left: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .SettingsCompletionOption td.title,
|
||||||
|
#completions .SettingsCompletionOption td.content,
|
||||||
|
#completions .SettingsCompletionOption td.type {
|
||||||
|
width: 15%;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .TabGroupCompletionOption td.title {
|
||||||
|
width: 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .TabGroupCompletionOption td.content {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.HelpCompletionOption td.name {
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .SessionCompletionOption td.type {
|
||||||
|
width: 1ch !important;
|
||||||
|
padding: 0px 3pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .SessionCompletionOption td.time {
|
||||||
|
width: 5ch !important;
|
||||||
|
padding: 0px 3pt;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#completions .WindowCompletionOption td.id {
|
||||||
|
width: 6ch !important;
|
||||||
|
text-align: right;
|
||||||
|
padding: 0px 8pt;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load diff
Binary file not shown.
|
After Width: | Height: | Size: 6 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
|
|
@ -0,0 +1,140 @@
|
||||||
|
.rose-pine-dawn * {
|
||||||
|
color: #575279 !important;
|
||||||
|
stroke: #d7827e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .app > * {
|
||||||
|
background-color: #faf4ed !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #nav {
|
||||||
|
background-color: #fffaf3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .py-2\.5.my-auto.flex.flex-col.justify-between.h-screen {
|
||||||
|
background: #f2e9e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .bg-white.dark\:bg-gray-800 {
|
||||||
|
background: #f2e9e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .w-4.h-4 {
|
||||||
|
fill: #ebbcba;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #chat-textarea {
|
||||||
|
background: #cecacd;
|
||||||
|
margin: 0.3rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .bg-gradient-to-t.from-white.dark\:from-gray-800.from-40\%.pb-2 {
|
||||||
|
background: #f2e9e1 !important;
|
||||||
|
padding-top: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #cecacd;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #286983;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center
|
||||||
|
> * {
|
||||||
|
fill: #56949f !important;
|
||||||
|
transition: fill 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.w-full.flex.justify-between.rounded-md.px-3.py-2.hover\:bg-gray-900.bg-gray-900.transition.whitespace-nowrap.text-ellipsis {
|
||||||
|
background-color: #56526e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .hover\:bg-gray-900:hover {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(152 147 165 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .text-xs.text-gray-700.uppercase.bg-gray-50.dark\:bg-gray-700.dark\:text-gray-400 {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .scrollbar-hidden.relative.overflow-x-auto.whitespace-nowrap.svelte-3g4avz {
|
||||||
|
border-radius: 16px 16px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .base.enter.svelte-ug60r4 {
|
||||||
|
background-color: #286983;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .message.svelte-1nauejd {
|
||||||
|
color: #e0def4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #dropdownDots {
|
||||||
|
background-color: #dfdad9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .flex.py-2\.5.px-3\.5.w-full.hover\:bg-gray-800.transition:hover {
|
||||||
|
background: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #dropdownDots {
|
||||||
|
background-color: #dfdad9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .flex.py-2\.5.px-3\.5.w-full.hover\:bg-gray-800.transition:hover {
|
||||||
|
background: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.m-auto.rounded-xl.max-w-full.w-\[40rem\].mx-2.bg-gray-50.dark\:bg-gray-900.shadow-3xl {
|
||||||
|
background-color: #f2e9e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.w-full.rounded.p-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.resize-none {
|
||||||
|
background-color: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.w-full.rounded.py-2.px-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.svelte-1vx7r9s {
|
||||||
|
background-color: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.bg-gray-200.dark\:bg-gray-700 {
|
||||||
|
background-color: #dfdad9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.hover\:bg-gray-300.dark\:hover\:bg-gray-800:hover {
|
||||||
|
background-color: #cecacd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .px-4.py-2.bg-emerald-600.hover\:bg-emerald-700.text-gray-100.transition.rounded {
|
||||||
|
background-color: #56949f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn #chat-search > * {
|
||||||
|
background-color: #dfdad9 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .svelte-1ee93ns {
|
||||||
|
--primary: #b4637a !important;
|
||||||
|
--secondary: #fffaf3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine-dawn .svelte-11kvm4p {
|
||||||
|
--primary: #56949f !important;
|
||||||
|
--secondary: #fffaf3 !important;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,131 @@
|
||||||
|
.rose-pine * {
|
||||||
|
color: #e0def4 !important;
|
||||||
|
stroke: #907aa9 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .app > * {
|
||||||
|
background-color: #1f1d2e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #nav {
|
||||||
|
background-color: #191724;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .py-2\.5.my-auto.flex.flex-col.justify-between.h-screen {
|
||||||
|
background: #191724;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .bg-white.dark\:bg-gray-800 {
|
||||||
|
background: #26233a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .w-4.h-4 {
|
||||||
|
fill: #c4a7e7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #chat-textarea {
|
||||||
|
background: #393552;
|
||||||
|
margin: 0.3rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .bg-gradient-to-t.from-white.dark\:from-gray-800.from-40\%.pb-2 {
|
||||||
|
background: #26233a !important;
|
||||||
|
padding-top: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #6e6a86;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
|
||||||
|
background-color: #286983;
|
||||||
|
transition: background-color 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center
|
||||||
|
> * {
|
||||||
|
fill: #9ccfd8 !important;
|
||||||
|
transition: fill 0.2s ease-out linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.w-full.flex.justify-between.rounded-md.px-3.py-2.hover\:bg-gray-900.bg-gray-900.transition.whitespace-nowrap.text-ellipsis {
|
||||||
|
background-color: #56526e;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .hover\:bg-gray-900:hover {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(57 53 82 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .text-xs.text-gray-700.uppercase.bg-gray-50.dark\:bg-gray-700.dark\:text-gray-400 {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .scrollbar-hidden.relative.overflow-x-auto.whitespace-nowrap.svelte-3g4avz {
|
||||||
|
border-radius: 16px 16px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .base.enter.svelte-ug60r4 {
|
||||||
|
background-color: #393552;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .message.svelte-1nauejd {
|
||||||
|
color: #e0def4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #dropdownDots {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .flex.py-2\.5.px-3\.5.w-full.hover\:bg-gray-800.transition:hover {
|
||||||
|
background: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .m-auto.rounded-xl.max-w-full.w-\[40rem\].mx-2.bg-gray-50.dark\:bg-gray-900.shadow-3xl {
|
||||||
|
background-color: #26233a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.w-full.rounded.p-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.resize-none {
|
||||||
|
background-color: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.w-full.rounded.py-2.px-4.text-sm.dark\:text-gray-300.dark\:bg-gray-800.outline-none.svelte-1vx7r9s {
|
||||||
|
background-color: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.bg-gray-200.dark\:bg-gray-700 {
|
||||||
|
background-color: #403d52;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine
|
||||||
|
.px-2\.5.py-2\.5.min-w-fit.rounded-lg.flex-1.md\:flex-none.flex.text-right.transition.hover\:bg-gray-300.dark\:hover\:bg-gray-800:hover {
|
||||||
|
background-color: #524f67;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .px-4.py-2.bg-emerald-600.hover\:bg-emerald-700.text-gray-100.transition.rounded {
|
||||||
|
background-color: #31748f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine #chat-search > * {
|
||||||
|
background-color: #403d52 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .svelte-1ee93ns {
|
||||||
|
--primary: #eb6f92 !important;
|
||||||
|
--secondary: #e0def4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rose-pine .svelte-11kvm4p {
|
||||||
|
--primary: #9ccfd8 !important;
|
||||||
|
--secondary: #1f1d2e !important;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue