forked from Agent725/ESP32C3
3658 lines
106 KiB
CSS
3658 lines
106 KiB
CSS
|
/* --------------------------------------------------------------
|
||
|
|
css/ui-lightness/jquery-ui-1.10.1.custom.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/*! jQuery UI - v1.10.1 - 2013-03-06
|
||
|
|
* http://jqueryui.com
|
||
|
|
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
|
||
|
|
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
|
||
|
|
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
|
||
|
|
|
||
|
|
/* Layout helpers
|
||
|
|
----------------------------------*/
|
||
|
|
.ui-helper-hidden {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.ui-helper-hidden-accessible {
|
||
|
|
border: 0;
|
||
|
|
clip: rect(0 0 0 0);
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0;
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
}
|
||
|
|
.ui-helper-reset {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
outline: 0;
|
||
|
|
line-height: 1.3;
|
||
|
|
text-decoration: none;
|
||
|
|
font-size: 100%;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.ui-helper-clearfix:before,
|
||
|
|
.ui-helper-clearfix:after {
|
||
|
|
content: "";
|
||
|
|
display: table;
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
.ui-helper-clearfix:after {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.ui-helper-clearfix {
|
||
|
|
min-height: 0; /* support: IE7 */
|
||
|
|
}
|
||
|
|
.ui-helper-zfix {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
opacity: 0;
|
||
|
|
filter:Alpha(Opacity=0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-front {
|
||
|
|
z-index: 100;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Interaction Cues
|
||
|
|
----------------------------------*/
|
||
|
|
.ui-state-disabled {
|
||
|
|
cursor: default !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Icons
|
||
|
|
----------------------------------*/
|
||
|
|
|
||
|
|
/* states and images */
|
||
|
|
.ui-icon {
|
||
|
|
display: block;
|
||
|
|
text-indent: -99999px;
|
||
|
|
overflow: hidden;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Misc visuals
|
||
|
|
----------------------------------*/
|
||
|
|
|
||
|
|
/* Overlays */
|
||
|
|
.ui-widget-overlay {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.ui-resizable {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.ui-resizable-handle {
|
||
|
|
position: absolute;
|
||
|
|
font-size: 0.1px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.ui-resizable-disabled .ui-resizable-handle,
|
||
|
|
.ui-resizable-autohide .ui-resizable-handle {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.ui-resizable-n {
|
||
|
|
cursor: n-resize;
|
||
|
|
height: 7px;
|
||
|
|
width: 100%;
|
||
|
|
top: -5px;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.ui-resizable-s {
|
||
|
|
cursor: s-resize;
|
||
|
|
height: 7px;
|
||
|
|
width: 100%;
|
||
|
|
bottom: -5px;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.ui-resizable-e {
|
||
|
|
cursor: e-resize;
|
||
|
|
width: 7px;
|
||
|
|
right: -5px;
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.ui-resizable-w {
|
||
|
|
cursor: w-resize;
|
||
|
|
width: 7px;
|
||
|
|
left: -5px;
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.ui-resizable-se {
|
||
|
|
cursor: se-resize;
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
right: 1px;
|
||
|
|
bottom: 1px;
|
||
|
|
}
|
||
|
|
.ui-resizable-sw {
|
||
|
|
cursor: sw-resize;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
left: -5px;
|
||
|
|
bottom: -5px;
|
||
|
|
}
|
||
|
|
.ui-resizable-nw {
|
||
|
|
cursor: nw-resize;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
left: -5px;
|
||
|
|
top: -5px;
|
||
|
|
}
|
||
|
|
.ui-resizable-ne {
|
||
|
|
cursor: ne-resize;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
right: -5px;
|
||
|
|
top: -5px;
|
||
|
|
}
|
||
|
|
.ui-selectable-helper {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 100;
|
||
|
|
border: 1px dotted black;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-header {
|
||
|
|
display: block;
|
||
|
|
cursor: pointer;
|
||
|
|
position: relative;
|
||
|
|
margin-top: 2px;
|
||
|
|
padding: .5em .5em .5em .7em;
|
||
|
|
min-height: 0; /* support: IE7 */
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-icons {
|
||
|
|
padding-left: 2.2em;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-noicons {
|
||
|
|
padding-left: .7em;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
|
||
|
|
padding-left: 2.2em;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
|
||
|
|
position: absolute;
|
||
|
|
left: .5em;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -8px;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-content {
|
||
|
|
padding: 1em 2.2em;
|
||
|
|
border-top: 0;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
.ui-autocomplete {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.ui-button {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
padding: 0;
|
||
|
|
line-height: normal;
|
||
|
|
margin-right: .1em;
|
||
|
|
cursor: pointer;
|
||
|
|
vertical-align: middle;
|
||
|
|
text-align: center;
|
||
|
|
overflow: visible; /* removes extra width in IE */
|
||
|
|
}
|
||
|
|
.ui-button,
|
||
|
|
.ui-button:link,
|
||
|
|
.ui-button:visited,
|
||
|
|
.ui-button:hover,
|
||
|
|
.ui-button:active {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
/* to make room for the icon, a width needs to be set here */
|
||
|
|
.ui-button-icon-only {
|
||
|
|
width: 2.2em;
|
||
|
|
}
|
||
|
|
/* button elements seem to need a little more width */
|
||
|
|
button.ui-button-icon-only {
|
||
|
|
width: 2.4em;
|
||
|
|
}
|
||
|
|
.ui-button-icons-only {
|
||
|
|
width: 3.4em;
|
||
|
|
}
|
||
|
|
button.ui-button-icons-only {
|
||
|
|
width: 3.7em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* button text element */
|
||
|
|
.ui-button .ui-button-text {
|
||
|
|
display: block;
|
||
|
|
line-height: normal;
|
||
|
|
}
|
||
|
|
.ui-button-text-only .ui-button-text {
|
||
|
|
padding: .4em 1em;
|
||
|
|
}
|
||
|
|
.ui-button-icon-only .ui-button-text,
|
||
|
|
.ui-button-icons-only .ui-button-text {
|
||
|
|
padding: .4em;
|
||
|
|
text-indent: -9999999px;
|
||
|
|
}
|
||
|
|
.ui-button-text-icon-primary .ui-button-text,
|
||
|
|
.ui-button-text-icons .ui-button-text {
|
||
|
|
padding: .4em 1em .4em 2.1em;
|
||
|
|
}
|
||
|
|
.ui-button-text-icon-secondary .ui-button-text,
|
||
|
|
.ui-button-text-icons .ui-button-text {
|
||
|
|
padding: .4em 2.1em .4em 1em;
|
||
|
|
}
|
||
|
|
.ui-button-text-icons .ui-button-text {
|
||
|
|
padding-left: 2.1em;
|
||
|
|
padding-right: 2.1em;
|
||
|
|
}
|
||
|
|
/* no icon support for input elements, provide padding by default */
|
||
|
|
input.ui-button {
|
||
|
|
padding: .4em 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* button icon element(s) */
|
||
|
|
.ui-button-icon-only .ui-icon,
|
||
|
|
.ui-button-text-icon-primary .ui-icon,
|
||
|
|
.ui-button-text-icon-secondary .ui-icon,
|
||
|
|
.ui-button-text-icons .ui-icon,
|
||
|
|
.ui-button-icons-only .ui-icon {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -8px;
|
||
|
|
}
|
||
|
|
.ui-button-icon-only .ui-icon {
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -8px;
|
||
|
|
}
|
||
|
|
.ui-button-text-icon-primary .ui-button-icon-primary,
|
||
|
|
.ui-button-text-icons .ui-button-icon-primary,
|
||
|
|
.ui-button-icons-only .ui-button-icon-primary {
|
||
|
|
left: .5em;
|
||
|
|
}
|
||
|
|
.ui-button-text-icon-secondary .ui-button-icon-secondary,
|
||
|
|
.ui-button-text-icons .ui-button-icon-secondary,
|
||
|
|
.ui-button-icons-only .ui-button-icon-secondary {
|
||
|
|
right: .5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* button sets */
|
||
|
|
.ui-buttonset {
|
||
|
|
margin-right: 7px;
|
||
|
|
}
|
||
|
|
.ui-buttonset .ui-button {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: -.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* workarounds */
|
||
|
|
/* reset extra padding in Firefox, see h5bp.com/l */
|
||
|
|
input.ui-button::-moz-focus-inner,
|
||
|
|
button.ui-button::-moz-focus-inner {
|
||
|
|
border: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker {
|
||
|
|
width: 17em;
|
||
|
|
padding: .2em .2em 0;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-header {
|
||
|
|
position: relative;
|
||
|
|
padding: .2em 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-prev,
|
||
|
|
.ui-datepicker .ui-datepicker-next {
|
||
|
|
position: absolute;
|
||
|
|
top: 2px;
|
||
|
|
width: 1.8em;
|
||
|
|
height: 1.8em;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-prev-hover,
|
||
|
|
.ui-datepicker .ui-datepicker-next-hover {
|
||
|
|
top: 1px;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-prev {
|
||
|
|
left: 2px;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-next {
|
||
|
|
right: 2px;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-prev-hover {
|
||
|
|
left: 1px;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-next-hover {
|
||
|
|
right: 1px;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-prev span,
|
||
|
|
.ui-datepicker .ui-datepicker-next span {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -8px;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -8px;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-title {
|
||
|
|
margin: 0 2.3em;
|
||
|
|
line-height: 1.8em;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-title select {
|
||
|
|
font-size: 1em;
|
||
|
|
margin: 1px 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker select.ui-datepicker-month-year {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.ui-datepicker select.ui-datepicker-month,
|
||
|
|
.ui-datepicker select.ui-datepicker-year {
|
||
|
|
width: 49%;
|
||
|
|
}
|
||
|
|
.ui-datepicker table {
|
||
|
|
width: 100%;
|
||
|
|
font-size: .9em;
|
||
|
|
border-collapse: collapse;
|
||
|
|
margin: 0 0 .4em;
|
||
|
|
}
|
||
|
|
.ui-datepicker th {
|
||
|
|
padding: .7em .3em;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: bold;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker td {
|
||
|
|
border: 0;
|
||
|
|
padding: 1px;
|
||
|
|
}
|
||
|
|
.ui-datepicker td span,
|
||
|
|
.ui-datepicker td a {
|
||
|
|
display: block;
|
||
|
|
padding: .2em;
|
||
|
|
text-align: right;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-buttonpane {
|
||
|
|
background-image: none;
|
||
|
|
margin: .7em 0 0 0;
|
||
|
|
padding: 0 .2em;
|
||
|
|
border-left: 0;
|
||
|
|
border-right: 0;
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-buttonpane button {
|
||
|
|
float: right;
|
||
|
|
margin: .5em .2em .4em;
|
||
|
|
cursor: pointer;
|
||
|
|
padding: .2em .6em .3em .6em;
|
||
|
|
width: auto;
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* with multiple calendars */
|
||
|
|
.ui-datepicker.ui-datepicker-multi {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi .ui-datepicker-group {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi .ui-datepicker-group table {
|
||
|
|
width: 95%;
|
||
|
|
margin: 0 auto .4em;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi-2 .ui-datepicker-group {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi-3 .ui-datepicker-group {
|
||
|
|
width: 33.3%;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi-4 .ui-datepicker-group {
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
||
|
|
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
||
|
|
border-left-width: 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
||
|
|
clear: left;
|
||
|
|
}
|
||
|
|
.ui-datepicker-row-break {
|
||
|
|
clear: both;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* RTL support */
|
||
|
|
.ui-datepicker-rtl {
|
||
|
|
direction: rtl;
|
||
|
|
}
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-prev {
|
||
|
|
right: 2px;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-next {
|
||
|
|
left: 2px;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
||
|
|
right: 1px;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
||
|
|
left: 1px;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
||
|
|
clear: right;
|
||
|
|
}
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-group {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
||
|
|
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
||
|
|
border-right-width: 0;
|
||
|
|
border-left-width: 1px;
|
||
|
|
}
|
||
|
|
.ui-dialog {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
padding: .2em;
|
||
|
|
outline: 0;
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-dialog-titlebar {
|
||
|
|
padding: .4em 1em;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-dialog-title {
|
||
|
|
float: left;
|
||
|
|
margin: .1em 0;
|
||
|
|
white-space: nowrap;
|
||
|
|
width: 90%;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-dialog-titlebar-close {
|
||
|
|
position: absolute;
|
||
|
|
right: .3em;
|
||
|
|
top: 50%;
|
||
|
|
width: 21px;
|
||
|
|
margin: -10px 0 0 0;
|
||
|
|
padding: 1px;
|
||
|
|
height: 20px;
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-dialog-content {
|
||
|
|
position: relative;
|
||
|
|
border: 0;
|
||
|
|
padding: .5em 1em;
|
||
|
|
background: none;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-dialog-buttonpane {
|
||
|
|
text-align: left;
|
||
|
|
border-width: 1px 0 0 0;
|
||
|
|
background-image: none;
|
||
|
|
margin-top: .5em;
|
||
|
|
padding: .3em 1em .5em .4em;
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-dialog-buttonpane button {
|
||
|
|
margin: .5em .4em .5em 0;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-resizable-se {
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
right: -5px;
|
||
|
|
bottom: -5px;
|
||
|
|
background-position: 16px 16px;
|
||
|
|
}
|
||
|
|
.ui-draggable .ui-dialog-titlebar {
|
||
|
|
cursor: move;
|
||
|
|
}
|
||
|
|
.ui-menu {
|
||
|
|
list-style: none;
|
||
|
|
padding: 2px;
|
||
|
|
margin: 0;
|
||
|
|
display: block;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.ui-menu .ui-menu {
|
||
|
|
margin-top: -3px;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.ui-menu .ui-menu-item {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.ui-menu .ui-menu-divider {
|
||
|
|
margin: 5px -2px 5px -2px;
|
||
|
|
height: 0;
|
||
|
|
font-size: 0;
|
||
|
|
line-height: 0;
|
||
|
|
border-width: 1px 0 0 0;
|
||
|
|
}
|
||
|
|
.ui-menu .ui-menu-item a {
|
||
|
|
text-decoration: none;
|
||
|
|
display: block;
|
||
|
|
padding: 2px .4em;
|
||
|
|
line-height: 1.5;
|
||
|
|
min-height: 0; /* support: IE7 */
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
.ui-menu .ui-menu-item a.ui-state-focus,
|
||
|
|
.ui-menu .ui-menu-item a.ui-state-active {
|
||
|
|
font-weight: normal;
|
||
|
|
margin: -1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-menu .ui-state-disabled {
|
||
|
|
font-weight: normal;
|
||
|
|
margin: .4em 0 .2em;
|
||
|
|
line-height: 1.5;
|
||
|
|
}
|
||
|
|
.ui-menu .ui-state-disabled a {
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* icon support */
|
||
|
|
.ui-menu-icons {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.ui-menu-icons .ui-menu-item a {
|
||
|
|
position: relative;
|
||
|
|
padding-left: 2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* left-aligned */
|
||
|
|
.ui-menu .ui-icon {
|
||
|
|
position: absolute;
|
||
|
|
top: .2em;
|
||
|
|
left: .2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* right-aligned */
|
||
|
|
.ui-menu .ui-menu-icon {
|
||
|
|
position: static;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.ui-progressbar {
|
||
|
|
height: 2em;
|
||
|
|
text-align: left;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.ui-progressbar .ui-progressbar-value {
|
||
|
|
margin: -1px;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.ui-progressbar .ui-progressbar-overlay {
|
||
|
|
background: url(css/ui-lightness/images/animated-overlay.gif);
|
||
|
|
height: 100%;
|
||
|
|
filter: alpha(opacity=25);
|
||
|
|
opacity: 0.25;
|
||
|
|
}
|
||
|
|
.ui-progressbar-indeterminate .ui-progressbar-value {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.ui-slider {
|
||
|
|
position: relative;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.ui-slider .ui-slider-handle {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 2;
|
||
|
|
width: 1.2em;
|
||
|
|
height: 1.2em;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.ui-slider .ui-slider-range {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1;
|
||
|
|
font-size: .7em;
|
||
|
|
display: block;
|
||
|
|
border: 0;
|
||
|
|
background-position: 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* For IE8 - See #6727 */
|
||
|
|
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||
|
|
.ui-slider.ui-state-disabled .ui-slider-range {
|
||
|
|
filter: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-slider-horizontal {
|
||
|
|
height: .8em;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal .ui-slider-handle {
|
||
|
|
top: -.3em;
|
||
|
|
margin-left: -.6em;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal .ui-slider-range {
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal .ui-slider-range-min {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal .ui-slider-range-max {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-slider-vertical {
|
||
|
|
width: .8em;
|
||
|
|
height: 100px;
|
||
|
|
}
|
||
|
|
.ui-slider-vertical .ui-slider-handle {
|
||
|
|
left: -.3em;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-bottom: -.6em;
|
||
|
|
}
|
||
|
|
.ui-slider-vertical .ui-slider-range {
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.ui-slider-vertical .ui-slider-range-min {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
.ui-slider-vertical .ui-slider-range-max {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.ui-spinner {
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.ui-spinner-input {
|
||
|
|
border: none;
|
||
|
|
background: none;
|
||
|
|
color: inherit;
|
||
|
|
padding: 0;
|
||
|
|
margin: .2em 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
margin-left: .4em;
|
||
|
|
margin-right: 22px;
|
||
|
|
}
|
||
|
|
.ui-spinner-button {
|
||
|
|
width: 16px;
|
||
|
|
height: 50%;
|
||
|
|
font-size: .5em;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
text-align: center;
|
||
|
|
position: absolute;
|
||
|
|
cursor: default;
|
||
|
|
display: block;
|
||
|
|
overflow: hidden;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
/* more specificity required here to overide default borders */
|
||
|
|
.ui-spinner a.ui-spinner-button {
|
||
|
|
border-top: none;
|
||
|
|
border-bottom: none;
|
||
|
|
border-right: none;
|
||
|
|
}
|
||
|
|
/* vertical centre icon */
|
||
|
|
.ui-spinner .ui-icon {
|
||
|
|
position: absolute;
|
||
|
|
margin-top: -8px;
|
||
|
|
top: 50%;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.ui-spinner-up {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.ui-spinner-down {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TR overrides */
|
||
|
|
.ui-spinner .ui-icon-triangle-1-s {
|
||
|
|
/* need to fix icons sprite */
|
||
|
|
background-position: -65px -16px;
|
||
|
|
}
|
||
|
|
.ui-tabs {
|
||
|
|
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||
|
|
padding: .2em;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav {
|
||
|
|
margin: 0;
|
||
|
|
padding: .2em .2em 0;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li {
|
||
|
|
list-style: none;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
top: 0;
|
||
|
|
margin: 1px .2em 0 0;
|
||
|
|
border-bottom: 0;
|
||
|
|
padding: 0;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li a {
|
||
|
|
float: left;
|
||
|
|
padding: .5em 1em;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
||
|
|
margin-bottom: -1px;
|
||
|
|
padding-bottom: 1px;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
|
||
|
|
cursor: text;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
||
|
|
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-panel {
|
||
|
|
display: block;
|
||
|
|
border-width: 0;
|
||
|
|
padding: 1em 1.4em;
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.ui-tooltip {
|
||
|
|
padding: 8px;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 9999;
|
||
|
|
max-width: 300px;
|
||
|
|
-webkit-box-shadow: 0 0 5px #aaa;
|
||
|
|
box-shadow: 0 0 5px #aaa;
|
||
|
|
}
|
||
|
|
body .ui-tooltip {
|
||
|
|
border-width: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Component containers
|
||
|
|
----------------------------------*/
|
||
|
|
.ui-widget {
|
||
|
|
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
||
|
|
font-size: 1.1em;
|
||
|
|
}
|
||
|
|
.ui-widget .ui-widget {
|
||
|
|
font-size: 1em;
|
||
|
|
}
|
||
|
|
.ui-widget input,
|
||
|
|
.ui-widget select,
|
||
|
|
.ui-widget textarea,
|
||
|
|
.ui-widget button {
|
||
|
|
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
||
|
|
font-size: 1em;
|
||
|
|
}
|
||
|
|
.ui-widget-content {
|
||
|
|
border: 1px solid #dddddd;
|
||
|
|
background: #eeeeee url(css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.ui-widget-content a {
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.ui-widget-header {
|
||
|
|
border: 1px solid #e78f08;
|
||
|
|
background: #f6a828 url(css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
|
||
|
|
color: #ffffff;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.ui-widget-header a {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Interaction states
|
||
|
|
----------------------------------*/
|
||
|
|
.ui-state-default,
|
||
|
|
.ui-widget-content .ui-state-default,
|
||
|
|
.ui-widget-header .ui-state-default {
|
||
|
|
border: 1px solid #cccccc;
|
||
|
|
background: #f6f6f6 url(css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #1c94c4;
|
||
|
|
}
|
||
|
|
.ui-state-default a,
|
||
|
|
.ui-state-default a:link,
|
||
|
|
.ui-state-default a:visited {
|
||
|
|
color: #1c94c4;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.ui-state-hover,
|
||
|
|
.ui-widget-content .ui-state-hover,
|
||
|
|
.ui-widget-header .ui-state-hover,
|
||
|
|
.ui-state-focus,
|
||
|
|
.ui-widget-content .ui-state-focus,
|
||
|
|
.ui-widget-header .ui-state-focus {
|
||
|
|
border: 1px solid #fbcb09;
|
||
|
|
background: #fdf5ce url(css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #c77405;
|
||
|
|
}
|
||
|
|
.ui-state-hover a,
|
||
|
|
.ui-state-hover a:hover,
|
||
|
|
.ui-state-hover a:link,
|
||
|
|
.ui-state-hover a:visited {
|
||
|
|
color: #c77405;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.ui-state-active,
|
||
|
|
.ui-widget-content .ui-state-active,
|
||
|
|
.ui-widget-header .ui-state-active {
|
||
|
|
border: 1px solid #fbd850;
|
||
|
|
background: #ffffff url(css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #eb8f00;
|
||
|
|
}
|
||
|
|
.ui-state-active a,
|
||
|
|
.ui-state-active a:link,
|
||
|
|
.ui-state-active a:visited {
|
||
|
|
color: #eb8f00;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Interaction Cues
|
||
|
|
----------------------------------*/
|
||
|
|
.ui-state-highlight,
|
||
|
|
.ui-widget-content .ui-state-highlight,
|
||
|
|
.ui-widget-header .ui-state-highlight {
|
||
|
|
border: 1px solid #fed22f;
|
||
|
|
background: #ffe45c url(css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
|
||
|
|
color: #363636;
|
||
|
|
}
|
||
|
|
.ui-state-highlight a,
|
||
|
|
.ui-widget-content .ui-state-highlight a,
|
||
|
|
.ui-widget-header .ui-state-highlight a {
|
||
|
|
color: #363636;
|
||
|
|
}
|
||
|
|
.ui-state-error,
|
||
|
|
.ui-widget-content .ui-state-error,
|
||
|
|
.ui-widget-header .ui-state-error {
|
||
|
|
border: 1px solid #cd0a0a;
|
||
|
|
background: #b81900 url(css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
.ui-state-error a,
|
||
|
|
.ui-widget-content .ui-state-error a,
|
||
|
|
.ui-widget-header .ui-state-error a {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
.ui-state-error-text,
|
||
|
|
.ui-widget-content .ui-state-error-text,
|
||
|
|
.ui-widget-header .ui-state-error-text {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
.ui-priority-primary,
|
||
|
|
.ui-widget-content .ui-priority-primary,
|
||
|
|
.ui-widget-header .ui-priority-primary {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.ui-priority-secondary,
|
||
|
|
.ui-widget-content .ui-priority-secondary,
|
||
|
|
.ui-widget-header .ui-priority-secondary {
|
||
|
|
opacity: .7;
|
||
|
|
filter:Alpha(Opacity=70);
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
.ui-state-disabled,
|
||
|
|
.ui-widget-content .ui-state-disabled,
|
||
|
|
.ui-widget-header .ui-state-disabled {
|
||
|
|
opacity: .35;
|
||
|
|
filter:Alpha(Opacity=35);
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.ui-state-disabled .ui-icon {
|
||
|
|
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Icons
|
||
|
|
----------------------------------*/
|
||
|
|
|
||
|
|
/* states and images */
|
||
|
|
.ui-icon {
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
background-position: 16px 16px;
|
||
|
|
}
|
||
|
|
.ui-icon,
|
||
|
|
.ui-widget-content .ui-icon {
|
||
|
|
background-image: url(css/ui-lightness/images/ui-icons_222222_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-widget-header .ui-icon {
|
||
|
|
background-image: url(css/ui-lightness/images/ui-icons_ffffff_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-state-default .ui-icon {
|
||
|
|
background-image: url(css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-state-hover .ui-icon,
|
||
|
|
.ui-state-focus .ui-icon {
|
||
|
|
background-image: url(css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-state-active .ui-icon {
|
||
|
|
background-image: url(css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-state-highlight .ui-icon {
|
||
|
|
background-image: url(css/ui-lightness/images/ui-icons_228ef1_256x240.png);
|
||
|
|
}
|
||
|
|
.ui-state-error .ui-icon,
|
||
|
|
.ui-state-error-text .ui-icon {
|
||
|
|
background-image: url(css/ui-lightness/images/ui-icons_ffd27a_256x240.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* positioning */
|
||
|
|
.ui-icon-carat-1-n { background-position: 0 0; }
|
||
|
|
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||
|
|
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||
|
|
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||
|
|
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||
|
|
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||
|
|
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||
|
|
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||
|
|
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||
|
|
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||
|
|
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||
|
|
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||
|
|
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||
|
|
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||
|
|
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||
|
|
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||
|
|
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||
|
|
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||
|
|
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||
|
|
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||
|
|
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||
|
|
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||
|
|
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||
|
|
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||
|
|
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||
|
|
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||
|
|
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||
|
|
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||
|
|
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||
|
|
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||
|
|
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||
|
|
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||
|
|
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||
|
|
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||
|
|
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||
|
|
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||
|
|
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||
|
|
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||
|
|
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||
|
|
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||
|
|
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||
|
|
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||
|
|
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||
|
|
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||
|
|
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||
|
|
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||
|
|
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||
|
|
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||
|
|
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||
|
|
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||
|
|
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||
|
|
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||
|
|
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||
|
|
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||
|
|
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||
|
|
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||
|
|
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||
|
|
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||
|
|
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||
|
|
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||
|
|
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||
|
|
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||
|
|
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||
|
|
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||
|
|
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||
|
|
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||
|
|
.ui-icon-extlink { background-position: -32px -80px; }
|
||
|
|
.ui-icon-newwin { background-position: -48px -80px; }
|
||
|
|
.ui-icon-refresh { background-position: -64px -80px; }
|
||
|
|
.ui-icon-shuffle { background-position: -80px -80px; }
|
||
|
|
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||
|
|
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||
|
|
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||
|
|
.ui-icon-folder-open { background-position: -16px -96px; }
|
||
|
|
.ui-icon-document { background-position: -32px -96px; }
|
||
|
|
.ui-icon-document-b { background-position: -48px -96px; }
|
||
|
|
.ui-icon-note { background-position: -64px -96px; }
|
||
|
|
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||
|
|
.ui-icon-mail-open { background-position: -96px -96px; }
|
||
|
|
.ui-icon-suitcase { background-position: -112px -96px; }
|
||
|
|
.ui-icon-comment { background-position: -128px -96px; }
|
||
|
|
.ui-icon-person { background-position: -144px -96px; }
|
||
|
|
.ui-icon-print { background-position: -160px -96px; }
|
||
|
|
.ui-icon-trash { background-position: -176px -96px; }
|
||
|
|
.ui-icon-locked { background-position: -192px -96px; }
|
||
|
|
.ui-icon-unlocked { background-position: -208px -96px; }
|
||
|
|
.ui-icon-bookmark { background-position: -224px -96px; }
|
||
|
|
.ui-icon-tag { background-position: -240px -96px; }
|
||
|
|
.ui-icon-home { background-position: 0 -112px; }
|
||
|
|
.ui-icon-flag { background-position: -16px -112px; }
|
||
|
|
.ui-icon-calendar { background-position: -32px -112px; }
|
||
|
|
.ui-icon-cart { background-position: -48px -112px; }
|
||
|
|
.ui-icon-pencil { background-position: -64px -112px; }
|
||
|
|
.ui-icon-clock { background-position: -80px -112px; }
|
||
|
|
.ui-icon-disk { background-position: -96px -112px; }
|
||
|
|
.ui-icon-calculator { background-position: -112px -112px; }
|
||
|
|
.ui-icon-zoomin { background-position: -128px -112px; }
|
||
|
|
.ui-icon-zoomout { background-position: -144px -112px; }
|
||
|
|
.ui-icon-search { background-position: -160px -112px; }
|
||
|
|
.ui-icon-wrench { background-position: -176px -112px; }
|
||
|
|
.ui-icon-gear { background-position: -192px -112px; }
|
||
|
|
.ui-icon-heart { background-position: -208px -112px; }
|
||
|
|
.ui-icon-star { background-position: -224px -112px; }
|
||
|
|
.ui-icon-link { background-position: -240px -112px; }
|
||
|
|
.ui-icon-cancel { background-position: 0 -128px; }
|
||
|
|
.ui-icon-plus { background-position: -16px -128px; }
|
||
|
|
.ui-icon-plusthick { background-position: -32px -128px; }
|
||
|
|
.ui-icon-minus { background-position: -48px -128px; }
|
||
|
|
.ui-icon-minusthick { background-position: -64px -128px; }
|
||
|
|
.ui-icon-close { background-position: -80px -128px; }
|
||
|
|
.ui-icon-closethick { background-position: -96px -128px; }
|
||
|
|
.ui-icon-key { background-position: -112px -128px; }
|
||
|
|
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||
|
|
.ui-icon-scissors { background-position: -144px -128px; }
|
||
|
|
.ui-icon-clipboard { background-position: -160px -128px; }
|
||
|
|
.ui-icon-copy { background-position: -176px -128px; }
|
||
|
|
.ui-icon-contact { background-position: -192px -128px; }
|
||
|
|
.ui-icon-image { background-position: -208px -128px; }
|
||
|
|
.ui-icon-video { background-position: -224px -128px; }
|
||
|
|
.ui-icon-script { background-position: -240px -128px; }
|
||
|
|
.ui-icon-alert { background-position: 0 -144px; }
|
||
|
|
.ui-icon-info { background-position: -16px -144px; }
|
||
|
|
.ui-icon-notice { background-position: -32px -144px; }
|
||
|
|
.ui-icon-help { background-position: -48px -144px; }
|
||
|
|
.ui-icon-check { background-position: -64px -144px; }
|
||
|
|
.ui-icon-bullet { background-position: -80px -144px; }
|
||
|
|
.ui-icon-radio-on { background-position: -96px -144px; }
|
||
|
|
.ui-icon-radio-off { background-position: -112px -144px; }
|
||
|
|
.ui-icon-pin-w { background-position: -128px -144px; }
|
||
|
|
.ui-icon-pin-s { background-position: -144px -144px; }
|
||
|
|
.ui-icon-play { background-position: 0 -160px; }
|
||
|
|
.ui-icon-pause { background-position: -16px -160px; }
|
||
|
|
.ui-icon-seek-next { background-position: -32px -160px; }
|
||
|
|
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||
|
|
.ui-icon-seek-end { background-position: -64px -160px; }
|
||
|
|
.ui-icon-seek-start { background-position: -80px -160px; }
|
||
|
|
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||
|
|
.ui-icon-seek-first { background-position: -80px -160px; }
|
||
|
|
.ui-icon-stop { background-position: -96px -160px; }
|
||
|
|
.ui-icon-eject { background-position: -112px -160px; }
|
||
|
|
.ui-icon-volume-off { background-position: -128px -160px; }
|
||
|
|
.ui-icon-volume-on { background-position: -144px -160px; }
|
||
|
|
.ui-icon-power { background-position: 0 -176px; }
|
||
|
|
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||
|
|
.ui-icon-signal { background-position: -32px -176px; }
|
||
|
|
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||
|
|
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||
|
|
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||
|
|
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||
|
|
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||
|
|
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||
|
|
.ui-icon-circle-close { background-position: -32px -192px; }
|
||
|
|
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||
|
|
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||
|
|
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||
|
|
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||
|
|
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||
|
|
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||
|
|
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||
|
|
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||
|
|
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||
|
|
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||
|
|
.ui-icon-circle-check { background-position: -208px -192px; }
|
||
|
|
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||
|
|
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||
|
|
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||
|
|
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||
|
|
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||
|
|
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||
|
|
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||
|
|
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||
|
|
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||
|
|
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||
|
|
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||
|
|
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Misc visuals
|
||
|
|
----------------------------------*/
|
||
|
|
|
||
|
|
/* Corner radius */
|
||
|
|
.ui-corner-all,
|
||
|
|
.ui-corner-top,
|
||
|
|
.ui-corner-left,
|
||
|
|
.ui-corner-tl {
|
||
|
|
border-top-left-radius: 4px;
|
||
|
|
}
|
||
|
|
.ui-corner-all,
|
||
|
|
.ui-corner-top,
|
||
|
|
.ui-corner-right,
|
||
|
|
.ui-corner-tr {
|
||
|
|
border-top-right-radius: 4px;
|
||
|
|
}
|
||
|
|
.ui-corner-all,
|
||
|
|
.ui-corner-bottom,
|
||
|
|
.ui-corner-left,
|
||
|
|
.ui-corner-bl {
|
||
|
|
border-bottom-left-radius: 4px;
|
||
|
|
}
|
||
|
|
.ui-corner-all,
|
||
|
|
.ui-corner-bottom,
|
||
|
|
.ui-corner-right,
|
||
|
|
.ui-corner-br {
|
||
|
|
border-bottom-right-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Overlays */
|
||
|
|
.ui-widget-overlay {
|
||
|
|
background: #666666 url(css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
|
||
|
|
opacity: .5;
|
||
|
|
filter: Alpha(Opacity=50);
|
||
|
|
}
|
||
|
|
.ui-widget-shadow {
|
||
|
|
margin: -5px 0 0 -5px;
|
||
|
|
padding: 5px;
|
||
|
|
background: #000000 url(css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
|
||
|
|
opacity: .2;
|
||
|
|
filter: Alpha(Opacity=20);
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
css/libs/jquery.treeview.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
.treeview, .treeview ul {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.treeview ul {
|
||
|
|
background-color: white;
|
||
|
|
margin-top: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.treeview .hitarea {
|
||
|
|
background: url(https://www.espruino.com/ide/css/libs/images/treeview-default.gif) -64px -25px no-repeat;
|
||
|
|
height: 16px;
|
||
|
|
width: 16px;
|
||
|
|
margin-left: -16px;
|
||
|
|
float: left;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
/* fix for IE6 */
|
||
|
|
* html .hitarea {
|
||
|
|
display: inline;
|
||
|
|
float:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.treeview li {
|
||
|
|
margin: 0;
|
||
|
|
padding: 3px 0pt 3px 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.treeview a.selected {
|
||
|
|
background-color: #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
#treecontrol { margin: 1em 0; display: none; }
|
||
|
|
|
||
|
|
.treeview .hover { color: red; cursor: pointer; }
|
||
|
|
|
||
|
|
.treeview li { background: url(https://www.espruino.com/ide/css/libs/images/treeview-default-line.gif) 0 0 no-repeat; }
|
||
|
|
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
|
||
|
|
|
||
|
|
.treeview .expandable-hitarea { background-position: -80px -3px; }
|
||
|
|
|
||
|
|
.treeview li.last { background-position: 0 -1766px }
|
||
|
|
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-default.gif); }
|
||
|
|
.treeview li.lastCollapsable { background-position: 0 -111px }
|
||
|
|
.treeview li.lastExpandable { background-position: -32px -67px }
|
||
|
|
|
||
|
|
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
|
||
|
|
|
||
|
|
.treeview-red li { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-red-line.gif); }
|
||
|
|
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-red.gif); }
|
||
|
|
|
||
|
|
.treeview-black li { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-black-line.gif); }
|
||
|
|
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-black.gif); }
|
||
|
|
|
||
|
|
.treeview-gray li { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-gray-line.gif); }
|
||
|
|
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/images/treeview-gray.gif); }
|
||
|
|
|
||
|
|
.treeview-famfamfam li { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-famfamfam-line.gif); }
|
||
|
|
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(https://www.espruino.com/ide/css/libs/images/treeview-famfamfam.gif); }
|
||
|
|
|
||
|
|
|
||
|
|
.filetree li { padding: 3px 0 2px 16px; }
|
||
|
|
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
|
||
|
|
.filetree span.folder { background: url(https://www.espruino.com/ide/css/libs/images/folder.gif) 0 0 no-repeat; }
|
||
|
|
.filetree li.expandable span.folder { background: url(https://www.espruino.com/ide/css/libs/images/folder-closed.gif) 0 0 no-repeat; }
|
||
|
|
.filetree span.file { background: url(https://www.espruino.com/ide/css/libs/images/file.gif) 0 0 no-repeat; }
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/codemirror/codemirror.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/* BASICS */
|
||
|
|
|
||
|
|
.CodeMirror {
|
||
|
|
/* Set height, width, borders, and global font properties here */
|
||
|
|
font-family: monospace;
|
||
|
|
height: 300px;
|
||
|
|
color: black;
|
||
|
|
direction: ltr;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* PADDING */
|
||
|
|
|
||
|
|
.CodeMirror-lines {
|
||
|
|
padding: 4px 0; /* Vertical padding around content */
|
||
|
|
}
|
||
|
|
.CodeMirror pre.CodeMirror-line,
|
||
|
|
.CodeMirror pre.CodeMirror-line-like {
|
||
|
|
padding: 0 4px; /* Horizontal padding of content */
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||
|
|
background-color: white; /* The little square between H and V scrollbars */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* GUTTER */
|
||
|
|
|
||
|
|
.CodeMirror-gutters {
|
||
|
|
border-right: 1px solid #ddd;
|
||
|
|
background-color: #f7f7f7;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.CodeMirror-linenumbers {}
|
||
|
|
.CodeMirror-linenumber {
|
||
|
|
padding: 0 3px 0 5px;
|
||
|
|
min-width: 20px;
|
||
|
|
text-align: right;
|
||
|
|
color: #999;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-guttermarker { color: black; }
|
||
|
|
.CodeMirror-guttermarker-subtle { color: #999; }
|
||
|
|
|
||
|
|
/* CURSOR */
|
||
|
|
|
||
|
|
.CodeMirror-cursor {
|
||
|
|
border-left: 1px solid black;
|
||
|
|
border-right: none;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
/* Shown when moving in bi-directional text */
|
||
|
|
.CodeMirror div.CodeMirror-secondarycursor {
|
||
|
|
border-left: 1px solid silver;
|
||
|
|
}
|
||
|
|
.cm-fat-cursor .CodeMirror-cursor {
|
||
|
|
width: auto;
|
||
|
|
border: 0 !important;
|
||
|
|
background: #7e7;
|
||
|
|
}
|
||
|
|
.cm-fat-cursor div.CodeMirror-cursors {
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.cm-fat-cursor .CodeMirror-line::selection,
|
||
|
|
.cm-fat-cursor .CodeMirror-line > span::selection,
|
||
|
|
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
|
||
|
|
.cm-fat-cursor .CodeMirror-line::-moz-selection,
|
||
|
|
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
|
||
|
|
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
|
||
|
|
.cm-fat-cursor { caret-color: transparent; }
|
||
|
|
@-moz-keyframes blink {
|
||
|
|
0% {}
|
||
|
|
50% { background-color: transparent; }
|
||
|
|
100% {}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes blink {
|
||
|
|
0% {}
|
||
|
|
50% { background-color: transparent; }
|
||
|
|
100% {}
|
||
|
|
}
|
||
|
|
@keyframes blink {
|
||
|
|
0% {}
|
||
|
|
50% { background-color: transparent; }
|
||
|
|
100% {}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Can style cursor different in overwrite (non-insert) mode */
|
||
|
|
.CodeMirror-overwrite .CodeMirror-cursor {}
|
||
|
|
|
||
|
|
.cm-tab { display: inline-block; text-decoration: inherit; }
|
||
|
|
|
||
|
|
.CodeMirror-rulers {
|
||
|
|
position: absolute;
|
||
|
|
left: 0; right: 0; top: -50px; bottom: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.CodeMirror-ruler {
|
||
|
|
border-left: 1px solid #ccc;
|
||
|
|
top: 0; bottom: 0;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* DEFAULT THEME */
|
||
|
|
|
||
|
|
.cm-s-default .cm-header {color: blue;}
|
||
|
|
.cm-s-default .cm-quote {color: #090;}
|
||
|
|
.cm-negative {color: #d44;}
|
||
|
|
.cm-positive {color: #292;}
|
||
|
|
.cm-header, .cm-strong {font-weight: bold;}
|
||
|
|
.cm-em {font-style: italic;}
|
||
|
|
.cm-link {text-decoration: underline;}
|
||
|
|
.cm-strikethrough {text-decoration: line-through;}
|
||
|
|
|
||
|
|
.cm-s-default .cm-keyword {color: #708;}
|
||
|
|
.cm-s-default .cm-atom {color: #219;}
|
||
|
|
.cm-s-default .cm-number {color: #164;}
|
||
|
|
.cm-s-default .cm-def {color: #00f;}
|
||
|
|
.cm-s-default .cm-variable,
|
||
|
|
.cm-s-default .cm-punctuation,
|
||
|
|
.cm-s-default .cm-property,
|
||
|
|
.cm-s-default .cm-operator {}
|
||
|
|
.cm-s-default .cm-variable-2 {color: #05a;}
|
||
|
|
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
|
||
|
|
.cm-s-default .cm-comment {color: #a50;}
|
||
|
|
.cm-s-default .cm-string {color: #a11;}
|
||
|
|
.cm-s-default .cm-string-2 {color: #f50;}
|
||
|
|
.cm-s-default .cm-meta {color: #555;}
|
||
|
|
.cm-s-default .cm-qualifier {color: #555;}
|
||
|
|
.cm-s-default .cm-builtin {color: #30a;}
|
||
|
|
.cm-s-default .cm-bracket {color: #997;}
|
||
|
|
.cm-s-default .cm-tag {color: #170;}
|
||
|
|
.cm-s-default .cm-attribute {color: #00c;}
|
||
|
|
.cm-s-default .cm-hr {color: #999;}
|
||
|
|
.cm-s-default .cm-link {color: #00c;}
|
||
|
|
|
||
|
|
.cm-s-default .cm-error {color: #f00;}
|
||
|
|
.cm-invalidchar {color: #f00;}
|
||
|
|
|
||
|
|
.CodeMirror-composing { border-bottom: 2px solid; }
|
||
|
|
|
||
|
|
/* Default styles for common addons */
|
||
|
|
|
||
|
|
div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
|
||
|
|
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
|
||
|
|
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
|
||
|
|
.CodeMirror-activeline-background {background: #e8f2ff;}
|
||
|
|
|
||
|
|
/* STOP */
|
||
|
|
|
||
|
|
/* The rest of this file contains styles related to the mechanics of
|
||
|
|
the editor. You probably shouldn't touch them. */
|
||
|
|
|
||
|
|
.CodeMirror {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
background: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-scroll {
|
||
|
|
overflow: scroll !important; /* Things will break if this is overridden */
|
||
|
|
/* 50px is the magic margin used to hide the element's real scrollbars */
|
||
|
|
/* See overflow: hidden in .CodeMirror */
|
||
|
|
margin-bottom: -50px; margin-right: -50px;
|
||
|
|
padding-bottom: 50px;
|
||
|
|
height: 100%;
|
||
|
|
outline: none; /* Prevent dragging from highlighting the element */
|
||
|
|
position: relative;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
.CodeMirror-sizer {
|
||
|
|
position: relative;
|
||
|
|
border-right: 50px solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||
|
|
before actual scrolling happens, thus preventing shaking and
|
||
|
|
flickering artifacts. */
|
||
|
|
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 6;
|
||
|
|
display: none;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.CodeMirror-vscrollbar {
|
||
|
|
right: 0; top: 0;
|
||
|
|
overflow-x: hidden;
|
||
|
|
overflow-y: scroll;
|
||
|
|
}
|
||
|
|
.CodeMirror-hscrollbar {
|
||
|
|
bottom: 0; left: 0;
|
||
|
|
overflow-y: hidden;
|
||
|
|
overflow-x: scroll;
|
||
|
|
}
|
||
|
|
.CodeMirror-scrollbar-filler {
|
||
|
|
right: 0; bottom: 0;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-filler {
|
||
|
|
left: 0; bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-gutters {
|
||
|
|
position: absolute; left: 0; top: 0;
|
||
|
|
min-height: 100%;
|
||
|
|
z-index: 3;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter {
|
||
|
|
white-space: normal;
|
||
|
|
height: 100%;
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
margin-bottom: -50px;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 4;
|
||
|
|
background: none !important;
|
||
|
|
border: none !important;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-background {
|
||
|
|
position: absolute;
|
||
|
|
top: 0; bottom: 0;
|
||
|
|
z-index: 4;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-elt {
|
||
|
|
position: absolute;
|
||
|
|
cursor: default;
|
||
|
|
z-index: 4;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
|
||
|
|
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
|
||
|
|
|
||
|
|
.CodeMirror-lines {
|
||
|
|
cursor: text;
|
||
|
|
min-height: 1px; /* prevents collapsing before first draw */
|
||
|
|
}
|
||
|
|
.CodeMirror pre.CodeMirror-line,
|
||
|
|
.CodeMirror pre.CodeMirror-line-like {
|
||
|
|
/* Reset some styles that the rest of the page might have set */
|
||
|
|
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
|
||
|
|
border-width: 0;
|
||
|
|
background: transparent;
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: inherit;
|
||
|
|
margin: 0;
|
||
|
|
white-space: pre;
|
||
|
|
word-wrap: normal;
|
||
|
|
line-height: inherit;
|
||
|
|
color: inherit;
|
||
|
|
z-index: 2;
|
||
|
|
position: relative;
|
||
|
|
overflow: visible;
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
-webkit-font-variant-ligatures: contextual;
|
||
|
|
font-variant-ligatures: contextual;
|
||
|
|
}
|
||
|
|
.CodeMirror-wrap pre.CodeMirror-line,
|
||
|
|
.CodeMirror-wrap pre.CodeMirror-line-like {
|
||
|
|
word-wrap: break-word;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
word-break: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-linebackground {
|
||
|
|
position: absolute;
|
||
|
|
left: 0; right: 0; top: 0; bottom: 0;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-linewidget {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-widget {}
|
||
|
|
|
||
|
|
.CodeMirror-rtl pre { direction: rtl; }
|
||
|
|
|
||
|
|
.CodeMirror-code {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Force content-box sizing for the elements where we expect it */
|
||
|
|
.CodeMirror-scroll,
|
||
|
|
.CodeMirror-sizer,
|
||
|
|
.CodeMirror-gutter,
|
||
|
|
.CodeMirror-gutters,
|
||
|
|
.CodeMirror-linenumber {
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-measure {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-cursor {
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.CodeMirror-measure pre { position: static; }
|
||
|
|
|
||
|
|
div.CodeMirror-cursors {
|
||
|
|
visibility: hidden;
|
||
|
|
position: relative;
|
||
|
|
z-index: 3;
|
||
|
|
}
|
||
|
|
div.CodeMirror-dragcursors {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-focused div.CodeMirror-cursors {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-selected { background: #d9d9d9; }
|
||
|
|
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
|
||
|
|
.CodeMirror-crosshair { cursor: crosshair; }
|
||
|
|
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
|
||
|
|
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
|
||
|
|
|
||
|
|
.cm-searching {
|
||
|
|
background-color: #ffa;
|
||
|
|
background-color: rgba(255, 255, 0, .4);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Used to force a border model for a node */
|
||
|
|
.cm-force-border { padding-right: .1px; }
|
||
|
|
|
||
|
|
@media print {
|
||
|
|
/* Hide the cursor when printing */
|
||
|
|
.CodeMirror div.CodeMirror-cursors {
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* See issue #2901 */
|
||
|
|
.cm-tab-wrap-hack:after { content: ''; }
|
||
|
|
|
||
|
|
/* Help users use markselection to safely style text background */
|
||
|
|
span.CodeMirror-selectedtext { background: none; }
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/codemirror/addon/dialog/dialog.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
.CodeMirror-dialog {
|
||
|
|
position: absolute;
|
||
|
|
left: 0; right: 0;
|
||
|
|
background: inherit;
|
||
|
|
z-index: 15;
|
||
|
|
padding: .1em .8em;
|
||
|
|
overflow: hidden;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-dialog-top {
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-dialog-bottom {
|
||
|
|
border-top: 1px solid #eee;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-dialog input {
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
background: transparent;
|
||
|
|
width: 20em;
|
||
|
|
color: inherit;
|
||
|
|
font-family: monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-dialog button {
|
||
|
|
font-size: 70%;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/codemirror/addon/fold/foldgutter.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
.CodeMirror-foldmarker {
|
||
|
|
color: blue;
|
||
|
|
text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
|
||
|
|
font-family: arial;
|
||
|
|
line-height: .3;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.CodeMirror-foldgutter {
|
||
|
|
width: .7em;
|
||
|
|
}
|
||
|
|
.CodeMirror-foldgutter-open,
|
||
|
|
.CodeMirror-foldgutter-folded {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.CodeMirror-foldgutter-open:after {
|
||
|
|
content: "\25BE";
|
||
|
|
}
|
||
|
|
.CodeMirror-foldgutter-folded:after {
|
||
|
|
content: "\25B8";
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/codemirror/addon/hint/show-hint.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
.CodeMirror-hints {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 10;
|
||
|
|
overflow: hidden;
|
||
|
|
list-style: none;
|
||
|
|
|
||
|
|
margin: 0;
|
||
|
|
padding: 2px;
|
||
|
|
|
||
|
|
-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
||
|
|
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
||
|
|
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
||
|
|
border-radius: 3px;
|
||
|
|
border: 1px solid silver;
|
||
|
|
|
||
|
|
background: white;
|
||
|
|
font-size: 90%;
|
||
|
|
font-family: monospace;
|
||
|
|
|
||
|
|
max-height: 20em;
|
||
|
|
overflow-y: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-hint {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 4px;
|
||
|
|
border-radius: 2px;
|
||
|
|
white-space: pre;
|
||
|
|
color: black;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
li.CodeMirror-hint-active {
|
||
|
|
background: #08f;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/codemirror/addon/lint/lint.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/* The lint marker gutter */
|
||
|
|
.CodeMirror-lint-markers {
|
||
|
|
width: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lint-tooltip {
|
||
|
|
background-color: #ffd;
|
||
|
|
border: 1px solid black;
|
||
|
|
border-radius: 4px 4px 4px 4px;
|
||
|
|
color: black;
|
||
|
|
font-family: monospace;
|
||
|
|
font-size: 10pt;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 2px 5px;
|
||
|
|
position: fixed;
|
||
|
|
white-space: pre;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
z-index: 100;
|
||
|
|
max-width: 600px;
|
||
|
|
opacity: 0;
|
||
|
|
transition: opacity .4s;
|
||
|
|
-moz-transition: opacity .4s;
|
||
|
|
-webkit-transition: opacity .4s;
|
||
|
|
-o-transition: opacity .4s;
|
||
|
|
-ms-transition: opacity .4s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
|
||
|
|
background-position: left bottom;
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lint-mark-error {
|
||
|
|
background-image:
|
||
|
|
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
|
||
|
|
;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lint-mark-warning {
|
||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
cursor: pointer;
|
||
|
|
display: inline-block;
|
||
|
|
height: 16px;
|
||
|
|
width: 16px;
|
||
|
|
vertical-align: middle;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
|
||
|
|
padding-left: 18px;
|
||
|
|
background-position: top left;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
|
||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
|
||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lint-marker-multiple {
|
||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: right bottom;
|
||
|
|
width: 100%; height: 100%;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/codemirror/addon/search/matchesonscrollbar.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
.CodeMirror-search-match {
|
||
|
|
background: gold;
|
||
|
|
border-top: 1px solid orange;
|
||
|
|
border-bottom: 1px solid orange;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
opacity: .5;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/codemirror/addon/tern/tern.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
.CodeMirror-Tern-completion {
|
||
|
|
padding-left: 22px;
|
||
|
|
position: relative;
|
||
|
|
line-height: 1.5;
|
||
|
|
}
|
||
|
|
.CodeMirror-Tern-completion:before {
|
||
|
|
position: absolute;
|
||
|
|
left: 2px;
|
||
|
|
bottom: 2px;
|
||
|
|
border-radius: 50%;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: bold;
|
||
|
|
height: 15px;
|
||
|
|
width: 15px;
|
||
|
|
line-height: 16px;
|
||
|
|
text-align: center;
|
||
|
|
color: white;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.CodeMirror-Tern-completion-unknown:before {
|
||
|
|
content: "?";
|
||
|
|
background: #4bb;
|
||
|
|
}
|
||
|
|
.CodeMirror-Tern-completion-object:before {
|
||
|
|
content: "O";
|
||
|
|
background: #77c;
|
||
|
|
}
|
||
|
|
.CodeMirror-Tern-completion-fn:before {
|
||
|
|
content: "F";
|
||
|
|
background: #7c7;
|
||
|
|
}
|
||
|
|
.CodeMirror-Tern-completion-array:before {
|
||
|
|
content: "A";
|
||
|
|
background: #c66;
|
||
|
|
}
|
||
|
|
.CodeMirror-Tern-completion-number:before {
|
||
|
|
content: "1";
|
||
|
|
background: #999;
|
||
|
|
}
|
||
|
|
.CodeMirror-Tern-completion-string:before {
|
||
|
|
content: "S";
|
||
|
|
background: #999;
|
||
|
|
}
|
||
|
|
.CodeMirror-Tern-completion-bool:before {
|
||
|
|
content: "B";
|
||
|
|
background: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-Tern-completion-guess {
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-Tern-tooltip {
|
||
|
|
border: 1px solid silver;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #444;
|
||
|
|
padding: 2px 5px;
|
||
|
|
font-size: 90%;
|
||
|
|
font-family: monospace;
|
||
|
|
background-color: white;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
|
||
|
|
max-width: 40em;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 10;
|
||
|
|
-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
||
|
|
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
||
|
|
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
||
|
|
|
||
|
|
transition: opacity 1s;
|
||
|
|
-moz-transition: opacity 1s;
|
||
|
|
-webkit-transition: opacity 1s;
|
||
|
|
-o-transition: opacity 1s;
|
||
|
|
-ms-transition: opacity 1s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-Tern-hint-doc {
|
||
|
|
max-width: 25em;
|
||
|
|
margin-top: -3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-Tern-fname { color: black; }
|
||
|
|
.CodeMirror-Tern-farg { color: #70a; }
|
||
|
|
.CodeMirror-Tern-farg-current { text-decoration: underline; }
|
||
|
|
.CodeMirror-Tern-type { color: #07c; }
|
||
|
|
.CodeMirror-Tern-fhint-guess { opacity: .7; }
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/splitster/splitster.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
.splitster
|
||
|
|
{
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.splitster__pane
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background: #ccc;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.splitster__bar
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
background: #373d3e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.splitster__bar--ghost
|
||
|
|
{
|
||
|
|
background: #3498db;
|
||
|
|
z-index: 100000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.splitster--vertical .splitster__bar,
|
||
|
|
.splitster--vertical .splitster__draggable
|
||
|
|
{
|
||
|
|
height: 100% !important;
|
||
|
|
cursor: col-resize;
|
||
|
|
}
|
||
|
|
|
||
|
|
.splitster--horizontal .splitster__bar,
|
||
|
|
.splitster--horizontal .splitster__draggable
|
||
|
|
{
|
||
|
|
width: 100% !important;
|
||
|
|
cursor: row-resize;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/toastr/toastr.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/*
|
||
|
|
* Toastr
|
||
|
|
* Version 2.0.1
|
||
|
|
* Copyright 2012 John Papa and Hans Fjällemark.
|
||
|
|
* All Rights Reserved.
|
||
|
|
* Use, reproduction, distribution, and modification of this code is subject to the terms and
|
||
|
|
* conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
|
||
|
|
*
|
||
|
|
* Author: John Papa and Hans Fjällemark
|
||
|
|
* Project: https://github.com/CodeSeven/toastr
|
||
|
|
*/
|
||
|
|
.toast-title {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.toast-message {
|
||
|
|
-ms-word-wrap: break-word;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
.toast-message a,
|
||
|
|
.toast-message label {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
.toast-message a:hover {
|
||
|
|
color: #cccccc;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.toast-close-button {
|
||
|
|
position: relative;
|
||
|
|
right: -0.3em;
|
||
|
|
top: -0.3em;
|
||
|
|
float: right;
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #ffffff;
|
||
|
|
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||
|
|
text-shadow: 0 1px 0 #ffffff;
|
||
|
|
opacity: 0.8;
|
||
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||
|
|
filter: alpha(opacity=80);
|
||
|
|
}
|
||
|
|
.toast-close-button:hover,
|
||
|
|
.toast-close-button:focus {
|
||
|
|
color: #000000;
|
||
|
|
text-decoration: none;
|
||
|
|
cursor: pointer;
|
||
|
|
opacity: 0.4;
|
||
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
||
|
|
filter: alpha(opacity=40);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Additional properties for button version
|
||
|
|
iOS requires the button element instead of an anchor tag.
|
||
|
|
If you want the anchor version, it requires `href="#"`.*/
|
||
|
|
button.toast-close-button {
|
||
|
|
padding: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
-webkit-appearance: none;
|
||
|
|
}
|
||
|
|
.toast-top-full-width {
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.toast-bottom-full-width {
|
||
|
|
bottom: 30px;
|
||
|
|
right: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.toast-top-left {
|
||
|
|
top: 12px;
|
||
|
|
left: 12px;
|
||
|
|
}
|
||
|
|
.toast-top-right {
|
||
|
|
top: 12px;
|
||
|
|
right: 12px;
|
||
|
|
}
|
||
|
|
.toast-bottom-right {
|
||
|
|
right: 0px;
|
||
|
|
bottom: 30px;
|
||
|
|
}
|
||
|
|
.toast-bottom-left {
|
||
|
|
bottom: 12px;
|
||
|
|
left: 12px;
|
||
|
|
}
|
||
|
|
#toast-container {
|
||
|
|
position: fixed;
|
||
|
|
z-index: 999999;
|
||
|
|
/*overrides*/
|
||
|
|
|
||
|
|
}
|
||
|
|
#toast-container * {
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
#toast-container > div {
|
||
|
|
margin: 0 0 10px;
|
||
|
|
padding: 7px 10px 7px 30px;
|
||
|
|
width: 250px;
|
||
|
|
min-height: 30px;
|
||
|
|
line-height: 15px;
|
||
|
|
background-position: 15px center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
color: #ffffff;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
#toast-container > :hover {
|
||
|
|
opacity: 1;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
#toast-container > .toast-info {
|
||
|
|
background-image: url(img/icons.png);
|
||
|
|
background-position: -60px -1440px;
|
||
|
|
}
|
||
|
|
#toast-container > .toast-error {
|
||
|
|
background-image: url(img/icons.png);
|
||
|
|
background-position: -60px 0;
|
||
|
|
}
|
||
|
|
#toast-container > .toast-success {
|
||
|
|
background-image: url(img/icons.png);
|
||
|
|
background-position: -60px -1620px;
|
||
|
|
}
|
||
|
|
#toast-container > .toast-warning {
|
||
|
|
background-image: url(img/icons.png);
|
||
|
|
background-position: -60px -540px
|
||
|
|
}
|
||
|
|
#toast-container.toast-top-full-width,
|
||
|
|
#toast-container.toast-bottom-full-width {
|
||
|
|
padding-left: 10px;
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#toast-container.toast-top-full-width > div,
|
||
|
|
#toast-container.toast-bottom-full-width > div {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.toast {
|
||
|
|
background-color: #030303;
|
||
|
|
}
|
||
|
|
.toast-success {
|
||
|
|
background-color: #2ecc71;
|
||
|
|
}
|
||
|
|
.toast-error {
|
||
|
|
background-color: #e74c3c;
|
||
|
|
}
|
||
|
|
.toast-info {
|
||
|
|
background-color: #3498db;
|
||
|
|
}
|
||
|
|
.toast-warning {
|
||
|
|
background-color: #f39c12;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
js/libs/guiders/guiders.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/**
|
||
|
|
* CSS for Guiders.js
|
||
|
|
* Version 2.0.0
|
||
|
|
*
|
||
|
|
* It is expected that you'll modify this to fit your site's style.
|
||
|
|
*/
|
||
|
|
|
||
|
|
.guider {
|
||
|
|
background: #FFF;
|
||
|
|
font-family: arial;
|
||
|
|
position: absolute;
|
||
|
|
outline: none;
|
||
|
|
padding: 20px;
|
||
|
|
width: 500px;
|
||
|
|
z-index: 900001 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_arrow
|
||
|
|
{
|
||
|
|
/*width: 42px;
|
||
|
|
height: 42px;
|
||
|
|
position: absolute;
|
||
|
|
display: none;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
z-index: 900002 !important;*/
|
||
|
|
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 10px 10px 0;
|
||
|
|
border-color: #FFFFFF transparent;
|
||
|
|
display: block;
|
||
|
|
width: 0;
|
||
|
|
z-index: 1;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* For optimization, the arrows image is inlined in the css below.
|
||
|
|
*
|
||
|
|
* To use your own arrows image, replace this background-image with your own arrows.
|
||
|
|
* It should have four arrows, top, right, left, and down.
|
||
|
|
*
|
||
|
|
* AND if you're super cool and use CSS arrows instead of the PNGs
|
||
|
|
* please do us all a favor and issue a git pull to the GitHub project for this.
|
||
|
|
* It's a nice-to-have improvement for this project.
|
||
|
|
*
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAACoCAYAAACWu3yIAAAJQ0lEQVR42u2cW2sVVxiGk2xz0EQFTRTBnEBFEpMLDxVyMPceoigRvVFjcqsSTaKCJAhC0Ozkpj+gFPIHWm2htPQfiChoVaqglDYeqP0Hdr3hXWFlZWb2WjNr1syGDHzilT48ew5r3u+bVXHgwIGCqCpWJerr168VeasKAVbPWi+qVtQ6CZ030J2sHaIaRW0UVZc3YIAeFPWNqP2iOkS1imrKGzBAz4g6L2pI1DFRfaL2acCZnxIV79+///PevXvfCYBpUeOihkUN5g0Yfywdr169WpycnPxZABRFTRL4RF6Al0Hl8eLFi88EntWAe7MEXgUqj+fPn3/KE3AoqAL88caNGz9lDVwSNC/AxqAq8NjY2CMCT4i65APYGlQez5498wocG1QDfigAHijAxwncSeBGHdg7qDyePn36IQS4h8AtBG4gcMEG2BmoCnzlypUfXQM7B1WAFxVgPJovKsBY/DSL2solZk2p8zc1UHk8efLkHwH8g4C4T+ALoo5yxbZH1HaevzVRZlMHlcfjx48l8Iyoq1yt9REWd4cNuNAyB1UM/3Xt2rUFATUm6rSoQzxvN4mqDvv5vYPK4+XLl3/cvXt3SoANiNolagt//nyBLi4u/r2wsPAtQXcTtDY3oO/evftSLBYf8sLCeXqYD4XNufjpBeB/MzMzv3Nhfl3UOdrcyyu/nk+tbEABKF51ADgv6raoEb7q9BByBy+k2kxuT2/fvtUBR0WdEnVEVLeoNt6W1CeUvxt+AOCIBtguahstGr+OV7gEFLeb3wh4yxWgM1AATk1N/RoA2O8CMDGoAPziAzA26Js3b/4l4JwPQGvQ169fBwGeTBvQGNQAsC1NwJKgALxz584vBLwp6rIC2OULMBRUZFCfCVjMA+AqUGHwYx4BV8SOYrHwPWPHCQLK2FEFzDTYVYPcs3z5yhVgWDTeqSwWcheNl02zoWzaN2XTECvQ6E6er2dwJ8jqpQ//Ny/wg2QCW6GCJiUoLqrzuF1lBcoOzXmySNAqCbqeF9N+3qam8QDwDYnODO/nQ2TZQbYl0EpeRI28PeFeOoGnlG9QNjfG2ZjrINPSu74EXcfbUhtv+Hg6FfHc9wWJthEf38NkaCXT0iv00hXFn7+ON/ouPkJv+rRKm5P8v/eRpU6+QkvQUKtY7qUNiZ4WewGBNpdBNavbaPWkL6uKzRNBNnVQ3Wo/rc6laRXtoFI2V4BGWcWrSFqgbLLpNlfFOzqoV6uazd4wm6tAI6zeSsOqqc0wUGl1k2IVb55zeKfPwmYgqC+rbE8a2YwCDbWKKMdFW9LGZihogNVul1Zpc8LUZinQMKvzSPAc2LxkajMSNMTqqaRW2di1smkCqlptT2oVDV32Rq1slgSNsop02ZdNU1AnVpPYNAKNsoqmgikoW+ITfIOwsmkDmsgqevdJbBqDRli9bWJVs9lpa9MWVLd6RFpFdy5qsECx2RPHphVoXKscJhhXbDba2owDGmR1NMwqph44onGRNlvi2LQGjbKKznFaNuOChp2rRfTi1ZEMzo9cUGw2xLEZCzTEKt7Fr2NgQIJybuQqJ3I6kthMAqqvrHo4KDCOEQzMi3C4ZYhhVzNtFpJ0RZJabeKAAKYZhjAnwqGW08q40NYkNpOCSqsNTN32cj5kgHVIGcCqT2IzEahitZanwHbezHdzPKhFaVrUJLHpArSSiXUtrW3mWNAWwm9wAZkYVIGt4mlQTega/t1Z48JZM0A2KtRy3Qsti1oDXQNdA012B5Gtz0IeAeU9uZbNsKWmch4B6/jYbeQaYqlNn0fAJi4dO9lmxDLxYJ4AtxGwi8vD4+zLooF7Jo+Ag2xwIAeYRqcbrfGsADdpgP0Mii9zlKmIRpza4c4lYFCzOC+AczQY2nXxCditAI5wIHEO6bVJsy1twPakgE5ADQFP6YBxGmu+AOcBmKRH5QswdrvHCtQA8IgOiGaEC0AjUEtAfBwwj6zUJWBJUO2dvUFZLKiAo2kDmoCqKYiMbHr4LF5hMCoaTxVUyZXqGdXIEOwcP/EpIrj1AWgCWs2IppXhFyLEcWSgamCbB9BaZkgIvQYQJyL7zGq4MAq0hqBI5gaQeSKgzSNoNS+kFmadCGbHEHkjn88FKGHXMTZsYiDbx/MUufwMOh5oz+QBtIo//0Ze+Xv4onWUnQ60Ze4DGN25LEErFdh65vDN7HD08OXrIoEfoN+J5qx3UM2s+oRq5HnbqQBf4suYBP7gHTQuMKYdXALHbTDIyEUmGq0E7g0CxmSOd9CQjEgmHK2cbujl3IgEnsWsUxJg16GWETDm8ryCxgAe5jzeLCYdbYDTjg2dAfvKOUsCY84ZQ9leQZMCYybfK6gFcJ8GXAQwPsnwCmoJPEhgPJqn8ZGLt9gxJvAxrtb8B7kW0XgrFz/ZRuNl12wou/ZN2TXE1nqha6BlDSquKJdVGVBO/m1XcOo4UQ3vgSvGifIAKt/9NzACkgNam3mzXt4nJ0tQNU1p4uvzLiaArUxYlnceyhK0oIS9eximySHCw8o2ScsDrk5BLQcItyoh2mnEk9zCa0jZeGrV55Ml/m2noAWaauZSDGBjyFAR+HLhe44pShtPAaOxYWegis1GrhuR8F1FdipfHbjv2HWu2LvZ9jGy6gRUG3BtoTHEkDNqwIucnx9Nj7Dd025q1RVoVcBn7uPISfU3R26Wdps9KWOriUG1D1ylTWSk94PSZ7R3uB/UqI1VF6DGNuXB/cmsrCYC1Wy20ibCrwdR0bhi1fhcTQoqbTapWzAgYS6VG9lajQ0aYLNX2jTJ7dHMVaz2l7KaBFS1uc/Gpmb1lonVWKAlbBpn9DZW44LqNhFmTSCbt02NuQFgSavWoK5s2lqNA+rMpjy4Y1ykVSvQCJuzSbobAVZXraxsQcNsPkraM1KsngyyarPCD7I5nNSmYvUL9+MLtGoDGmRz0oXNEKtdqlVT0FCbcRpZYQfm82ysGttEP8h1x9jGaiY25YGxTFq9rFjdGGQ1M5ua1ZulrEbZ7EvTpq1V3WadbhONqbTnRbj5ZaRVE5uf0gal1SKt9gVZDbM56MtmgNVBWm1SrUbZLAY1T9M6MHsfZVXfjq6Drb1xnzY1qxMBn7lXBm3whwxpWu3s+jrwyQU3+DsbtMHfqi0T0dHNaliQu8sGbplYFptQ/g/UqiA7u61evwAAAABJRU5ErkJggg==);
|
||
|
|
*background-image: url(js/libs/guiders/'guiders_arrows.png'); /* Asterisked properties only work in IE7 and below */
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_arrow_right {
|
||
|
|
display: block;
|
||
|
|
border-width: 10px 0 10px 10px;
|
||
|
|
border-color: transparent #FFFFFF;
|
||
|
|
right: -10px;
|
||
|
|
}
|
||
|
|
.guiders_arrow_down {
|
||
|
|
display: block;
|
||
|
|
border-width: 10px 10px 0;
|
||
|
|
border-color: #FFFFFF transparent;
|
||
|
|
bottom: -10px;
|
||
|
|
}
|
||
|
|
.guiders_arrow_up {
|
||
|
|
display: block;
|
||
|
|
border-width: 0 10px 10px;
|
||
|
|
border-color: #FFFFFF transparent;
|
||
|
|
top: -10px;
|
||
|
|
}
|
||
|
|
.guiders_arrow_left {
|
||
|
|
display: block;
|
||
|
|
border-width: 10px 10px 10px 0;
|
||
|
|
border-color: transparent #FFFFFF;
|
||
|
|
left: -10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_button {
|
||
|
|
background-color: #2ecc71; /* Overruled by background gradient, in browsers where they exist */
|
||
|
|
border: 0;
|
||
|
|
color: #FFF;
|
||
|
|
cursor: pointer;
|
||
|
|
display: inline-block;
|
||
|
|
float: right;
|
||
|
|
font-size: 100%;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-left: 6px;
|
||
|
|
min-width: 40px;
|
||
|
|
padding: 0 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_buttons_container {
|
||
|
|
height: 30px;
|
||
|
|
margin-top: 30px;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_close {
|
||
|
|
float: right;
|
||
|
|
padding: 10px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_content {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_content h1 {
|
||
|
|
color: #3498db;
|
||
|
|
float: left;
|
||
|
|
font-size: 150%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_content p {
|
||
|
|
clear: both;
|
||
|
|
color: #333;
|
||
|
|
font-size: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_description a
|
||
|
|
{
|
||
|
|
color: #3498db;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_description a:hover
|
||
|
|
{
|
||
|
|
color: #2980b9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_highlight {
|
||
|
|
position: relative;
|
||
|
|
z-index: 900003 !important; /* Should be larger than anything else on your page. */
|
||
|
|
}
|
||
|
|
|
||
|
|
#guiders_overlay {
|
||
|
|
background-color: rgba(0,0,0,0.25);
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: fixed;
|
||
|
|
top: 0px;
|
||
|
|
left: 0px;
|
||
|
|
z-index: 800001;
|
||
|
|
}
|
||
|
|
|
||
|
|
.guiders_x_button {
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4QOzRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAcAAAAcgEyAAIAAAAUAAAAjodpAAQAAAABAAAApAAAANAACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENTNCBXaW5kb3dzADIwMTA6MDk6MjQgMDg6MzY6NDEAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADaADAAQAAAABAAAADQAAAAAAAAAGAQMAAwAAAAEABgAAARoABQAAAAEAAAEeARsABQAAAAEAAAEmASgAAwAAAAEAAgAAAgEABAAAAAEAAAEuAgIABAAAAAEAAAJ9AAAAAAAAAEgAAAABAAAASAAAAAH/2P/gABBKRklGAAECAABIAEgAAP/tAAxBZG9iZV9DTQAB/+4ADkFkb2JlAGSAAAAAAf/bAIQADAgICAkIDAkJDBELCgsRFQ8MDA8VGBMTFRMTGBEMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAENCwsNDg0QDg4QFA4ODhQUDg4ODhQRDAwMDAwREQwMDAwMDBEMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgADQANAwEiAAIRAQMRAf/dAAQAAf/EAT8AAAEFAQEBAQEBAAAAAAAAAAMAAQIEBQYHCAkKCwEAAQUBAQEBAQEAAAAAAAAAAQACAwQFBgcICQoLEAABBAEDAgQCBQcGCAUDDDMBAAIRAwQhEjEFQVFhEyJxgTIGFJGhsUIjJBVSwWIzNHKC0UMHJZJT8OHxY3M1FqKygyZEk1RkRcKjdDYX0lXiZfKzhMPTdePzRieUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9jdHV2d3h5ent8fX5/cRAAICAQIEBAMEBQYHBwYFNQEAAhEDITESBEFRYXEiEwUygZEUobFCI8FS0fAzJGLhcoKSQ1MVY3M08SUGFqKygwcmNcLSRJNUoxdkRVU2dGXi8rOEw9N14/NGlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vYnN0dXZ3eHl6e3x//aAAwDAQACEQMRAD8A74ehRj023172WNEODju36n3S76L0Q4p9RrdjfUNbnlm522Q5nt3bv3Hbd6jiueG17qqi70fabLHAbPz4b6Lmf8aoF7oafSb6PpOgeo/6G9n53o7/AE/7P8yip//Z/+0IRFBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0D7QAAAAAAEABIAAAAAQABAEgAAAABAAE4QklNBCYAAAAAAA4AAAAAAAAAAAAAP4AAADhCSU0EDQAAAAAABAAAAHg4QklNBBkAAAAAAAQAAAAeOEJJTQPzAAAAAAAJAAAAAAAAAAABADhCSU0nEAAAAAAACgABAAAAAAAAAAI4QklNA/UAAAAAAEgAL2ZmAAEAbGZmAAYAAAAAAAEAL2ZmAAEAoZmaAAYAAAAAAAEAMgAAAAEAWgAAAAYAAAAAAAEANQAAAAEALQAAAAYAAAAAAAE4QklNA/gAAAAAAHAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAOEJJTQQIAAAAAAAQAAAAAQAAAkAAAAJAAAAAADhCSU0EHgAAAAAABAAAAAA4QklNBBoAAAAAA0kAAAAGAAAAAAAAAAAAAAANAAAADQAAAAoAVQBuAHQAaQB0AGwAZQBkAC0AMQAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAADQAAAA0AAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAQAAAAAAAG51bGwAAAACAAAABmJvdW5kc09iamMAAAABAAAAAAAAUmN0MQAAAAQAAAAAVG9wIGxvbmcAAAAAAAAAAExlZnRsb25nAAAAAAAAAABCdG9tbG9uZwAAAA0AAAAAUmdodGxvbmcAAAANAAAABnNsaWNlc1ZsTHMAAAABT2JqYwAAAAEAAAAAAAVzbGljZQAAABIAAAAHc2xpY2VJRGxvbmcAAAAAAAAAB2dyb3VwSURsb25nAAAAAAAAAAZvcmlnaW5lbnVtAAAADEVTbGljZU9yaWdpbgAAAA1hdXRvR2VuZXJhdGVkAAAAAFR5cGVlbnVtAAAACkVTbGljZVR5cGUAAAAASW1nIAAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAANAAAAAFJnaHRsb25nAAAADQAAAAN1cmxURVhUAAAAAQAAAAAAAG51bGxURVhUAAAAAQAAAAAAAE1zZ2VURVhUAAAAAQAAAAAABmFsdFRhZ1RFWFQAAAABAAAAAAAOY2VsbFRleHRJc0hUTUxib29sAQAAAAhjZWxsVGV4dFRFWFQAAAABAAAAAAAJaG9yekFsaWduZW51bQAAAA9FU2xpY2VIb3J6QWxpZ24AAAAHZGVmYXVsdAAAAAl2ZXJ0QWxpZ25lbnVtAAAAD0VTbGljZVZlcnRBbGlnbgAAAAdkZWZhdWx0AAAAC2JnQ29sb3JUeXBlZW51bQAAABFFU2xpY2VCR0NvbG9yVHlwZQAAAABOb25lAAAACXRvcE91dHNldGxvbmcAAAAAAAAACmxlZnRPdXRzZXRsb25nAAAAAAAAAAxib3R0b21PdXRzZXRsb25nAAAAAAAAAAtyaWdodE91dHNldGxvbmcAAAAAADhCSU0EKAAAAAAADAAAAAI/8AAAAAAAADhCSU0EFAAAAAAABAAAAAI4QklNBAwAAAAAApkAAAABAAAADQAAAA0AAAAoAAACCAAAAn0AGAAB/9j/4AAQSkZJRgABAgAASABIAAD/7QAMQWRvYmVfQ00AAf/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAA0ADQMBIgACEQEDEQH/3QAEAAH/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AO+HoUY9Nt9e9ljRDg47t+p90u+i9EOKfUa3Y31DW55ZudtkOZ7d279x23eo4rnhte6qou9H2myxwGz8+G+i5n/GqBe6Gn0m+j6ToHqP+hvZ+d6O/wBP+z/Moqf/2QA4QklNBCEAAAAAAFUAAAABAQAAAA8AQQBkAG8AYgBlACAAUABoAG8AdABvAHMAaABvAHAAAAATAEEAZABvAGIAZQAg
|
||
|
|
*background-image: url(js/libs/guiders/'guiders_x_button.jpg'); /* Asterisked properties only work in IE7 and below */
|
||
|
|
cursor: pointer;
|
||
|
|
height: 13px;
|
||
|
|
width: 13px;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
css/reset.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/*
|
||
|
|
===================================================
|
||
|
|
Reset
|
||
|
|
===================================================
|
||
|
|
*/
|
||
|
|
|
||
|
|
/** {
|
||
|
|
-webkit-touch-callout: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
*, *:before, *:after {
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
css/main.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/*
|
||
|
|
===================================================
|
||
|
|
Main
|
||
|
|
===================================================
|
||
|
|
*/
|
||
|
|
html, body {
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
background-color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
color: #000;
|
||
|
|
font-family: 'Open Sans', arial, sans-serif;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
a, button, .no-drag
|
||
|
|
{
|
||
|
|
-webkit-app-region: no-drag;
|
||
|
|
}
|
||
|
|
|
||
|
|
dt {
|
||
|
|
font-weight : bold;
|
||
|
|
}
|
||
|
|
dd {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar
|
||
|
|
{
|
||
|
|
background: #ecf0f1;
|
||
|
|
width: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-thumb
|
||
|
|
{
|
||
|
|
background: #bdc3c7;
|
||
|
|
border: 5px solid #ecf0f1;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-thumb:hover
|
||
|
|
{
|
||
|
|
background: #42484a;
|
||
|
|
}
|
||
|
|
|
||
|
|
*.paramStyle { background-color:#ccccff; }
|
||
|
|
|
||
|
|
#file_list {
|
||
|
|
flex-shrink: 1;
|
||
|
|
overflow-x: auto;
|
||
|
|
overflow-y: hidden;
|
||
|
|
text-wrap: nowrap;
|
||
|
|
scrollbar-width: thin;
|
||
|
|
scrollbar-color: #2c80b9 #3498db;
|
||
|
|
height: 60px;
|
||
|
|
}
|
||
|
|
.compact #file_list {
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#file_list > span {
|
||
|
|
display:inline-block;
|
||
|
|
padding: 5px;
|
||
|
|
padding-bottom: 9px;
|
||
|
|
}
|
||
|
|
#file_list > span {
|
||
|
|
border-radius: 10px 10px 0px 0px;
|
||
|
|
color: white;
|
||
|
|
border-top: 2px solid rgb(35, 101, 146);
|
||
|
|
border-left: 2px solid rgb(35, 101, 146);
|
||
|
|
border-right: 2px solid rgb(35, 101, 146);
|
||
|
|
margin-top: 22px;
|
||
|
|
}
|
||
|
|
.compact #file_list > span {
|
||
|
|
font-size: small;
|
||
|
|
padding: 3px;
|
||
|
|
padding-bottom: 6px;
|
||
|
|
border-top: 1px solid rgb(35, 101, 146);
|
||
|
|
border-left: 1px solid rgb(35, 101, 146);
|
||
|
|
border-right: 1px solid rgb(35, 101, 146);
|
||
|
|
margin-top: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#file_list > span.active {
|
||
|
|
background-color: rgb(35, 101, 146);
|
||
|
|
}
|
||
|
|
|
||
|
|
#file_list > span.inactive {
|
||
|
|
color: rgb(35, 101, 146);
|
||
|
|
}
|
||
|
|
|
||
|
|
#file_list> span.close {
|
||
|
|
cursor:grab;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
#file_list > span.close:hover {
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#file_list > span.file_list-new {
|
||
|
|
font-weight: bold;
|
||
|
|
padding-left: 4px;
|
||
|
|
border: 0px;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
css/typography.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/*
|
||
|
|
===================================================
|
||
|
|
Typography
|
||
|
|
===================================================
|
||
|
|
*/
|
||
|
|
|
||
|
|
h1
|
||
|
|
{
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 img
|
||
|
|
{
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings h1
|
||
|
|
{
|
||
|
|
text-transform: uppercase;
|
||
|
|
color: #42484a;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
border-bottom: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings a
|
||
|
|
{
|
||
|
|
color: #3498db;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings a:hover
|
||
|
|
{
|
||
|
|
color: #2980b9;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
css/abstracts.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/*
|
||
|
|
===================================================
|
||
|
|
Abstracts
|
||
|
|
===================================================
|
||
|
|
*/
|
||
|
|
|
||
|
|
.h-split
|
||
|
|
{
|
||
|
|
display: flex;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-split__left,
|
||
|
|
.h-split__right
|
||
|
|
{
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-split--middle .h-split__left,
|
||
|
|
.h-split--middle .h-split__right
|
||
|
|
{
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-split--bottom .h-split__left,
|
||
|
|
.h-split--bottom .h-split__right
|
||
|
|
{
|
||
|
|
vertical-align: bottom;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-split__left
|
||
|
|
{
|
||
|
|
flex-grow: 1;
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-split__right
|
||
|
|
{
|
||
|
|
direction: rtl;
|
||
|
|
float: right;
|
||
|
|
flex-grow: 0;
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-split__right > *
|
||
|
|
{
|
||
|
|
direction: ltr;
|
||
|
|
}
|
||
|
|
|
||
|
|
.v-split
|
||
|
|
{
|
||
|
|
position: relative;
|
||
|
|
display: table;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.v-split__top,
|
||
|
|
.v-split__bottom
|
||
|
|
{
|
||
|
|
display: table-row;
|
||
|
|
vertical-align: top;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.v-split__bottom
|
||
|
|
{
|
||
|
|
vertical-align: bottom;
|
||
|
|
height: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.v-split__bottom > *
|
||
|
|
{
|
||
|
|
vertical-align: bottom;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button
|
||
|
|
{
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
background: #ccc;
|
||
|
|
border: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
padding: 10px;
|
||
|
|
min-height: 60px;
|
||
|
|
}
|
||
|
|
.compact .button
|
||
|
|
{
|
||
|
|
min-height: 30px;
|
||
|
|
}
|
||
|
|
.button.sml
|
||
|
|
{
|
||
|
|
min-height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--wide
|
||
|
|
{
|
||
|
|
width: 100%;
|
||
|
|
min-width: 350px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--icon
|
||
|
|
{
|
||
|
|
border-left: 60px solid #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--icon .button__icon
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: -60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:hover
|
||
|
|
{
|
||
|
|
color: #fff !important;
|
||
|
|
background: #2ecc71;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:hover *
|
||
|
|
{
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--icon:hover
|
||
|
|
{
|
||
|
|
border-left-color: #27ae60;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* for icons on rhs of list (eg storage.js) */
|
||
|
|
.list__item > span:hover {
|
||
|
|
background-color : #eee;
|
||
|
|
}
|
||
|
|
.list__item > span > a:hover {
|
||
|
|
background-color : #2ecc71;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
css/components.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/*
|
||
|
|
===================================================
|
||
|
|
Components
|
||
|
|
===================================================
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* Window */
|
||
|
|
.window
|
||
|
|
{
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* for windows that have a 'real' OS-visible title bar */
|
||
|
|
.window--app
|
||
|
|
{
|
||
|
|
padding-top: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window--modal
|
||
|
|
{
|
||
|
|
display: inline-block;
|
||
|
|
text-align: left;
|
||
|
|
background: white;
|
||
|
|
z-index: 200;
|
||
|
|
width: 350px;
|
||
|
|
min-height: 110px;
|
||
|
|
height: auto;
|
||
|
|
padding-top: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window--modal.window--stretch
|
||
|
|
{
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 40px;
|
||
|
|
left: 40px;
|
||
|
|
right: 40px;
|
||
|
|
bottom: 40px;
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window--modal.window--auto
|
||
|
|
{
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
max-width:90vh;
|
||
|
|
left: 50%; top: 50%;
|
||
|
|
transform: translate(-50%,-50%);
|
||
|
|
}
|
||
|
|
.window--modal.window--auto > .window__viewport
|
||
|
|
{
|
||
|
|
max-height:90vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window--modal.window--center
|
||
|
|
{
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
height: auto;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
transform: translate(-50%,-50%);
|
||
|
|
}
|
||
|
|
.window--modal.window--center > .window__viewport
|
||
|
|
{
|
||
|
|
max-height: 80vh; /*80% of vertical window height */
|
||
|
|
}
|
||
|
|
|
||
|
|
.window__title-bar
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window--app > .window__title-bar
|
||
|
|
{
|
||
|
|
z-index: 100;
|
||
|
|
-webkit-app-region: drag;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window--modal .window__title-bar .title-bar__title
|
||
|
|
{
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window__viewport
|
||
|
|
{
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window__overlay
|
||
|
|
{
|
||
|
|
display: table;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background: rgba(0,0,0,0.4);
|
||
|
|
z-index: 199;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window__overlay-inner
|
||
|
|
{
|
||
|
|
display: table-cell;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Title Bar */
|
||
|
|
.title-bar
|
||
|
|
{
|
||
|
|
background: #333;
|
||
|
|
color: #fff;
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title-bar__title
|
||
|
|
{
|
||
|
|
text-align: center;
|
||
|
|
font-size: 100%;
|
||
|
|
line-height: 30px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title-bar__buttons
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title-bar__button
|
||
|
|
{
|
||
|
|
display: inline-block;
|
||
|
|
-webkit-app-region: no-drag
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Toolbar */
|
||
|
|
.toolbar
|
||
|
|
{
|
||
|
|
position: relative;
|
||
|
|
background: #3498db;
|
||
|
|
height: 60px;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Menu */
|
||
|
|
a:hover > .menu
|
||
|
|
{
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu
|
||
|
|
{
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
width: 230px;
|
||
|
|
padding: 10px;
|
||
|
|
background: #2c80b9;
|
||
|
|
z-index: 2000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu a
|
||
|
|
{
|
||
|
|
color: #fff;
|
||
|
|
font-weight: bold;
|
||
|
|
text-transform: uppercase;
|
||
|
|
display: block;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu a:hover
|
||
|
|
{
|
||
|
|
background: rgba(0,0,0,0.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu a i
|
||
|
|
{
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.toolbar .menu { background: #2c80b9; }
|
||
|
|
.toolbar .toolbar__buttons--left .menu { top: 60px; left: 0; }
|
||
|
|
.toolbar .toolbar__buttons--right .menu { top: 60px; right: 0; }
|
||
|
|
|
||
|
|
.sidebar .menu { background: #373d3e; }
|
||
|
|
.sidebar .sidebar__buttons--top .menu { top: 0; left: 60px; }
|
||
|
|
.sidebar .sidebar__buttons--bottom .menu { bottom: 0; left: 60px; }
|
||
|
|
|
||
|
|
/* Full (un-split) Pane */
|
||
|
|
.full-pane
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
margin-top: 60px;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 30px;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Split Pane */
|
||
|
|
.split-pane
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
margin-top: 60px;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 30px;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Loading indicator */
|
||
|
|
.split-pane__loading {
|
||
|
|
position:absolute;
|
||
|
|
top:50%;left:50%;
|
||
|
|
transform: translate(-50%,-50%);
|
||
|
|
font-size:24px;
|
||
|
|
font-weight: bold;
|
||
|
|
color:#888;"
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Status */
|
||
|
|
.status
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
right: 0;
|
||
|
|
background: #42484a;
|
||
|
|
color: #fff;
|
||
|
|
height: 30px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.status h5
|
||
|
|
{
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 100%;
|
||
|
|
line-height: 30px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.status__port
|
||
|
|
{
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.status__message
|
||
|
|
{
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Progress */
|
||
|
|
.status__progress
|
||
|
|
{
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
width: 180px;
|
||
|
|
height: 4px;
|
||
|
|
top: -1px;
|
||
|
|
margin: 0px;
|
||
|
|
vertical-align: middle;
|
||
|
|
background: rgba(0,0,0,0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.status__progress-bar
|
||
|
|
{
|
||
|
|
background: #2ecc71;
|
||
|
|
width: 0%;
|
||
|
|
height: 4px;
|
||
|
|
max-width: 100% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Editor Wrapper */
|
||
|
|
.editor
|
||
|
|
{
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.editor__sidebar
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.editor__canvas
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 60px;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.editor__canvas__fullscreen
|
||
|
|
{
|
||
|
|
left: 0;
|
||
|
|
z-index: 100;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Sidebar */
|
||
|
|
.sidebar
|
||
|
|
{
|
||
|
|
background: #42484a;
|
||
|
|
width: 60px;
|
||
|
|
height: 100%;
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar .v-split
|
||
|
|
{
|
||
|
|
background: #42484a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.splitster__bar--ghost
|
||
|
|
{
|
||
|
|
background: #3498db;
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Lists */
|
||
|
|
.list,
|
||
|
|
.list__item
|
||
|
|
{
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list
|
||
|
|
{
|
||
|
|
margin: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list__item
|
||
|
|
{
|
||
|
|
margin-bottom: 10px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list__item__name
|
||
|
|
{
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 150%;
|
||
|
|
padding-left: 5px;
|
||
|
|
padding-right: 5px;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
white-space: nowrap;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list__item__desc
|
||
|
|
{
|
||
|
|
/* font-size: 70%; */
|
||
|
|
color : #666;
|
||
|
|
white-space: nowrap;
|
||
|
|
padding-left: 5px;
|
||
|
|
}
|
||
|
|
.compact .list__item__desc
|
||
|
|
{
|
||
|
|
font-size: 70%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list__no-results
|
||
|
|
{
|
||
|
|
color: #333;
|
||
|
|
font-size: 120%;
|
||
|
|
text-transform: uppercase;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 40px;
|
||
|
|
min-width: 300px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list__no-results-help
|
||
|
|
{
|
||
|
|
color: #333;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list__itemicon-right {
|
||
|
|
position: absolute;
|
||
|
|
right: 0px;
|
||
|
|
top: 0px;
|
||
|
|
background-color: #aaa;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.loading-text
|
||
|
|
{
|
||
|
|
color: #333;
|
||
|
|
font-size: 120%;
|
||
|
|
text-transform: uppercase;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Snippets list */
|
||
|
|
|
||
|
|
.terminalSnippets
|
||
|
|
{
|
||
|
|
paddi ng-left: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminalSnippet
|
||
|
|
{
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
background: #ccc;
|
||
|
|
border-left: 10px solid #999;
|
||
|
|
cursor: pointer;
|
||
|
|
padding: 2px;
|
||
|
|
padding-left: 8px;
|
||
|
|
margin: 1px;
|
||
|
|
height: 20px;
|
||
|
|
width: 320px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminalSnippet:hover
|
||
|
|
{
|
||
|
|
color: #fff !important;
|
||
|
|
border-left-color: #27ae60;
|
||
|
|
background: #2ecc71;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Terminal */
|
||
|
|
/* ----------------------------------------------------- */
|
||
|
|
.terminal
|
||
|
|
{
|
||
|
|
font-size: 12px;
|
||
|
|
background-color: #222;
|
||
|
|
color: white;
|
||
|
|
display: block;
|
||
|
|
border: 0;
|
||
|
|
padding: 10px;
|
||
|
|
overflow: auto; /* adds scrollbar if needed */
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
left: 0px;
|
||
|
|
top: 0px;
|
||
|
|
bottom: 0px;
|
||
|
|
right: 0px;
|
||
|
|
|
||
|
|
-o-user-select: text;
|
||
|
|
-moz-user-select: text;
|
||
|
|
-webkit-user-select: text;
|
||
|
|
user-select: text;
|
||
|
|
}
|
||
|
|
|
||
|
|
.termLine {
|
||
|
|
font-family: Fixed, monospace;
|
||
|
|
tab-size: 4;
|
||
|
|
min-height: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal.focus
|
||
|
|
{
|
||
|
|
background-color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal__focus
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: -100px; /* hide it */
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal--webcam
|
||
|
|
{
|
||
|
|
background: none;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: bold;
|
||
|
|
padding: 8px;
|
||
|
|
/* color : white;
|
||
|
|
text-shadow: -1px -1px black, 1px 1px black, 1px -1px black, -1px 1px black,
|
||
|
|
-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black,
|
||
|
|
-2px -2px black, 2px 2px black, 2px -2px black, -2px 2px black,
|
||
|
|
-2px 0 black, 0 2px black, 2px 0 black, 0 -2px black,
|
||
|
|
-3px 0 black, 0 3px black, 3px 0 black, 0 -3px black; */
|
||
|
|
color : black;
|
||
|
|
text-shadow: -1px -1px white, 1px 1px white, 1px -1px white, -1px 1px white,
|
||
|
|
-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white,
|
||
|
|
-2px -2px rgba(255,255,255,0.5), 2px 2px rgba(255,255,255,0.5), 2px -2px rgba(255,255,255,0.5), -2px 2px rgba(255,255,255,0.5),
|
||
|
|
-2px 0 rgba(255,255,255,0.5), 0 2px rgba(255,255,255,0.5), 2px 0 rgba(255,255,255,0.5), 0 -2px rgba(255,255,255,0.5),
|
||
|
|
-3px 0 rgba(255,255,255,0.2), 0 3px rgba(255,255,255,0.2), 3px 0 rgba(255,255,255,0.2), 0 -3px rgba(255,255,255,0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal--webcam.focus
|
||
|
|
{
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal a
|
||
|
|
{
|
||
|
|
color:#88F;
|
||
|
|
}
|
||
|
|
.terminal a:visited
|
||
|
|
{
|
||
|
|
color:#88F;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal--connected.focus .terminal__cursor
|
||
|
|
{
|
||
|
|
animation: blink 1s step-end 0s infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal--webcam.focus .terminal__cursor
|
||
|
|
{
|
||
|
|
text-shadow: none;
|
||
|
|
animation: blink_webcam 1s step-end 0s infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes blink {
|
||
|
|
0%, 100% {
|
||
|
|
background-color: #fff;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
background-color: transparent;
|
||
|
|
color: #aaa;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes blink_webcam {
|
||
|
|
0%, 100% {
|
||
|
|
background-color: #ffffffC0;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
background-color: #000000C0;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Tutorial */
|
||
|
|
.tutorial_text {
|
||
|
|
background-color : #222;
|
||
|
|
border: 1px solid #888;
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: 8px;
|
||
|
|
margin-left: 16px;
|
||
|
|
margin-right: 16px;
|
||
|
|
margin-top: 8px;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tutorial_text .code {
|
||
|
|
background-color : #333;
|
||
|
|
border: 1px solid #888;
|
||
|
|
border-radius: 5px;
|
||
|
|
padding: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tutorial_code {
|
||
|
|
background-color : #333;
|
||
|
|
border: 1px solid #888;
|
||
|
|
border-radius: 5px;
|
||
|
|
padding: 8px;
|
||
|
|
margin-top: 8px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #CFC;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Other notifications */
|
||
|
|
.notification_text {
|
||
|
|
background-color : #145931;
|
||
|
|
border: 1px solid #1b7a43;
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: 8px;
|
||
|
|
margin-left: 16px;
|
||
|
|
margin-right: 16px;
|
||
|
|
margin-top: 8px;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Other notifications */
|
||
|
|
.terminal-status-container {
|
||
|
|
min-height: 34px;
|
||
|
|
}
|
||
|
|
.terminal-status {
|
||
|
|
float:right;
|
||
|
|
border-radius: 5px;
|
||
|
|
padding: 6px;
|
||
|
|
margin-top: 2px;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
/* Other notifications */
|
||
|
|
.terminal-status-success {
|
||
|
|
background-color: #2ecc71;
|
||
|
|
}
|
||
|
|
.terminal-status-error {
|
||
|
|
background-color: #e74c3c;
|
||
|
|
}
|
||
|
|
.terminal-status-info {
|
||
|
|
background-color: #3498db;
|
||
|
|
}
|
||
|
|
.terminal-status-warning {
|
||
|
|
background-color: #f39c12;
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal-inline-image {
|
||
|
|
border: 1px solid #666;
|
||
|
|
padding: 8px;
|
||
|
|
margin: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Code Editors */
|
||
|
|
#divcode {
|
||
|
|
overflow-y: auto;
|
||
|
|
overflow-x: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blocky
|
||
|
|
{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lint-error {font-family: arial; font-size: 70%; background: #ffa; color: #a00; padding: 2px 5px 3px; }
|
||
|
|
.lint-error-icon {color: white; background-color: red; font-weight: bold; border-radius: 50%; padding: 0 3px; margin-right: 7px;}
|
||
|
|
.cm-trailingspace {
|
||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
|
||
|
|
background-position: bottom left;
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
}
|
||
|
|
.CodeMirror-focused .cm-matchhighlight {
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
|
||
|
|
background-position: bottom;
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-Tern-tooltip {
|
||
|
|
max-width: 400px;
|
||
|
|
overflow-x : scroll;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-DebugLineBg {
|
||
|
|
background-color: #FF7F7F;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Settings */
|
||
|
|
.settings {
|
||
|
|
position:relative;
|
||
|
|
height:100%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings .sections
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
background: #42484a;
|
||
|
|
width: 180px;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings .sections a
|
||
|
|
{
|
||
|
|
display: block;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: bold;
|
||
|
|
text-transform: uppercase;
|
||
|
|
height: 30px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings .sections a:hover
|
||
|
|
{
|
||
|
|
background: rgba(0,0,0,0.4);
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings .sections [class*="icon-"]
|
||
|
|
{
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings .sections a.current
|
||
|
|
{
|
||
|
|
position: relative;
|
||
|
|
background-color: #2ecc71;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings .sections a.current:after
|
||
|
|
{
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 5px 0 5px 5px;
|
||
|
|
border-color: transparent #2ecc71;
|
||
|
|
display: block;
|
||
|
|
width: 0;
|
||
|
|
z-index: 1;
|
||
|
|
right: -5px;
|
||
|
|
top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settings .currentsection
|
||
|
|
{
|
||
|
|
position:absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 180px;
|
||
|
|
right: 0px;
|
||
|
|
bottom: 0px;
|
||
|
|
overflow: auto;
|
||
|
|
padding: 15px 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.board_info
|
||
|
|
{
|
||
|
|
/* allow select */
|
||
|
|
-o-user-select: text;
|
||
|
|
-moz-user-select: text;
|
||
|
|
-webkit-user-select: text;
|
||
|
|
user-select: text;
|
||
|
|
}
|
||
|
|
|
||
|
|
.console
|
||
|
|
{
|
||
|
|
border:1px solid #EEEEEE;
|
||
|
|
width: 100%;
|
||
|
|
padding: 6px;
|
||
|
|
word-wrap:break-word;
|
||
|
|
font-family: monospace;
|
||
|
|
|
||
|
|
-o-user-select: text;
|
||
|
|
-moz-user-select: text;
|
||
|
|
-webkit-user-select: text;
|
||
|
|
user-select: text;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settingsProfile__popup
|
||
|
|
{
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settingsProfile__popup p,
|
||
|
|
.settingsProfile__popup table
|
||
|
|
{
|
||
|
|
margin-top: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settingsProfile__popup th,
|
||
|
|
.settingsProfile__popup td
|
||
|
|
{
|
||
|
|
text-align: left;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.settingsProfile__popup th:first-child,
|
||
|
|
.settingsProfile__popup td:first-child
|
||
|
|
{
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Compact */
|
||
|
|
.compact .toolbar { height: 30px; }
|
||
|
|
.compact .toolbar .toolbar__buttons--left .menu { top: 30px; }
|
||
|
|
.compact .toolbar .toolbar__buttons--right .menu { top: 30px; }
|
||
|
|
.compact .sidebar .sidebar__buttons--top .menu { left: 30px; }
|
||
|
|
.compact .sidebar .sidebar__buttons--bottom .menu { left: 30px; }
|
||
|
|
.compact .split-pane { margin-top: 30px; }
|
||
|
|
.compact .editor__canvas { left: 30px; }
|
||
|
|
.compact .sidebar { width: 30px; }
|
||
|
|
.compact .button { height: 30px; padding: 0; }
|
||
|
|
.compact .button--icon { border-left-width: 30px; }
|
||
|
|
.compact .button--icon .button__icon { left: -30px; }
|
||
|
|
.compact .list__item__name { font-size: 100%; }
|
||
|
|
.compact .list__item { margin-bottom: 2px; }
|
||
|
|
|
||
|
|
/* For code highlighter comments */
|
||
|
|
.hljs-comment,.hljs-quote{color:#a50}
|
||
|
|
.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{}
|
||
|
|
.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#164}
|
||
|
|
.hljs-attribute{color:#00c}
|
||
|
|
.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#a11}
|
||
|
|
.hljs-title,.hljs-section{color:#4271ae}
|
||
|
|
.hljs-keyword,.hljs-selector-tag{color:#708}
|
||
|
|
.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
css/icons.css
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/*
|
||
|
|
===================================================
|
||
|
|
Icons
|
||
|
|
===================================================
|
||
|
|
*/
|
||
|
|
|
||
|
|
[class*="icon-"]
|
||
|
|
{
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
speak: none;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: normal;
|
||
|
|
font-variant: normal;
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="icon-"]:before
|
||
|
|
{
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
background: transparent url(img/icons.png) left top;
|
||
|
|
}
|
||
|
|
|
||
|
|
a[class*="icon-"]
|
||
|
|
{
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
a[class*="icon-"]:hover
|
||
|
|
{
|
||
|
|
background-color: rgba(0,0,0,.15);
|
||
|
|
}
|
||
|
|
|
||
|
|
a.icon-connect { background-color: #f1c40f; }
|
||
|
|
a.icon-disconnect { background-color: #2ecc71; }
|
||
|
|
a.icon-connect:hover { background-color: #f39c12; }
|
||
|
|
a.icon-disconnect:hover { background-color: #27ae60; }
|
||
|
|
|
||
|
|
a.icon-alert { background-color: #f1c40f; }
|
||
|
|
a.icon-alert:hover { background-color: #f39c12; }
|
||
|
|
|
||
|
|
[class*="icon-"].lrg,
|
||
|
|
[class*="icon-"].lrg:before
|
||
|
|
{
|
||
|
|
width: 60px;
|
||
|
|
height: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="icon-"].sml,
|
||
|
|
[class*="icon-"].sml:before,
|
||
|
|
.compact [class*="icon-"].lrg,
|
||
|
|
.compact [class*="icon-"].lrg:before
|
||
|
|
{
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="icon-"].lrg.icon--hasinfo
|
||
|
|
{
|
||
|
|
width: 60px;
|
||
|
|
height: 68px;
|
||
|
|
}
|
||
|
|
.compact [class*="icon-"].lrg.icon--hasinfo
|
||
|
|
{
|
||
|
|
width: 30px;
|
||
|
|
height: 48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
a span.icon__info {
|
||
|
|
color : #888;
|
||
|
|
padding : 1px;
|
||
|
|
font-size : 12px;
|
||
|
|
font-weight:bold;
|
||
|
|
position : absolute;
|
||
|
|
left : 0px;
|
||
|
|
bottom : 0px;
|
||
|
|
}
|
||
|
|
a span.icon__more {
|
||
|
|
color : white;
|
||
|
|
position : absolute;
|
||
|
|
right : 0px;
|
||
|
|
bottom : 0px;
|
||
|
|
padding-left:10px;
|
||
|
|
padding-top: 10px;/* make it easier to click*/
|
||
|
|
}
|
||
|
|
.compact a .icon__info {
|
||
|
|
left : 50%;
|
||
|
|
bottom : 12px;
|
||
|
|
transform: translate(-50%,0%);
|
||
|
|
font-weight:inherit;
|
||
|
|
font-size : 7px;
|
||
|
|
}
|
||
|
|
.compact a span.icon__more {
|
||
|
|
left : 50%;
|
||
|
|
transform: translate(-50%,0%);
|
||
|
|
font-size : 12px;
|
||
|
|
padding-left:0px;padding-right:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
a .icon__more:hover {
|
||
|
|
color : #2ecc71;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon--divide-right { border-right: solid 1px rgba(255,255,255,0.3); }
|
||
|
|
.icon--divide-left { border-left: solid 1px rgba(255,255,255,0.3); }
|
||
|
|
.icon--divide-bottom { border-bottom: solid 1px rgba(255,255,255,0.3); }
|
||
|
|
.icon--divide-top { border-top: solid 1px rgba(255,255,255,0.3); }
|
||
|
|
/* auto-generated by extras/make_icons.sh */
|
||
|
|
.icon-cross.lrg:before { background-position: 0 -0px }
|
||
|
|
.compact .icon-cross.lrg:before,
|
||
|
|
.icon-cross.sml:before { background-position: -60px -0px }
|
||
|
|
|
||
|
|
.icon-window.lrg:before { background-position: 0 -60px }
|
||
|
|
.compact .icon-window.lrg:before,
|
||
|
|
.icon-window.sml:before { background-position: -60px -60px }
|
||
|
|
|
||
|
|
.icon-minus.lrg:before { background-position: 0 -120px }
|
||
|
|
.compact .icon-minus.lrg:before,
|
||
|
|
.icon-minus.sml:before { background-position: -60px -120px }
|
||
|
|
|
||
|
|
.icon-plus.lrg:before { background-position: 0 -180px }
|
||
|
|
.compact .icon-plus.lrg:before,
|
||
|
|
.icon-plus.sml:before { background-position: -60px -180px }
|
||
|
|
|
||
|
|
.icon-back.lrg:before { background-position: 0 -240px }
|
||
|
|
.compact .icon-back.lrg:before,
|
||
|
|
.icon-back.sml:before { background-position: -60px -240px }
|
||
|
|
|
||
|
|
.icon-forward.lrg:before { background-position: 0 -300px }
|
||
|
|
.compact .icon-forward.lrg:before,
|
||
|
|
.icon-forward.sml:before { background-position: -60px -300px }
|
||
|
|
|
||
|
|
.icon-down.lrg:before { background-position: 0 -360px }
|
||
|
|
.compact .icon-down.lrg:before,
|
||
|
|
.icon-down.sml:before { background-position: -60px -360px }
|
||
|
|
|
||
|
|
.icon-up.lrg:before { background-position: 0 -420px }
|
||
|
|
.compact .icon-up.lrg:before,
|
||
|
|
.icon-up.sml:before { background-position: -60px -420px }
|
||
|
|
|
||
|
|
.icon-settings.lrg:before { background-position: 0 -480px }
|
||
|
|
.compact .icon-settings.lrg:before,
|
||
|
|
.icon-settings.sml:before { background-position: -60px -480px }
|
||
|
|
|
||
|
|
.icon-alert.lrg:before { background-position: 0 -540px }
|
||
|
|
.compact .icon-alert.lrg:before,
|
||
|
|
.icon-alert.sml:before { background-position: -60px -540px }
|
||
|
|
|
||
|
|
.icon-connect.lrg:before { background-position: 0 -600px }
|
||
|
|
.compact .icon-connect.lrg:before,
|
||
|
|
.icon-connect.sml:before { background-position: -60px -600px }
|
||
|
|
|
||
|
|
.icon-disconnect.lrg:before { background-position: 0 -660px }
|
||
|
|
.compact .icon-disconnect.lrg:before,
|
||
|
|
.icon-disconnect.sml:before { background-position: -60px -660px }
|
||
|
|
|
||
|
|
.icon-split-vertical.lrg:before { background-position: 0 -720px }
|
||
|
|
.compact .icon-split-vertical.lrg:before,
|
||
|
|
.icon-split-vertical.sml:before { background-position: -60px -720px }
|
||
|
|
|
||
|
|
.icon-split-horizontal.lrg:before { background-position: 0 -780px }
|
||
|
|
.compact .icon-split-horizontal.lrg:before,
|
||
|
|
.icon-split-horizontal.sml:before { background-position: -60px -780px }
|
||
|
|
|
||
|
|
.icon-folder.lrg:before { background-position: 0 -840px }
|
||
|
|
.compact .icon-folder.lrg:before,
|
||
|
|
.icon-folder.sml:before { background-position: -60px -840px }
|
||
|
|
|
||
|
|
.icon-folder-open.lrg:before { background-position: 0 -900px }
|
||
|
|
.compact .icon-folder-open.lrg:before,
|
||
|
|
.icon-folder-open.sml:before { background-position: -60px -900px }
|
||
|
|
|
||
|
|
.icon-save.lrg:before { background-position: 0 -960px }
|
||
|
|
.compact .icon-save.lrg:before,
|
||
|
|
.icon-save.sml:before { background-position: -60px -960px }
|
||
|
|
|
||
|
|
.icon-deploy.lrg:before { background-position: 0 -1020px }
|
||
|
|
.compact .icon-deploy.lrg:before,
|
||
|
|
.icon-deploy.sml:before { background-position: -60px -1020px }
|
||
|
|
|
||
|
|
.icon-code.lrg:before { background-position: 0 -1080px }
|
||
|
|
.compact .icon-code.lrg:before,
|
||
|
|
.icon-code.sml:before { background-position: -60px -1080px }
|
||
|
|
|
||
|
|
.icon-clear.lrg:before { background-position: 0 -1140px }
|
||
|
|
.compact .icon-clear.lrg:before,
|
||
|
|
.icon-clear.sml:before { background-position: -60px -1140px }
|
||
|
|
|
||
|
|
.icon-eye.lrg:before { background-position: 0 -1200px }
|
||
|
|
.compact .icon-eye.lrg:before,
|
||
|
|
.icon-eye.sml:before { background-position: -60px -1200px }
|
||
|
|
|
||
|
|
.icon-webcam.lrg:before { background-position: 0 -1260px }
|
||
|
|
.compact .icon-webcam.lrg:before,
|
||
|
|
.icon-webcam.sml:before { background-position: -60px -1260px }
|
||
|
|
|
||
|
|
.icon-block.lrg:before { background-position: 0 -1320px }
|
||
|
|
.compact .icon-block.lrg:before,
|
||
|
|
.icon-block.sml:before { background-position: -60px -1320px }
|
||
|
|
|
||
|
|
.icon-bin.lrg:before { background-position: 0 -1380px }
|
||
|
|
.compact .icon-bin.lrg:before,
|
||
|
|
.icon-bin.sml:before { background-position: -60px -1380px }
|
||
|
|
|
||
|
|
.icon-star.lrg:before { background-position: 0 -1440px }
|
||
|
|
.compact .icon-star.lrg:before,
|
||
|
|
.icon-star.sml:before { background-position: -60px -1440px }
|
||
|
|
|
||
|
|
.icon-heart.lrg:before { background-position: 0 -1500px }
|
||
|
|
.compact .icon-heart.lrg:before,
|
||
|
|
.icon-heart.sml:before { background-position: -60px -1500px }
|
||
|
|
|
||
|
|
.icon-lightning.lrg:before { background-position: 0 -1560px }
|
||
|
|
.compact .icon-lightning.lrg:before,
|
||
|
|
.icon-lightning.sml:before { background-position: -60px -1560px }
|
||
|
|
|
||
|
|
.icon-tick.lrg:before { background-position: 0 -1620px }
|
||
|
|
.compact .icon-tick.lrg:before,
|
||
|
|
.icon-tick.sml:before { background-position: -60px -1620px }
|
||
|
|
|
||
|
|
.icon-cloud.lrg:before { background-position: 0 -1680px }
|
||
|
|
.compact .icon-cloud.lrg:before,
|
||
|
|
.icon-cloud.sml:before { background-position: -60px -1680px }
|
||
|
|
|
||
|
|
.icon-usb.lrg:before { background-position: 0 -1740px }
|
||
|
|
.compact .icon-usb.lrg:before,
|
||
|
|
.icon-usb.sml:before { background-position: -60px -1740px }
|
||
|
|
|
||
|
|
.icon-help.lrg:before { background-position: 0 -1800px }
|
||
|
|
.compact .icon-help.lrg:before,
|
||
|
|
.icon-help.sml:before { background-position: -60px -1800px }
|
||
|
|
|
||
|
|
.icon-compass.lrg:before { background-position: 0 -1860px }
|
||
|
|
.compact .icon-compass.lrg:before,
|
||
|
|
.icon-compass.sml:before { background-position: -60px -1860px }
|
||
|
|
|
||
|
|
.icon-refresh.lrg:before { background-position: 0 -1920px }
|
||
|
|
.compact .icon-refresh.lrg:before,
|
||
|
|
.icon-refresh.sml:before { background-position: -60px -1920px }
|
||
|
|
|
||
|
|
.icon-snippets.lrg:before { background-position: 0 -1980px }
|
||
|
|
.compact .icon-snippets.lrg:before,
|
||
|
|
.icon-snippets.sml:before { background-position: -60px -1980px }
|
||
|
|
|
||
|
|
.icon-debug-go.lrg:before { background-position: 0 -2040px }
|
||
|
|
.compact .icon-debug-go.lrg:before,
|
||
|
|
.icon-debug-go.sml:before { background-position: -60px -2040px }
|
||
|
|
|
||
|
|
.icon-debug-stop.lrg:before { background-position: 0 -2100px }
|
||
|
|
.compact .icon-debug-stop.lrg:before,
|
||
|
|
.icon-debug-stop.sml:before { background-position: -60px -2100px }
|
||
|
|
|
||
|
|
.icon-debug-into.lrg:before { background-position: 0 -2160px }
|
||
|
|
.compact .icon-debug-into.lrg:before,
|
||
|
|
.icon-debug-into.sml:before { background-position: -60px -2160px }
|
||
|
|
|
||
|
|
.icon-debug-out.lrg:before { background-position: 0 -2220px }
|
||
|
|
.compact .icon-debug-out.lrg:before,
|
||
|
|
.icon-debug-out.sml:before { background-position: -60px -2220px }
|
||
|
|
|
||
|
|
.icon-debug-over.lrg:before { background-position: 0 -2280px }
|
||
|
|
.compact .icon-debug-over.lrg:before,
|
||
|
|
.icon-debug-over.sml:before { background-position: -60px -2280px }
|
||
|
|
|
||
|
|
.icon-book.lrg:before { background-position: 0 -2340px }
|
||
|
|
.compact .icon-book.lrg:before,
|
||
|
|
.icon-book.sml:before { background-position: -60px -2340px }
|
||
|
|
|
||
|
|
.icon-chat.lrg:before { background-position: 0 -2400px }
|
||
|
|
.compact .icon-chat.lrg:before,
|
||
|
|
.icon-chat.sml:before { background-position: -60px -2400px }
|
||
|
|
|
||
|
|
.icon-bluetooth.lrg:before { background-position: 0 -2460px }
|
||
|
|
.compact .icon-bluetooth.lrg:before,
|
||
|
|
.icon-bluetooth.sml:before { background-position: -60px -2460px }
|
||
|
|
|
||
|
|
.icon-headphone.lrg:before { background-position: 0 -2520px }
|
||
|
|
.compact .icon-headphone.lrg:before,
|
||
|
|
.icon-headphone.sml:before { background-position: -60px -2520px }
|
||
|
|
|
||
|
|
.icon-network.lrg:before { background-position: 0 -2580px }
|
||
|
|
.compact .icon-network.lrg:before,
|
||
|
|
.icon-network.sml:before { background-position: -60px -2580px }
|
||
|
|
|
||
|
|
.icon-storage.lrg:before { background-position: 0 -2640px }
|
||
|
|
.compact .icon-storage.lrg:before,
|
||
|
|
.icon-storage.sml:before { background-position: -60px -2640px }
|
||
|
|
|
||
|
|
.icon-log.lrg:before { background-position: 0 -2700px }
|
||
|
|
.compact .icon-log.lrg:before,
|
||
|
|
.icon-log.sml:before { background-position: -60px -2700px }
|
||
|
|
|
||
|
|
.icon-upkey.lrg:before { background-position: 0 -2760px }
|
||
|
|
.compact .icon-upkey.lrg:before,
|
||
|
|
.icon-upkey.sml:before { background-position: -60px -2760px }
|
||
|
|
|
||
|
|
.icon-downkey.lrg:before { background-position: 0 -2820px }
|
||
|
|
.compact .icon-downkey.lrg:before,
|
||
|
|
.icon-downkey.sml:before { background-position: -60px -2820px }
|
||
|
|
|
||
|
|
.icon-tabkey.lrg:before { background-position: 0 -2880px }
|
||
|
|
.compact .icon-tabkey.lrg:before,
|
||
|
|
.icon-tabkey.sml:before { background-position: -60px -2880px }
|
||
|
|
|
||
|
|
.icon-sdcard.lrg:before { background-position: 0 -2940px }
|
||
|
|
.compact .icon-sdcard.lrg:before,
|
||
|
|
.icon-sdcard.sml:before { background-position: -60px -2940px }
|