kaj/Unify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Virtual Machine Activity
Files
master
Unify/assets/css/unify.css

1087 lines
114 KiB
CSS
Raw Permalink Normal View History

First commit
2025-12-25 11:16:59 +01:00
body {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
html,body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
background:#2c3339;
/*
background-size: 100vw 100vh!important;
background:url('../../../../../../assets/images/wallpapers/windows/dark/dark.png')!important;
*/
}
.pause-animation{
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused;
}
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: grey;
opacity: 1; /* Firefox */
}
/* safari and chrome */
@-webkit-keyframes wiggle {
0% {-webkit-transform:rotate(4deg);}
50% {-webkit-transform:rotate(-3deg);}
100% {-webkit-transform:rotate(3deg);}
}
/* firefox */
@-moz-keyframes wiggle {
0% {-moz-transform:rotate(4deg);}
50% {-moz-transform:rotate(-3deg);}
100% {-moz-transform:rotate(3deg);}
}
/* anyone brave enough to implement the ideal method */
@keyframes wiggle {
0% {transform:rotate(3deg);}
50% {transform:rotate(-3deg);}
100% {transform:rotate(3deg);}
}
.wiggle {
-webkit-animation: wiggle 0.2s infinite;
-moz-animation: wiggle 0.2s infinite;
animation: wiggle 0.2s infinite;
}
/*
.loader {
margin : 20;
color: #ffffff;
font-size: 90px;
text-indent: -9999em;
overflow: hidden;
width: 1em;
height: 1em;
border-radius: 50%;
margin: 72px auto;
position: relative;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
0% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@keyframes load6 {
0% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@-webkit-keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*/
input:-webkit-autofill {
-webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
@font-face {
font-family: myFirstFont;
src: url(ArianaVioleta-dz2K.ttf);
}
select:focus /* => from bootstrap css */
{
...
outline: 0;
box-shadow: none; /* => this cause the highlight! */
}
/*
body{
background-image:url('/assets/images/unify.jpg');
background-size:cover;
}
*//*
input {
-webkit-box-shadow: 0 0 0px 1000px #2D2D2D inset;
-webkit-text-fill-color:white;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: ,0 0 0 50px white inset;
-webkit-text-fill-color: #333;
}
::-webkit-scrollbar {
width: 2px;
}
::-webkit-scrollbar-thumb {
background: #ffffff59;
}
::-webkit-scrollbar-track {
background: #00000000;
}
*/
/*
Todo scrollbar in unify objects
*/
.repositoryPageRepositoryfilesGrid::-webkit-scrollbar-track, .ace_scrollbar::-webkit-scrollbar-track , .leftSideMenuGrid::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #373b44;
border-radius: 4px;
}
.repositoryPageRepositoryfilesGrid::-webkit-scrollbar,.ace_scrollbar::-webkit-scrollbar ,.leftSideMenuGrid::-webkit-scrollbar
{
width: 6px;
height: 6px;
background-color: #373b44;
}
.repositoryPageRepositoryfilesGrid::-webkit-scrollbar-thumb,.ace_scrollbar::-webkit-scrollbar-thumb ,.leftSideMenuGrid::-webkit-scrollbar-thumb
{
background-color: #7e8189;
border-radius: 4px;
}
body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fps{
right: 0;
top: 0;
position: absolute;
z-index: 10000;
margin: 20px;
margin-right: 40px;
}
.errorBlock{
border-radius: 0 4px 4px 0;
padding: 8px;
top: 10px;
position: relative;
left: -11px;
height: 24px;
background: #da2e2e;
font-weight: bold;
}
/*
@font-face {
font-family: Roboto;
src: url(/assets/fonts/Roboto-Regular/Roboto-Regular.woff2);
}
@font-face {
font-family: DejaVuSansMono;
src: url(/assets/fonts/DejaVuSansMono/DejaVuSansMono.woff2);
}
@font-face {
font-family: Garamond;
src: url(/assets/fonts/Garamond/Garamond-Regular.woff2);
}
@font-face {
font-family: Garamond;
src: url(/assets/fonts/Bodoni/Bodoni-Regular.woff2);
}
@font-face {
font-family: Garamond;
src: url(/assets/fonts/CenturyExpanded/CenturyExpanded.woff2);
}
@font-face {
font-family: Garamond;
src: url(/assets/fonts/Futura/futura-webfont.woff2);
}
@font-face {
font-family: Menlo;
src: url(/assets/fonts/Menlo/Menlo.woff2);
}
*/
.meter {
height: 5px;
position: relative;
background: #f3efe6;
overflow: hidden;
}
.meter span {
display: block;
height: 100%;
}
.progress {
background-color: #a6e22e;
animation: progressBar 7s ease-in;
animation-fill-mode:both;
}
@keyframes progressBar {
0% { width: 0; }
100% { width: 100%; }
}
.loadingBarPanel{
width: 100vw;
height: 100vh;
position: absolute;
z-index: 10000;
}
.centerPanel{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 400px;
height: 400px;
}
.ldBar{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 10000;
height: 400px!important;
width: 400px!important;
}
.ldBar path.mainline {
stroke-width: 1;
stroke: #09f;
stroke-linecap: round;
}
.ldBar path.baseline {
stroke-width: 14;
stroke: #f1f2f3;
stroke-linecap: round;
filter:url(#custom-shadow);
}
.foundText{
color: #a6e22e;
pointer-events: none;
font-weight: bold;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #e8e8e8;
font-size: 12px;
opacity: 1; /* Firefox */
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("/assets/fonts/macos/Inter-Thin.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-Thin.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("/assets/fonts/macos/Inter-ThinItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-ThinItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("/assets/fonts/macos/Inter-ExtraLight.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-ExtraLight.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url("/assets/fonts/macos/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-ExtraLightItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("/assets/fonts/macos/Inter-Light.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-Light.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("/assets/fonts/macos/Inter-LightItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-LightItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/assets/fonts/macos/Inter-Regular.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("/assets/fonts/macos/Inter-Italic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-Italic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("/assets/fonts/macos/Inter-Medium.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-Medium.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("/assets/fonts/macos/Inter-MediumItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-MediumItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("/assets/fonts/macos/Inter-SemiBold.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-SemiBold.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("/assets/fonts/macos/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-SemiBoldItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("/assets/fonts/macos/Inter-Bold.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-Bold.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("/assets/fonts/macos/Inter-BoldItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-BoldItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("/assets/fonts/macos/Inter-ExtraBold.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-ExtraBold.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("/assets/fonts/macos/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("/assets/fonts/macos/Inter-Black.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-Black.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("/assets/fonts/macos/Inter-BlackItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/macos/Inter-BlackItalic.woff?v=3.19") format("woff");
}
/* -------------------------------------------------------
Variable font.
Usage:
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
html { font-family: 'Inter var', sans-serif; }
}
*/
@font-face {
font-family: 'Inter var';
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: 'Regular';
src: url("/assets/fonts/macos/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: 'Inter var';
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: 'Italic';
src: url("/assets/fonts/macos/Inter-italic.var.woff2?v=3.19") format("woff2");
}
/* --------------------------------------------------------------------------
[EXPERIMENTAL] Multi-axis, single variable font.
Slant axis is not yet widely supported (as of February 2019) and thus this
multi-axis single variable font is opt-in rather than the default.
When using this, you will probably need to set font-variation-settings
explicitly, e.g.
* { font-variation-settings: "slnt" 0deg }
.italic { font-variation-settings: "slnt" 10deg }
*/
@font-face {
font-family: 'Inter var experimental';
font-weight: 100 900;
font-display: swap;
font-style: oblique 0deg 10deg;
src: url("/assets/fonts/macos/Inter.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: TC;
font-weight: normal;
src: url(/assets/fonts/NotoSansTC/NotoSans-Regular.ttf) format('woff2')
}
@font-face {
font-family: SegoeUI;
src: url(/assets/fonts/windows/selawik.regular.ttf)
}
@font-face {
font-family: sf-ui;
src: url(/assets/fonts/macos/sf-ui.ttf)
}
/* Roboto-Regular.ttf 400 */
/* Roboto-Bold.ttf 700 */
/* Roboto-Italic.ttf 400 */
/* Roboto-BoldItalic.ttf 700 */
/* Roboto-Medium.ttf 500 */
/* Roboto-MediumItalic.ttf 500 */
/* Roboto-Light.ttf 300 */
/* Roboto-LightItalic.ttf 300 */
@font-face {
font-family: android;
font-weight: 200;
src: url(/assets/fonts/android/Roboto-Thin.ttf)
}
@font-face {
font-family: android;
font-weight: 300;
src: url(/assets/fonts/android/Roboto-Light.ttf)
}
@font-face {
font-family: android;
font-weight: 400;
src: url(/assets/fonts/android/Roboto-Regular.ttf)
}
@font-face {
font-family: android;
font-weight: 500;
src: url(/assets/fonts/android/Roboto-Medium.ttf)
}
@font-face {
font-family: android;
font-weight: 700;
src: url(/assets/fonts/android/Roboto-Bold.ttf)
}
/*
@font-face {
font-family: android;
font-weight: 300;
src: url(/assets/fonts/android/android-300.woff2)
}
@font-face {
font-family: android;
font-weight: 600;
src: url(/assets/fonts/android/android-600.woff2)
}
@font-face {
font-family: android;
font-weight: 700;
src: url(/assets/fonts/android/android-700.woff2)
}
@font-face {
font-family: android;
font-weight: 800;
src: url(/assets/fonts/android/android-800.woff2)
}
*/
.preloader{
left: 40%;
position: absolute;
transform: translateY(-50%);
width: 212px;
display: block;
z-index: 10000;
background: url("../images/preloader.gif");
margin: 0 auto;
height: 153px;
background-size: contain;
top: 45%;
}
border-top:before { content: "Note: " }
blockquote{
border-top: 4px solid black;
border-radius: 6px;
width: 96%;
font-size: 16px;
margin: 0;
padding: 12px 20px;
color: white;
background: #8ec523;
max-width: calc(100vw - 522px);
margin-top: 6px;
}
/*
*:not(span){
font-family: 'TC';
}
*/
body{
overflow: hidden;
column-gap: none;
}
.grid{
display: flex;
padding: 0;
margin: 0;
}
.box{
display: -webkit-box;
}
body{
margin: 0;
}
.halfCodeElement{
float: left;
width: 45%;
}
.examplePanel{
width: 45%;
float: right;
height: 100%;
background: #2f333c;
align-items: center;
}
.examplePanel > div{
margin: 0 auto;
margin-top: 10%;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
10% {
transform: scale(1, 1);
}
35% {
transform: scale(1, 1.7);
}
40% {
transform: scale(1, 1.7);
}
50% {
opacity: 1;
}
60% {
transform: scale(1, 1);
}
100% {
transform: scale(1, 1);
opacity: 0;
}
}
[data-language] code,
[class^="lang"] code,
pre [data-language],
pre [class^="lang"] {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
animation: fade-in 1ms ease-in-out 1ms forwards;
font-family: monospace!important;
font-family: 'TC';
}
[data-language] code.rainbow,
[class^="lang"] code.rainbow,
pre [data-language].rainbow,
pre [class^="lang"].rainbow {
animation: none;
transition: opacity 1ms ease-in-out;
}
[data-language] code.loading,
[class^="lang"] code.loading,
pre [data-language].loading,
pre [class^="lang"].loading {
animation: none;
}
[data-language] code.rainbow-show,
[class^="lang"] code.rainbow-show,
pre [data-language].rainbow-show,
pre [class^="lang"].rainbow-show {
opacity: 1;
}
pre {
position: relative;
}
pre.loading .preloader div {
animation-play-state: running;
}
pre.loading .preloader div:nth-of-type(1) {
background: #0081f5;
animation: fade .1s 300ms linear infinite;
}
pre.loading .preloader div:nth-of-type(2) {
background: #5000f5;
animation: fade .1s 438ms linear infinite;
}
pre.loading .preloader div:nth-of-type(3) {
background: #9000f5;
animation: fade .1s 577ms linear infinite;
}
pre.loading .preloader div:nth-of-type(4) {
background: #f50419;
animation: fade .1s 715ms linear infinite;
}
pre.loading .preloader div:nth-of-type(5) {
background: #f57900;
animation: fade .1s 853ms linear infinite;
}
pre.loading .preloader div:nth-of-type(6) {
background: #f5e600;
animation: fade .1s 992ms linear infinite;
}
pre.loading .preloader div:nth-of-type(7) {
background: #00f50c;
animation: fade .1s 1130ms linear infinite;
}
pre .preloader {
position: absolute;
top: 12px;
left: 10px;
}
pre {
background-color: #000;
word-wrap: break-word;
margin: 0px;
color: #fff;
font-size: 14px;
margin-bottom: 20px;
max-width: calc(100vw - 522px);
overflow: auto;
padding: 20px;
margin-top: 20px;
}
code{
}
pre,
code {
font-family: "Monaco", "Menlo", courier, monospace;
font-family: 'TC';
}
pre {
background: #324148;
}
pre .comment {
color: #75715e;
}
pre .constant {
color: #ae81ff;
}
pre .storage {
color: #66d9ef;
font-style: italic;
}
pre .string,
pre .comment.docstring {
color: #e6db74;
}
pre .support.tag {
color: #fff;
}
pre .keyword {
color: #f92672;
}
pre .selector,
pre .storage.modifier.extends {
color: #f92672;
}
pre .inherited-class {
font-style: italic;
}
pre .operator,
pre .support.tag-name,
pre .entity.tag {
color: #f92672;
}
pre .entity,
pre .support.attribute,
pre .entity.attribute {
color: #a6e22e;
}
pre .entity.name.type,
pre .entity.name.struct {
color: #fff;
}
pre .support,
pre *[data-language="c"] .function.call {
color: #66d9ef;
}
pre .css-property,
pre .storage.function {
font-style: italic;
}
pre .variable.global,
pre .variable.class,
pre .variable.instance {
color: #a6e22e;
}
[data-language="html"] .support.operator,
.lang-html .support.operator,
.language-html .support.operator {
color: #fff;
}
[data-language="javascript"] .variable.super,
.lang-javascript .variable.super,
.language-javascript .variable.super {
color: #66d9ef;
}
[data-language="js"] .variable.super,
.lang-js .variable.super,
.language-js .variable.super {
color: #66d9ef;
}
.download{
display: contents;
margin: 10px 4px;
color: #fff !important;
border-radius: 4px;
/*font-size: 20px;*/
font-weight: 400;
transition: background-color 0.2s ease-in-out;
width: 36%;
text-align: center;
float: left;
text-decoration: none;
}
.download div{
padding: 0.2em 0.6em;
padding: 20px;
}
.download .name{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #026e00;
font-weight: bold;
}
.download .size{
border-bottom: 1px solid #f7f3f3;
background: #ececec;
color: black;
}
.download:hover .name{
background: #159312;
}
.download .description{
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #ececec;
color: #46535f;
}
.download div{
}
/*
.leftSideMenuGrid::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #373b44;
border-radius: 4px;
}
.leftSideMenuGrid::-webkit-scrollbar
{
width: 6px;
background-color: #373b44;
}
.leftSideMenuGrid::-webkit-scrollbar-thumb
{
background-color: #7e8189;
border-radius: 4px;
}
*/
/*the container must be positioned relative:*/
.autocomplete {
position: relative;
display: inline-block;
}
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
/*when hovering an item:*/
.autocomplete-items div:hover {
background-color: #e9e9e9;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
}
.bue-render{-webkit-touch-callout:none;border:0;color:#fff;font-size:13px;line-height:normal;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:baseline;width:100%}.bue-render .frame{background-color:#a6a6a6;height:250px;overflow:hidden;position:relative}.bue-render .canvas{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACABAMAAAAxEHz4AAAAG1BMVEUVFRUWFhYkJCQlJSUzMzMmJiY0NDQxMTEyMjIQl+acAAAAXklEQVR4AWKAA0HyAAOTkrIxCDiHQkAqifSgMWDUgFEDRg1g7wCCFhcgcEsjB4wGIqCdOhYAAAAAGORvPYw9CXQ2AQCADwAAgA8AAIAPAACADwAAgA8AAIAPfgAAAASSCCi35k/7bwAAAABJRU5ErkJggg==);height:50000px;position:absolute;transform:scale(1);transform-origin:0 0 0;width:50000px}.bue-render .multi-select{border:1px solid transparent;border-image-repeat:round;border-image-slice:6;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAW0lEQVR42u2VQQoAMQgD56e+LS91L7LYQw+rhYViPBkwiAYChqIMUrfjVsZAHkCkbsetDAK5VzfIAhWcErBY6zvqk6d07H3jz0ccgXHiOHGMdJ2RetHWC9dmvD+e8yPwCj5gxgAAAABJRU5ErkJggg==);border-image-width:6px;position:absolute}.bue-render .link{overflow:initial;position:absolute;z-index:4}.bue-render .frame-header{align-items:center;background-color:rgba(0,0,0,.5);display:flex;font-size:18px;height:40px;pointer-events:none;position:absolute;top:0;white-space:nowrap;width:100%}.bue-render .frame-header__buttons{border-right:1px solid #fff;color:#fff;display:flex;padding:0 5px;pointer-events:all}.bue-render .frame-header__buttons-fullscreen{cursor:pointer;padding:0 5px}.bue-render .frame-header__buttons-fullscreen:before{background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMjh2LTkuNjVoM1YyNWg2LjY1djN6TTAgOS42NVYwaDkuNjV2M0gzdjYuNjV6TTE4LjM1IDI4di0zSDI1di02LjY1aDNWMjh6TTI1IDkuNjVWM2gtNi42NVYwSDI4djkuNjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) top no-repeat;background-size:13px auto;content:"";display:inline-block;height:16px;margin-right:5px;vertical-align:middle;width:16px}.bue-render .frame-header__buttons-fullscreen:hover{background-color:#c89307}.bue-render .frame-header__buttons-fullscreen--exit:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNjUgMjh2LTYuNjVIMHYtM2g5LjY1VjI4em0xMS43IDB2LTkuNjVIMjh2M2gtNi42NVYyOHpNMCA5LjY1di0zaDYuNjVWMGgzdjkuNjV6bTE4LjM1IDBWMGgzdjYuNjVIMjh2M3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")}.bue-render .frame-header__buttons-panel{cursor:pointer}.bue-render .frame-header__buttons-panel:before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAApklEQVR42oWRMQ6CUBBE5xB02FLwC+5hFFs4ENacAbA0FCTcg4Qea+k4wbMAv58EYbqZnWRnZyULfDomJjpO2gIRX0TrQUCGkcitIZcIuRPMhgoY6XHR8wYekjizh4soHPokIaF2lFKEtAtpbKpmUVqMJDxeAFyt4QbAgDdTjwGA2Bpix4DZXRGK0olUk5KuQhbHZ/4tagSqvaoN2VL14bM23u3/1A9okEUmPlbeSQAAAABJRU5ErkJggg==);padding:0 5px;position:relative;top:2px}.bue-render .frame-header__buttons-panel:hover{background-color:#c89307}.bue-render .frame-header__buttons-reset{cursor:pointer;padding:0 5px}.bue-render .frame-header__buttons-reset:before{background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDUuNCA0NS40IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zNi41IDAtMi4xIDIuMSA1LjMgNS4zSDcuNHYzMi4yNWwtNS4zLTUuM0wwIDM2LjVsOC45IDguOSA4LjktOC45LTIuMS0yLjEtNS4zIDUuM1YxMC40aDI5LjI1bC01LjMgNS4zIDIuMTUgMi4xIDguOS04Ljl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) top no-repeat;background-size:13px auto;content:"";display:inline-block;height:16px;margin-right:5px;vertical-align:middle;width:16px}.bue-render .frame-header__buttons-reset:hover{background-color:#c89307}.bue-render .frame-header__buttons-separator{position:relative;width:10px}.bue-render .frame-header__buttons-separator:before{border-left:1px solid #fff;bottom:0;content:"";left:4px;position:absolute;top:0}.bue-render .frame-header__breadcrumb{color:hsla(0,0%,100%,.65);flex-grow:1;overflow:hidden;padding:0 10px 0 5px;text-overflow:ellipsis}.bue-render .frame-header__breadcrumb-item{cursor:
.node{
pointer-events: none;
}
Reference in New Issue Copy Permalink