popup.css

body {
    width: 780px;
    height: 560px;
    margin: 0;
    background-color: black;
    font-size: 12pt;
    font-family: Calibri, Helvetica, Arial;
    font-weight: normal;
}

#ubiq_window {
    position: fixed;
    left: 0px;
    top: 0px;
    visibility: visible;
    width: 780px;
    height: 560px;
    border: 0px;
    padding: 0px;
    z-index: 99999;
    background: #2d2d2d;
    overflow: hidden;
    /* display: flex; */
}

#ubiq-input-panel {
    border: 0;
    margin: 0;
    width: 780px;
    height: 55px;
}

#ubiq_input {
    border: 0px; 
    border-bottom: 1px outset gray;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-left: 4pt;
    padding-right: 4pt;
    background: #d3d3d3;
    color: #333;
    font-size: 18pt;
    -webkit-appearance: none;
    outline: none;

    font-family: Geneva, Tahoma, Verdana;
    text-shadow: #888 0px 1px .2px;
}

#ubiq_input:focus {
	color:black;
}        

#ubiq-command-tip, #ubiq-command-preview, #ubiq-results-panel {
    border: 0;
    display: block;
}

#ubiq-bottom-panel {
    height: 100%;
}
#ubiq-command-panel {
    width: 100%; 
    height: 100%;
    vertical-align: top;
}

#ubiq-command-tip {
    vertical-align: middle;
    color: #ddd;
    font-style: italic;
    width: 540px; 
    border-bottom: 1px dashed #888;
}

#ubiq-command-preview {
    color: #ddd;
    /* width: 540px;  */
    max-width: 540px; 
    /* flex-grow: 1; */
    width: 100%; 
    height: 505px;
    position: relative;
    overflow-y: auto;
    /* zoom overflow dirty fix */
    overflow-x: hidden;
    /* overflow-y: hidden; */
    /* scrollbar-width: thin; */
}

#ubiq-command-preview::-webkit-scrollbar
{
    width: 8px;
    background-color: #999;
}
#ubiq-command-preview::-webkit-scrollbar-thumb
{
    background-color: #555;
    border: 2px solid #999;
}

#ubiq-help::-webkit-scrollbar
{
    width: 8px;
    background-color: #999;
}
#ubiq-help::-webkit-scrollbar-thumb
{
    background-color: #555;
    border: 2px solid #999;
}

#ubiq-command-preview a {
    color:white;
    text-decoration: bold;
    font-size: 11.5pt;
}

#ubiq-command-preview table {
	border-collapse: collapse;
	border-spacing: 1px;
	border:1px solid #666;
}

#ubiq-command-preview #ubiq-preview-div {
    --zoom: 1.0;
    transform: scale(var(--zoom)); transform-origin: 0px 0px;
    -moz-transform: scale(var(--zoom)); -moz-transform-origin: 0 0;
    -webkit-transform: scale(var(--zoom)); -webkit-transform-origin: 0 0;
    width: calc(100% / var(--zoom)) !important;
    height: calc(100% / var(--zoom)) !important;
    height: 100%;
    overflow: hidden; 
    position: relative; border:0px;
}

#ubiq-preview-div #ubiq-preview-frm {
    --scrollX: 0px;
    --scrollY: 0px;
    --zoom: 1;
    width: calc(100%  + var(--scrollX)) !important; 
    height: calc(100% + var(--scrollY)) !important;
    background-color: transparent;
    border: 0px;
    /* max-width: calc(540px * var(--zoom)) !important;  */
}

#ubiq-result-panel {
    vertical-align: top;
    max-width: 240px;
    width: 0px;
    height: 505px;
    margin: 0;
    clear: both;
    text-align: left;
    color: white;
}
/* 
#ubiq-result-panel.result {
    padding-left: 4pt;
    padding-right: 4pt;
}
 */
#ubiq-result-panel ul {
	padding:0; 
	margin:0;
    width: 240px; 
    height: 100%;
    background: linear-gradient(90deg, #3b3b3b 90%, transparent 10%, rgba(0,0,0,0) 0), #2d2d2d;
    background-size: 257px auto;
}

#ubiq-result-panel li {
	color: black; 
	list-style: none; 
	margin: 0; 
    padding-top: 2pt;
	vertical-align: middle;
	padding-left: 6px;
	font-size: 12pt;
	height: 22pt;
    width: 225px;
	background-color: #a9a9a9;
	background-repeat: repeat;
    cursor: default;
}
#ubiq-result-panel li img {
    height: 20pt;
}

#ubiq-result-panel li.selected {
	background-color: #d3d3d3; 
    /* background: linear-gradient(#efefef, #b0b0b0); */
    position:relative;
    width: 225px;
}
#ubiq-result-panel li.external {
	text-shadow: 0px 0px 0px #FF0, 0px 0px 4px #880;
}
#ubiq-result-panel .more-commands {
    width: 225px;
    line-height: 10px;
    text-align: center;
}
#ubiq-result-panel li.selected::after {
    position:absolute;
    top:0%;
    left:100%;
    content:"";
    margin-left:0px;
    width: 0; 
    height: 0; 
    border-top: 12pt solid transparent;
    border-bottom: 12pt solid transparent;
    border-left: 6pt solid #d3d3d3;
}

[data-option=selected] {
    background-color: #404040;
    /* border-collapse: collapse;  */
    /* border:1px solid red; */
}

span.texticon {
    display: inline-block;
    font-size: 1em;
    height: 22pt;
    width: 22pt;
    vertical-align: middle;
    text-align: center;
    margin: 0px
}