From f206177e58d825fea0e90a0a6ea27bb192f1afdd Mon Sep 17 00:00:00 2001 From: Alan Knowles Date: Wed, 28 Nov 2018 12:14:20 +0800 Subject: [PATCH] less/roojs-bootstrap/alert.scss scss/roojs-bootstrap/alert.less less/roojs-bootstrap/calendar.scss scss/roojs-bootstrap/calendar.less less/roojs-bootstrap/carousel.scss scss/roojs-bootstrap/carousel.less less/roojs-bootstrap/checkbox.scss scss/roojs-bootstrap/checkbox.less less/roojs-bootstrap/combobox.scss scss/roojs-bootstrap/combobox.less less/roojs-bootstrap/datepicker.scss scss/roojs-bootstrap/datepicker.less less/roojs-bootstrap/document-manager.scss scss/roojs-bootstrap/document-manager.less less/roojs-bootstrap/document-slider.scss scss/roojs-bootstrap/document-slider.less less/roojs-bootstrap/document-viewer.scss scss/roojs-bootstrap/document-viewer.less less/roojs-bootstrap/dropdown.scss scss/roojs-bootstrap/dropdown.less less/roojs-bootstrap/input.scss scss/roojs-bootstrap/input.less less/roojs-bootstrap/label-pill.scss scss/roojs-bootstrap/label-pill.less less/roojs-bootstrap/layout.scss scss/roojs-bootstrap/layout.less less/roojs-bootstrap/list-group.scss scss/roojs-bootstrap/list-group.less less/roojs-bootstrap/mask.scss scss/roojs-bootstrap/mask.less less/roojs-bootstrap/masonary-squares.scss scss/roojs-bootstrap/masonary-squares.less less/roojs-bootstrap/modal.scss scss/roojs-bootstrap/modal.less less/roojs-bootstrap/money-field.scss scss/roojs-bootstrap/money-field.less less/roojs-bootstrap/navbar.scss scss/roojs-bootstrap/navbar.less less/roojs-bootstrap/nav-progress-bar.scss scss/roojs-bootstrap/nav-progress-bar.less less/roojs-bootstrap/nav-tabs.scss scss/roojs-bootstrap/nav-tabs.less scss/roojs-bootstrap/numberbox.less --- less/roojs-bootstrap/alert.scss | 23 + less/roojs-bootstrap/calendar.scss | 593 +++++++++++++++++++++ less/roojs-bootstrap/carousel.scss | 92 ++++ less/roojs-bootstrap/checkbox.scss | 182 +++++++ less/roojs-bootstrap/combobox.scss | 286 ++++++++++ less/roojs-bootstrap/datepicker.scss | 457 ++++++++++++++++ less/roojs-bootstrap/document-manager.scss | 207 +++++++ less/roojs-bootstrap/document-slider.scss | 73 +++ less/roojs-bootstrap/document-viewer.scss | 57 ++ less/roojs-bootstrap/dropdown.scss | 99 ++++ less/roojs-bootstrap/input.scss | 21 + less/roojs-bootstrap/label-pill.scss | 5 + less/roojs-bootstrap/layout.scss | 257 +++++++++ less/roojs-bootstrap/list-group.scss | 5 + less/roojs-bootstrap/mask.scss | 69 +++ less/roojs-bootstrap/masonary-squares.scss | 120 +++++ less/roojs-bootstrap/modal.scss | 128 +++++ less/roojs-bootstrap/money-field.scss | 44 ++ less/roojs-bootstrap/nav-progress-bar.scss | 114 ++++ less/roojs-bootstrap/nav-tabs.scss | 108 ++++ less/roojs-bootstrap/navbar.scss | 15 + scss/roojs-bootstrap/alert.less | 3 + scss/roojs-bootstrap/calendar.less | 3 + scss/roojs-bootstrap/carousel.less | 3 + scss/roojs-bootstrap/checkbox.less | 3 + scss/roojs-bootstrap/combobox.less | 3 + scss/roojs-bootstrap/datepicker.less | 3 + scss/roojs-bootstrap/document-manager.less | 3 + scss/roojs-bootstrap/document-slider.less | 3 + scss/roojs-bootstrap/document-viewer.less | 3 + scss/roojs-bootstrap/dropdown.less | 3 + scss/roojs-bootstrap/input.less | 3 + scss/roojs-bootstrap/label-pill.less | 3 + scss/roojs-bootstrap/layout.less | 3 + scss/roojs-bootstrap/list-group.less | 3 + scss/roojs-bootstrap/mask.less | 3 + scss/roojs-bootstrap/masonary-squares.less | 3 + scss/roojs-bootstrap/modal.less | 3 + scss/roojs-bootstrap/money-field.less | 3 + scss/roojs-bootstrap/nav-progress-bar.less | 3 + scss/roojs-bootstrap/nav-tabs.less | 3 + scss/roojs-bootstrap/navbar.less | 3 + scss/roojs-bootstrap/numberbox.less | 0 43 files changed, 3018 insertions(+) create mode 100644 less/roojs-bootstrap/alert.scss create mode 100644 less/roojs-bootstrap/calendar.scss create mode 100644 less/roojs-bootstrap/carousel.scss create mode 100644 less/roojs-bootstrap/checkbox.scss create mode 100644 less/roojs-bootstrap/combobox.scss create mode 100644 less/roojs-bootstrap/datepicker.scss create mode 100644 less/roojs-bootstrap/document-manager.scss create mode 100644 less/roojs-bootstrap/document-slider.scss create mode 100644 less/roojs-bootstrap/document-viewer.scss create mode 100644 less/roojs-bootstrap/dropdown.scss create mode 100644 less/roojs-bootstrap/input.scss create mode 100644 less/roojs-bootstrap/label-pill.scss create mode 100644 less/roojs-bootstrap/layout.scss create mode 100644 less/roojs-bootstrap/list-group.scss create mode 100644 less/roojs-bootstrap/mask.scss create mode 100644 less/roojs-bootstrap/masonary-squares.scss create mode 100644 less/roojs-bootstrap/modal.scss create mode 100644 less/roojs-bootstrap/money-field.scss create mode 100644 less/roojs-bootstrap/nav-progress-bar.scss create mode 100644 less/roojs-bootstrap/nav-tabs.scss create mode 100644 less/roojs-bootstrap/navbar.scss create mode 100644 scss/roojs-bootstrap/alert.less create mode 100644 scss/roojs-bootstrap/calendar.less create mode 100644 scss/roojs-bootstrap/carousel.less create mode 100644 scss/roojs-bootstrap/checkbox.less create mode 100644 scss/roojs-bootstrap/combobox.less create mode 100644 scss/roojs-bootstrap/datepicker.less create mode 100644 scss/roojs-bootstrap/document-manager.less create mode 100644 scss/roojs-bootstrap/document-slider.less create mode 100644 scss/roojs-bootstrap/document-viewer.less create mode 100644 scss/roojs-bootstrap/dropdown.less create mode 100644 scss/roojs-bootstrap/input.less create mode 100644 scss/roojs-bootstrap/label-pill.less create mode 100644 scss/roojs-bootstrap/layout.less create mode 100644 scss/roojs-bootstrap/list-group.less create mode 100644 scss/roojs-bootstrap/mask.less create mode 100644 scss/roojs-bootstrap/masonary-squares.less create mode 100644 scss/roojs-bootstrap/modal.less create mode 100644 scss/roojs-bootstrap/money-field.less create mode 100644 scss/roojs-bootstrap/nav-progress-bar.less create mode 100644 scss/roojs-bootstrap/nav-tabs.less create mode 100644 scss/roojs-bootstrap/navbar.less create mode 100644 scss/roojs-bootstrap/numberbox.less diff --git a/less/roojs-bootstrap/alert.scss b/less/roojs-bootstrap/alert.scss new file mode 100644 index 0000000000..d849d0fc8b --- /dev/null +++ b/less/roojs-bootstrap/alert.scss @@ -0,0 +1,23 @@ + +.alert { + padding-left: 30px; + margin-top: 20px; + margin-left: 15px; + position: relative; +} + +.alert > .fa, +.alert > .glyphicon { + position: absolute; + left: -15px; + top: -15px; + width: 35px; + height: 35px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + line-height: 35px; + text-align: center; + background: inherit; + border: inherit; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/calendar.scss b/less/roojs-bootstrap/calendar.scss new file mode 100644 index 0000000000..9e7872b9de --- /dev/null +++ b/less/roojs-bootstrap/calendar.scss @@ -0,0 +1,593 @@ +/*! + * FullCalendar v1.6.4 Stylesheet + * Docs & License: http://arshaw.com/fullcalendar/ + * (c) 2013 Adam Shaw + * + * When taken - was MIT licence (18/Feb/2014) + */ + +.fc { + direction: ltr; + text-align: left; + margin: 0; + font-family: Lucida Sans,Arial,sans-serif; +} + +.fc table { + border-collapse: collapse; + border-spacing: 0; +} + +html .fc, +.fc table { + font-size: 1em; +} + +.fc td, +.fc th { + padding: 0; + vertical-align: top; + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; + -o-user-select: none; + user-select: none; +} + + + +/* Header +------------------------------------------------------------------------*/ + +.fc-header td { + white-space: nowrap; +} + +.fc-header-left { + width: 25%; + text-align: left; +} + +.fc-header-center { + text-align: center; +} + +.fc-header-right { + width: 25%; + text-align: right; +} + +.fc-header-title { + display: inline-block; + vertical-align: top; +} + +.fc-header-title h2 { + margin-top: 0; + white-space: nowrap; + font-size: 1.5em; + font-family: Lucida Sans,Arial,sans-serif; + font-weight: bold; + line-height: normal;; + margin:0; +} + +.fc .fc-header-space { + padding-left: 10px; +} + +.fc-header .fc-button { + margin-bottom: 1em; + vertical-align: top; +} + +/* buttons edges butting together */ + +.fc-header .fc-button { + margin-right: -1px; +} + +.fc-header .fc-corner-right, /* non-theme */ +.fc-header .ui-corner-right { /* theme */ + margin-right: 0; /* back to normal */ +} + +/* button layering (for border precedence) */ + +.fc-header .fc-state-hover, +.fc-header .ui-state-hover { + z-index: 2; +} + +.fc-header .fc-state-down { + z-index: 3; +} + +.fc-header .fc-state-active, +.fc-header .ui-state-active { + z-index: 4; +} + +/* Content +------------------------------------------------------------------------*/ + +.fc-content { + clear: both; + zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ +} + +.fc-view { + width: 100%; + overflow: hidden; +} + +/* Cell Styles +------------------------------------------------------------------------*/ + +.fc-widget-header, /* , usually */ +.fc-widget-content { /* , usually */ + border: 1px solid $gray-light; +} + +.fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ + background: $brand-warning; //#fcf8e3 +} + +.fc-cell-overlay { /* semi-transparent rectangle while dragging */ + background: $brand-info; //#bce8f1 + opacity: .3; + filter: alpha(opacity=30); /* for IE */ +} + +/* Buttons +------------------------------------------------------------------------*/ + +.fc-button { + position: relative; + display: inline-block; + padding: 0 .6em; + overflow: hidden; + height: 1.9em; + line-height: 1.9em; + white-space: nowrap; + cursor: pointer; +} + +.fc-state-default { /* non-theme */ + border: 1px solid; +} + +.fc-state-default.fc-corner-left { /* non-theme */ + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.fc-state-default.fc-corner-right { /* non-theme */ + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +/* + Our default prev/next buttons use HTML entities like ‹ › « » + and we'll try to make them look good cross-browser. +*/ + +.fc-text-arrow { + margin: 0 .1em; + font-size: 2em; + font-family: "Courier New", Courier, monospace; + vertical-align: baseline; /* for IE7 */ +} + +.fc-button-prev .fc-text-arrow, +.fc-button-next .fc-text-arrow { /* for ‹ › */ + font-weight: bold; +} + +/* icon (for jquery ui) */ + +.fc-button .fc-icon-wrap { + position: relative; + float: left; + top: 50%; +} + +.fc-button .ui-icon { + position: relative; + float: left; + margin-top: -50%; + *margin-top: 0; + *top: -50%; +} + +/* + button states + borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) +*/ + +.fc-state-default { + background-color: $well-bg; + background-image: -moz-linear-gradient(top, $body-bg, $gray-light); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($body-bg), to($gray-light)); + background-image: -webkit-linear-gradient(top, $body-bg, $gray-light); + background-image: -o-linear-gradient(top, $body-bg, $gray-light); + background-image: linear-gradient(to bottom, $body-bg, $gray-light); + background-repeat: repeat-x; + border-color: $gray-light $gray-light $gray-light; + border-color: $black-opacity-20 $black-opacity-20 $black-opacity-50; + color: $gray-dark; +} + +.fc-state-hover, +.fc-state-down, +.fc-state-active, +.fc-state-disabled { + color: $gray-dark; + background-color: $gray-light; +} + +.fc-state-hover { + color: $gray-dark; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +.fc-state-down, +.fc-state-active { + background-color: $gray-light; + background-image: none; + outline: 0; + box-shadow: inset 0 2px 4px $black-opacity-20, 0 1px 2px $black-opacity-20; +} + +.fc-state-disabled { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + box-shadow: none; +} + +/* Global Event Styles +------------------------------------------------------------------------*/ + +.fc-event-container > * { + z-index: 8; +} + +.fc-event-container > .ui-draggable-dragging, +.fc-event-container > .ui-resizable-resizing { + z-index: 9; +} + +.fc-event { + border: 1px solid $brand-primary; //#3a87ad; /* default BORDER color */ + background-color: $brand-primary; //#3a87ad; /* default BACKGROUND color */ + color: $body-bg; /* default TEXT color */ + font-size: .85em; + cursor: default; +} + +a.fc-event { + text-decoration: none; +} + +a.fc-event, +.fc-event-draggable { + cursor: pointer; +} + +.fc-rtl .fc-event { + text-align: right; +} + +.fc-event-inner { + width: 100%; + height: 100%; + overflow: hidden; +} + +.fc-event-time, +.fc-event-title { + padding: 0 1px; + overflow: hidden; + white-space: nowrap; +} + +.fc .ui-resizable-handle { + display: block; + position: absolute; + z-index: 99999; + overflow: hidden; /* hacky spaces (IE6/7) */ + font-size: 300%; /* */ + line-height: 50%; /* */ +} + + +/* Horizontal Events +------------------------------------------------------------------------*/ + +.fc-event-hori { + border-width: 1px 0; + margin-bottom: 1px; +} + +.fc-ltr .fc-event-hori.fc-event-start, +.fc-rtl .fc-event-hori.fc-event-end { + border-left-width: 1px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.fc-ltr .fc-event-hori.fc-event-end, +.fc-rtl .fc-event-hori.fc-event-start { + border-right-width: 1px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +/* resizable */ + +.fc-event-hori .ui-resizable-e { + top: 0 !important; /* importants override pre jquery ui 1.7 styles */ + right: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: e-resize; +} + +.fc-event-hori .ui-resizable-w { + top: 0 !important; + left: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: w-resize; +} + +.fc-event-hori .ui-resizable-handle { + _padding-bottom: 14px; /* IE6 had 0 height */ +} + + + +/* Reusable Separate-border Table +------------------------------------------------------------*/ + +table.fc-border-separate { + border-collapse: separate; +} + +.fc-border-separate th, +.fc-border-separate td { + border-width: 1px 0 0 1px; +} + +.fc-border-separate th.fc-last, +.fc-border-separate td.fc-last { + border-right-width: 1px; +} + +.fc-border-separate tr.fc-last th, +.fc-border-separate tr.fc-last td { + border-bottom-width: 1px; +} + +.fc-border-separate tbody tr.fc-first td, +.fc-border-separate tbody tr.fc-first th { + border-top-width: 0; +} + + + +/* Month View, Basic Week View, Basic Day View +------------------------------------------------------------------------*/ + +.fc-grid th { + text-align: center; +} + +.fc .fc-week-number { + width: 22px; + text-align: center; +} + +.fc .fc-week-number div { + padding: 0 2px; +} + +.fc-grid .fc-day-number { + float: right; + padding: 0 2px; +} + +.fc-grid .fc-other-month .fc-day-number { + opacity: 0.3; + filter: alpha(opacity=30); /* for IE */ + /* opacity with small font can sometimes look too faded + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ +} + +.fc-grid .fc-day-content { + clear: both; + padding: 2px 2px 1px; /* distance between events and day edges */ +} + +/* event styles */ + +.fc-grid .fc-event-time { + font-weight: bold; +} + +/* right-to-left */ + +.fc-rtl .fc-grid .fc-day-number { + float: left; +} + +.fc-rtl .fc-grid .fc-event-time { + float: right; +} + + + +/* Agenda Week View, Agenda Day View +------------------------------------------------------------------------*/ + +.fc-agenda table { + border-collapse: separate; +} + +.fc-agenda-days th { + text-align: center; +} + +.fc-agenda .fc-agenda-axis { + width: 50px; + padding: 0 4px; + vertical-align: middle; + text-align: right; + white-space: nowrap; + font-weight: normal; +} + +.fc-agenda .fc-week-number { + font-weight: bold; +} + +.fc-agenda .fc-day-content { + padding: 2px 2px 1px; +} + +/* make axis border take precedence */ + +.fc-agenda-days .fc-agenda-axis { + border-right-width: 1px; +} + +.fc-agenda-days .fc-col0 { + border-left-width: 0; +} + +/* all-day area */ + +.fc-agenda-allday th { + border-width: 0 1px; +} + +.fc-agenda-allday .fc-day-content { + min-height: 34px; /* TODO: doesnt work well in quirksmode */ + _height: 34px; +} + +/* divider (between all-day and slots) */ + +.fc-agenda-divider-inner { + height: 2px; + overflow: hidden; +} + +.fc-widget-header .fc-agenda-divider-inner { + background: $gray-lighter; +} + +/* slot rows */ + +.fc-agenda-slots th { + border-width: 1px 1px 0; +} + +.fc-agenda-slots td { + border-width: 1px 0 0; + background: none; +} + +.fc-agenda-slots td div { + height: 20px; +} + +.fc-agenda-slots tr.fc-slot0 th, +.fc-agenda-slots tr.fc-slot0 td { + border-top-width: 0; +} + +.fc-agenda-slots tr.fc-minor th, +.fc-agenda-slots tr.fc-minor td { + border-top-style: dotted; +} + +.fc-agenda-slots tr.fc-minor th.ui-widget-header { + *border-top-style: solid; /* doesn't work with background in IE6/7 */ +} + + + +/* Vertical Events +------------------------------------------------------------------------*/ + +.fc-event-vert { + border-width: 0 1px; +} + +.fc-event-vert.fc-event-start { + border-top-width: 1px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} + +.fc-event-vert.fc-event-end { + border-bottom-width: 1px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.fc-event-vert .fc-event-time { + white-space: nowrap; + font-size: 10px; +} + +.fc-event-vert .fc-event-inner { + position: relative; + z-index: 2; +} + +.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: $body-bg; + opacity: .25; + filter: alpha(opacity=25); +} + +.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ +.fc-select-helper .fc-event-bg { + display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ +} + +/* resizable */ + +.fc-event-vert .ui-resizable-s { + bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ + width: 100% !important; + height: 8px !important; + overflow: hidden !important; + line-height: 8px !important; + font-size: 11px !important; + font-family: monospace; + text-align: center; + cursor: s-resize; +} + +.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ + _overflow: hidden; +} + + diff --git a/less/roojs-bootstrap/carousel.scss b/less/roojs-bootstrap/carousel.scss new file mode 100644 index 0000000000..d6d4c4ad80 --- /dev/null +++ b/less/roojs-bootstrap/carousel.scss @@ -0,0 +1,92 @@ +.clear { + clear: both; +} + +.carousel-bullets { + height: 17px; + bottom: 20px; + width: 100%; + text-align: center; + + z-index: 1000; + position: absolute; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + -webkit-transition: opacity 0.2s ease-out; + -moz-transition: opacity 0.2s ease-out; + -o-transition: opacity 0.2s ease-out; + -ms-transition: opacity 0.2s ease-out; + -webkit-transform: translateZ(5px); +} + +.carousel-bullets > .bullet { + cursor: pointer; + position: relative !important; + background: rgba(0, 0, 0, 0.5) !important; + -webkit-border-radius: 10px; + border-radius: 10px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + width: 6px !important; + height: 6px !important; + border: 5px solid rgba(0, 0, 0, 0) !important; + display: inline-block; + margin-right: 2px !important; + margin-bottom: 0px !important; + -webkit-transition: background-color 0.2s, border-color 0.2s; + -moz-transition: background-color 0.2s, border-color 0.2s; + -o-transition: background-color 0.2s, border-color 0.2s; + -ms-transition: background-color 0.2s, border-color 0.2s; + transition: background-color 0.2s, border-color 0.2s; + float:none !important; + box-sizing:content-box; + -moz-box-sizing:content-box; + -webkit-box-sizing:content-box; +} + +.carousel-bullets > .bullet:hover, +.carousel-bullets > .bullet.selected { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background: rgba(255, 255, 255, 1) !important; + width: 6px !important; + height: 6px !important; + border: 5px solid rgba(0, 0, 0, 1) !important; +} + +.carousel-inner > .carousel-arrow > .carousel-prev { + position: absolute; + display: block; + top: 50%; + color: $body-bg; + z-index: 100; + cursor: pointer; + padding: 10px; + margin-top: -22px; + left: 0; +} + +.carousel-inner > .carousel-arrow > .carousel-next { + position: absolute; + display: block; + top: 50%; + color: $body-bg; + z-index: 100; + cursor: pointer; + padding: 10px; + margin-top: -22px; + right: 0; +} + +.carousel-inner > .carousel-arrow > .carousel-prev > i, +.carousel-inner > .carousel-arrow > .carousel-next > i { + font-size: 24px; +} + +.carousel-inner .tab-pane.clickable { + cursor: pointer; +} diff --git a/less/roojs-bootstrap/checkbox.scss b/less/roojs-bootstrap/checkbox.scss new file mode 100644 index 0000000000..bfed23fe8a --- /dev/null +++ b/less/roojs-bootstrap/checkbox.scss @@ -0,0 +1,182 @@ +/* + * + * From https://github.com/flatlogic/awesome-bootstrap-checkbox + * + */ +.checkbox label { + display: inline-block; + position: relative; + padding-left: 5px; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.checkbox label::after { + display: inline-block; + position: absolute; + width: 16px; + height: 16px; + left: 0; + top: 0; + margin-left: -20px; + padding-left: 3px; + padding-top: 1px; + font-size: 11px; + color: $gray; } +.checkbox input[type="checkbox"] { + display: none; } +.checkbox input[type="checkbox"]:checked + label::after { + font-size: 18px; + padding-top: 0px; + font-family: 'Font Awesome 5 Free 400'; + font-weight: 900; + color: $brand-success; + content: "\f14a"; } +.checkbox input[type="checkbox"]:not(:checked) + label::after { + font-size: 18px; + padding-top: 0px; + font-family: 'Font Awesome 5 Free 400'; + font-weight: 900; + content: "\f0c8"; } + +.checkbox input[type="checkbox"]:disabled + label { + opacity: 0.65; } +.checkbox input[type="checkbox"]:disabled + label::before { + background-color: $gray-lighter; + cursor: not-allowed; } +.checkbox.checkbox-circle label::before { + border-radius: 50%; } + +.checkbox-primary input[type="checkbox"]:checked + label::before { + background-color: $brand-primary; + border-color: $brand-primary; } +.checkbox-primary input[type="checkbox"]:checked + label::after { + color: $body-bg; } + +.checkbox-danger input[type="checkbox"]:checked + label::before { + background-color: $brand-danger; + border-color: $brand-danger; } +.checkbox-danger input[type="checkbox"]:checked + label::after { + color: $body-bg; } + +.checkbox-info input[type="checkbox"]:checked + label::before { + background-color: $brand-info; + border-color: $brand-info; } +.checkbox-info input[type="checkbox"]:checked + label::after { + color: $body-bg; } + +.checkbox-warning input[type="checkbox"]:checked + label::before { + background-color: $brand-warning; + border-color: $brand-warning; } +.checkbox-warning input[type="checkbox"]:checked + label::after { + color: $body-bg; } + +.checkbox-success input[type="checkbox"]:checked + label::before { + background-color: $brand-success; + border-color: $brand-success; } +.checkbox-success input[type="checkbox"]:checked + label::after { + color: $body-bg; } + +/* before is the outer cicle */ +/* after is the inner circle.. */ + + + +.radio label { + display: inline-block; + position: relative; + padding-left: 5px; } +.radio label::before { + content: ""; + display: inline-block; + position: absolute; + width: 17px; + height: 17px; + left: 0; + margin-left: -20px; + border: 1px solid $gray-light; + border-radius: 50%; + background-color: $body-bg; + -webkit-transition: border 0.15s ease-in-out; + -o-transition: border 0.15s ease-in-out; + transition: border 0.15s ease-in-out; } +.radio label::after { + display: inline-block; + position: absolute; + content: " "; + width: 11px; + height: 11px; + left: 3px; + top: 3px; + margin-left: -20px; + border-radius: 50%; + background-color: $body-bg; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + -o-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); +} +.radio input[type="radio"] { + display: none; +} +.radio input[type="radio"]:checked + label::after { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); + background-color: $gray; +} +.radio input[type="radio"]:disabled + label { + opacity: 0.65; } +.radio input[type="radio"]:disabled + label::before { + cursor: not-allowed; } + +.radio-primary input[type="radio"] + label::after { + background-color: $body-bg; } +.radio-primary input[type="radio"]:checked + label::before { + border-color: $brand-primary; } +.radio-primary input[type="radio"]:checked + label::after { + background-color: $brand-primary; } + +.radio-danger input[type="radio"] + label::after { + background-color: $brand-danger; } +.radio-danger input[type="radio"]:checked + label::before { + border-color: $brand-danger; } +.radio-danger input[type="radio"]:checked + label::after { + background-color: $brand-danger; } + + + +.radio-info input[type="radio"] + label::after { + background-color: $body-bg; +} +.radio-info input[type="radio"]:checked + label::before { + border-color: $brand-info; } +.radio-info input[type="radio"]:checked + label::after { + background-color: $brand-info; } + +.radio-warning input[type="radio"] + label::after { + background-color: $body-bg; } +.radio-warning input[type="radio"]:checked + label::before { + border-color: $brand-warning; } +.radio-warning input[type="radio"]:checked + label::after { + background-color: $brand-warning; } + +.radio-success input[type="radio"] + label::after { + background-color: $body-bg; } +.radio-success input[type="radio"]:checked + label::before { + border-color: $brand-success; } +.radio-success input[type="radio"]:checked + label::after { + background-color: $brand-success; } + +.checkbox.checkbox-inline, +.radio.radio-inline { + margin-top: 0; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/combobox.scss b/less/roojs-bootstrap/combobox.scss new file mode 100644 index 0000000000..cf3b723bfe --- /dev/null +++ b/less/roojs-bootstrap/combobox.scss @@ -0,0 +1,286 @@ +/* + * + * From https://github.com/danielfarrell/bootstrap-combobox + * + */ + +.combobox-container { + margin-bottom: 5px; + *zoom: 1; + display: inline-table; +} +.combobox-container:before, +.combobox-container:after { + display: table; + content: ""; +} +.combobox-container:after { + /* clear: both; */ +} +.combobox-container input, +.combobox-container .uneditable-input { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.combobox-container input:focus, +.combobox-container .uneditable-input:focus { + position: relative; + z-index: 2; +} +.combobox-container .uneditable-input { + border-left-color: $gray-light; +} +.combobox-container .add-on { + float: left; + display: inline-block; + width: auto; + min-width: 16px; + height: inherit !important; + margin-right: -1px; + padding: 4px 5px; + font-weight: normal; + color: $gray-light; + text-align: center; + text-shadow: 0 1px 0 $body-bg; + background-color: $well-bg; + border: 1px solid $gray-light; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; + +} +.combobox-container .active { + background-color: $brand-primary; //#3875d7; + color: $body-bg; +} +.combobox-container input, +.combobox-container .uneditable-input { + float: left; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} +.combobox-container .uneditable-input { + border-left-color: $gray-lighter; + border-right-color: $gray-light; +} +.combobox-container .add-on { + margin-right: 0; + margin-left: -1px; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.combobox-container input:first-child { + *margin-left: -160px; +} +.combobox-container input:first-child + .add-on { + *margin-left: -21px; +} +.combobox-container select { + display: inline-block; + width: 0; + height: 0; + border: 0; + padding: 0; + margin: 0; + text-indent: -99999px; + *text-indent: 0; +} +.form-search .combobox-container, +.form-inline .combobox-container { + display: inline-block; + margin-bottom: 0; + vertical-align: top; +} +.form-search .combobox-container .add-on, +.form-inline .combobox-container .add-on { + vertical-align: middle; +} +.combobox-selected .combobox-clear { + display: inline-block; +} +.combobox-selected .caret { + display: none; +} +.combobox-clear { + display: none; + width: 14px; + height: 14px; + line-height: 14px; + vertical-align: top; + opacity: 0.3; + filter: alpha(opacity=30); +} +.dropdown:hover .combobox-clear, +.open.dropdown .combobox-clear { + opacity: 1; + filter: alpha(opacity=100); +} +.btn .combobox-clear { + margin-top: 1px; + margin-left: 1px; +} +.btn:hover .combobox-clear, +.open.btn-group .combobox-clear { + opacity: 1; + filter: alpha(opacity=100); +} +.typeahead-long { + max-height: 300px; + overflow-y: auto; +} +.control-group.error .combobox-container .add-on { + color: $brand-danger; //#B94A48; + border-color: $brand-danger; //#B94A48; +} +.control-group.error .combobox-container .caret { + border-top-color: $brand-danger; //#B94A48; +} +.control-group.warning .combobox-container .add-on { + color: $brand-warning; //#C09853; + border-color: $brand-warning; //#C09853; +} +.control-group.warning .combobox-container .caret { + border-top-color: $brand-warning; //#C09853; +} +.control-group.success .combobox-container .add-on { + color: $brand-success; //#468847; + border-color: $brand-success; //#468847; +} +.control-group.success .combobox-container .caret { + border-top-color: $brand-success; //#468847; +} +.btn .combobox-clear [class^="icon-"] { + line-height: 1.4em; +} +.combobox-container .dropdown-menu { + border-radius: 0; + padding: 0; + border: 1px solid $brand-primary; //#66afe9; + border-top: none; + +} + +.roo-select2-container .dropdown-menu { + border: 1px solid $brand-primary; //#5897fb; +} + +.dropdown-menu .active { + background: $brand-primary; //#3875d7; + color: $body-bg; +} + +.dropdown-menu .active label{ + color: $body-bg; +} + +.dropdown-menu .roo-select2-result { + padding: 3px 7px 4px; + margin: 0; + cursor: pointer; + min-height: 1em; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.roo-select2-container, +.roo-select2-choices .roo-select2-search-field{ + width: 100% +} +.roo-select2-container .x-combo-noedit { + cursor: pointer; + background-color: $body-bg; + +} +.roo-select2-container .x-combo-noedit[disabled] { + cursor: not-allowed; + background-color: $gray-lighter; + +} + +.roo-combobox-tickable .roo-select2-choices { + border: none; + background-image: none; +} + +.roo-combobox-tickable .roo-select2-result label { + width: 100%; +} +/* zindex of dialogs is 10000++ so dropdowns have to be higher... */ + +.dropdown-menu { + z-index: 20002 !important; +} + +.dropdown-menu .checkbox label { + width: 100%; +} + +.roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox { + margin-top: 0px; + margin-bottom: 0px; +} +.dropdown-menu .roo-select2-result .checkbox { + margin-top: 3px; + margin-bottom: 3px; +} + +.roo-select2-container .input-group-addon { + padding: 6px 12px; + border: 1px solid $input-border; + border-left: 0px; +} + +.roo-select2-container .roo-removable { + position: relative; +} + +.roo-select2-container .roo-removable .roo-combo-removable-btn { + position: absolute; + right: 10px; + z-index: 2; + top: 5px; +} + +.roo-select2-container .has-feedback .roo-combo-removable-btn { + position: absolute; + right: 35px; + z-index: 2; + top: 5px; +} + +/* +.roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn { + position: absolute; + right: 40px; + z-index: 2; + top: 5px; +} + +.roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn { + position: absolute; + right: 70px; + z-index: 2; + top: 5px; +} + + +.roo-select2-container.input-group .has-feedback .roo-combo-removable-btn { + position: absolute; + right: 35px; + z-index: 2; + top: 5px; +}*/ + +.has-warning .roo-select2-container-multi { + border: 1px solid $brand-warning; //#8a6d3b; +} + +.roo-ios-select { + width: 100%; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/datepicker.scss b/less/roojs-bootstrap/datepicker.scss new file mode 100644 index 0000000000..c0d9370472 --- /dev/null +++ b/less/roojs-bootstrap/datepicker.scss @@ -0,0 +1,457 @@ +/*! + * Datepicker for Bootstrap + * + * Copyright 2012 Stefan Petre + * Improvements by Andrew Rowls + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + */ +.datepicker { + padding: 8px 12px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + direction: ltr; + font-size: 13px; + /*.dow { + border-top: 1px solid $gray-light !important; + }*/ + +} +.datepicker-inline { + width: 220px; +} +.datepicker.datepicker-rtl { + direction: rtl; +} +.datepicker.datepicker-rtl table tr td span { + float: right; +} +.datepicker-dropdown { + top: 0; + left: 0; +} +/*.datepicker-dropdown:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid $gray-light; + border-bottom-color: $black-opacity-20; + position: absolute; + top: -7px; + left: 6px; +} +.datepicker-dropdown:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid $body-bg; + position: absolute; + top: -6px; + left: 7px; +}*/ + +.datepicker-dropdown.bottom:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid $gray-light; + border-bottom-color: $black-opacity-20; + position: absolute; + top: -7px; + left: 7px; +} +.datepicker-dropdown.bottom:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid $body-bg; + position: absolute; + top: -6px; + left: 8px; +} +.datepicker-dropdown.top:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-top: 7px solid $gray-light; + border-bottom: 0; + border-top-color: $black-opacity-20; + position: absolute; + bottom: -7px; + left: 6px; +} + +.datepicker-dropdown.top:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid $body-bg; + border-bottom: 0; + position: absolute; + bottom: -6px; + left: 7px; +} + +.datepicker-dropdown.bottom-right:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid $gray-light; + border-bottom-color: $black-opacity-20; + position: absolute; + top: -7px; + left: 7px; +} +.datepicker-dropdown.bottom-right:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid $body-bg; + position: absolute; + top: -6px; + left: 8px; +} + +.datepicker-dropdown.bottom-left:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid $gray-light; + border-bottom-color: $black-opacity-20; + position: absolute; + top: -7px; + left: 260px; +} +.datepicker-dropdown.bottom-left:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid $body-bg; + position: absolute; + top: -6px; + left: 261px; +} + +.datepicker-dropdown.top-right:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-top: 7px solid $gray-light; + border-top-color: $black-opacity-20; + position: absolute; + bottom: -7px; + left: 6px; +} + +.datepicker-dropdown.top-right:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid $body-bg; + position: absolute; + bottom: -6px; + left: 7px; +} + +.datepicker-dropdown.top-left:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-top: 7px solid $gray-light; + border-top-color: $black-opacity-20; + position: absolute; + bottom: -7px; + left: 260px; +} + +.datepicker-dropdown.top-left:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid $body-bg; + position: absolute; + bottom: -6px; + left: 261px; +} + +.datepicker > div { + display: none; +} +.datepicker.days div.datepicker-days { + display: block; +} +.datepicker.months div.datepicker-months { + display: block; +} +.datepicker.years div.datepicker-years { + display: block; +} +.datepicker table { + margin: 0; +} +.datepicker td, +.datepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: none; +} +.table-striped .datepicker table tr td, +.table-striped .datepicker table tr th { + background-color: transparent; +} +.datepicker table tr td.day:hover { + background: $gray-lighter; + cursor: pointer; +} +.datepicker table tr td.old, +.datepicker table tr td.new { + color: $gray-lighter; +} +.datepicker table tr td.disabled, +.datepicker table tr td.disabled:hover { + background: none; + color: $gray-lighter; + cursor: default; +} +.datepicker table tr td.today, +.datepicker table tr td.today:hover, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:hover { + background-color: $brand-warning; //#fde19a; + background-image: -moz-linear-gradient(top, $brand-warning, $brand-warning); + background-image: -ms-linear-gradient(top, $brand-warning, $brand-warning); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($brand-warning), to($brand-warning)); + background-image: -webkit-linear-gradient(top, $brand-warning, $brand-warning); + background-image: -o-linear-gradient(top, $brand-warning, $brand-warning); + background-image: linear-gradient(top, $brand-warning, $brand-warning); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$brand-warning', endColorstr='$brand-warning', GradientType=0); + border-color: $brand-warning $brand-warning $brand-warning; + border-color: $black-opacity-20 $black-opacity-20 $black-opacity-50; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} +.datepicker table tr td.today:hover, +.datepicker table tr td.today:hover:hover, +.datepicker table tr td.today.disabled:hover, +.datepicker table tr td.today.disabled:hover:hover, +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today:hover.disabled, +.datepicker table tr td.today.disabled.disabled, +.datepicker table tr td.today.disabled:hover.disabled, +.datepicker table tr td.today[disabled], +.datepicker table tr td.today:hover[disabled], +.datepicker table tr td.today.disabled[disabled], +.datepicker table tr td.today.disabled:hover[disabled] { + background-color: $brand-warning; //#fdf59a; +} +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active { + background-color: $brand-warning; //#fbf069 \9; +} +.datepicker table tr td.active, +.datepicker table tr td.active:hover, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active.disabled:hover { + background-color: $brand-primary; //#006dcc; + background-image: -moz-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-image: -ms-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(lighten($brand-primary, 5%)), to($brand-primary)); + background-image: -webkit-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-image: -o-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-image: linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0); + border-color: $brand-primary $brand-primary darken($brand-primary, 10%); + border-color: $black-opacity-20 $black-opacity-20 $black-opacity-50; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: $body-bg; + text-shadow: 0 -1px 0 $black-opacity-50; +} +.datepicker table tr td.active:hover, +.datepicker table tr td.active:hover:hover, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.active.disabled:hover:hover, +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active:hover.disabled, +.datepicker table tr td.active.disabled.disabled, +.datepicker table tr td.active.disabled:hover.disabled, +.datepicker table tr td.active[disabled], +.datepicker table tr td.active:hover[disabled], +.datepicker table tr td.active.disabled[disabled], +.datepicker table tr td.active.disabled:hover[disabled] { + background-color: $brand-primary; +} +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active { + background-color: darken($brand-primary, 10%); //#003399 \9; +} +.datepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.datepicker table tr td span:hover { + background: $gray-lighter; +} +.datepicker table tr td span.disabled, +.datepicker table tr td span.disabled:hover { + background: none; + color: $gray-light; + cursor: default; +} +.datepicker table tr td span.active, +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active.disabled:hover { + background-color: $brand-primary; //#006dcc; + background-image: -moz-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-image: -ms-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(lighten($brand-primary, 5%)), to($brand-primary)); + background-image: -webkit-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-image: -o-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-image: linear-gradient(top, lighten($brand-primary, 5%), $brand-primary); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0); + border-color: $brand-primary $brand-primary darken($brand-primary, 10%); + border-color: $black-opacity-20 $black-opacity-20 $black-opacity-50; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: $body-bg; + text-shadow: 0 -1px 0 $black-opacity-50; +} +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active:hover:hover, +.datepicker table tr td span.active.disabled:hover, +.datepicker table tr td span.active.disabled:hover:hover, +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active:hover.disabled, +.datepicker table tr td span.active.disabled.disabled, +.datepicker table tr td span.active.disabled:hover.disabled, +.datepicker table tr td span.active[disabled], +.datepicker table tr td span.active:hover[disabled], +.datepicker table tr td span.active.disabled[disabled], +.datepicker table tr td span.active.disabled:hover[disabled] { + background-color: $brand-primary; +} +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active { + background-color: darken($brand-primary, 10%); //#003399 \9; +} +.datepicker table tr td span.old { + color: $gray-light; +} +.datepicker th.switch { + width: 145px; +} +.datepicker thead tr:first-child th, +.datepicker tfoot tr:first-child th { + cursor: pointer; +} +.datepicker thead tr:first-child th:hover, +.datepicker tfoot tr:first-child th:hover { + background: $gray-lighter; +} +.datepicker .cw { + font-size: 10px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; +} +.datepicker thead tr:first-child th.cw { + cursor: default; + background-color: transparent; +} +.input-append.date .add-on i, +.input-prepend.date .add-on i { + display: block; + cursor: pointer; + width: 16px; + height: 16px; +} + +.datepicker .datepicker-time td span { + display: block; + width: 47px; + height: 54px; + line-height: 54px; + float: left; + margin: 2px; + cursor: pointer; + border-radius: 4px; +} + +.datepicker .datepicker-time td span.timepicker-hour, +.datepicker .datepicker-time td span.timepicker-minute { + width: 100%; + font-weight: bold; + font-size: 1.2em; +} diff --git a/less/roojs-bootstrap/document-manager.scss b/less/roojs-bootstrap/document-manager.scss new file mode 100644 index 0000000000..82f7615230 --- /dev/null +++ b/less/roojs-bootstrap/document-manager.scss @@ -0,0 +1,207 @@ + +.roo-document-manager-selector { // it must use visibility, display is not working on old safari... + visibility: hidden; + height: 0px; +} + +.roo-document-manager-uploader, +.roo-document-manager-loading, +.roo-document-manager-preview { + position: relative; + float: left; + width: 25%; + padding-left: 5px; + height: 100px; + max-height: 100px; + margin-top: 10px; + margin-left: 10px; +} + +.roo-document-manager-preview.wide { + width: 50%; +} + +.roo-document-manager-thumb, +.roo-document-manager-upload-btn { + width : 100%; + height: 100px; + line-height: 100px; + max-height: 100px; + border: 1px solid $gray-lighter; + -webkit-box-shadow: 1px 0px 5px 0px fade($gray-light, 75%); + -moz-box-shadow: 1px 0px 5px 0px fade($gray-light, 75%); + box-shadow: 1px 0px 5px 0px fade($gray-light, 75%); +} + +.roo-document-manager-thumb > i.fa, +.roo-document-manager-upload-btn > i.fa { + width: 100%; + line-height: 98px; + text-align: center; + vertical-align: middle; + color: $gray-light; + font-size: 2.5em; +} + +.roo-document-manager-thumb > i.fa { + font-size: 2.5em; +} + +.roo-document-manager-thumb > img { + width: 100%; + max-height: 100%; + text-align: center; + vertical-align: middle; + padding-bottom: 5px; +} + +.roo-document-manager-preview > .close { + position: absolute; + top: 0px; + right: 3px; + font-size: 20px; + opacity: 1; +} + +.roo-document-manager-preview > .close:hover { + color: $gray-dark; +} + +.roo-document-manager-preview.disabled > .roo-document-manager-thumb > img { + -webkit-filter: grayscale(100%); + -moz-filter: grayscale(100%); + -o-filter: grayscale(100%); + -ms-filter: grayscale(100%); + filter: grayscale(100%); +} + +.roo-document-manager-preview.disabled > .close { + display: none !important; +} + +.roo-document-manager-preview > .roo-document-manager-thumb > .fa { + position: absolute; + left: -5px; + top: -5px; + width: 25px; + height: 25px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + line-height: 25px; + text-align: center; + background-color: $body-bg; + /*border: inherit;*/ + font-size: 1.8em; + z-index: 1; +} + +.roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa { + top: inherit; + bottom: -5px; +} + +.roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa { + color : $brand-primary +} + +.roo-document-manager-preview > .roo-document-manager-thumb.border-primary { + border: 3px solid $brand-primary; +} + +.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa { + color : $gray +} + +.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary { + border: none; +} + +/* +* sm +*/ + +@media (min-width: 768px) { + .roo-document-manager-uploader, + .roo-document-manager-loading, + .roo-document-manager-preview { + height: 200px; + max-height: 200px; + } + + .roo-document-manager-thumb, + .roo-document-manager-upload-btn { + line-height: 200px; + height: 200px; + max-height: 200px; + } + + .roo-document-manager-thumb > i.fa, + .roo-document-manager-upload-btn > i.fa { + line-height: 198px; + } + +} + +/* +* md +*/ + +@media (min-width: 992px) { + .roo-document-manager-uploader, + .roo-document-manager-loading, + .roo-document-manager-preview { + width: 8.33333333%; + height: 80px; + max-height: 80px; + } + + .roo-document-manager-preview.wide { + width: 16.66666666%; + } + + .roo-document-manager-thumb, + .roo-document-manager-upload-btn { + line-height: 80px; + height: 80px; + max-height: 80px; + } + + .roo-document-manager-thumb > i.fa, + .roo-document-manager-upload-btn > i.fa { + line-height: 78px; + } + +} + + +/* +* lg +*/ + +@media (min-width: 1200px) { + .roo-document-manager-uploader, + .roo-document-manager-loading, + .roo-document-manager-preview { + width: 8.33333333%; + height: 100px; + max-height: 100px; + } + + .roo-document-manager-preview.wide { + width: 16.66666666%; + } + + .roo-document-manager-thumb, + .roo-document-manager-upload-btn { + line-height: 100px; + height: 100px; + max-height: 100px; + } + + .roo-document-manager-thumb > i.fa, + .roo-document-manager-upload-btn > i.fa { + line-height: 98px; + } + +} diff --git a/less/roojs-bootstrap/document-slider.scss b/less/roojs-bootstrap/document-slider.scss new file mode 100644 index 0000000000..a5ccd76d37 --- /dev/null +++ b/less/roojs-bootstrap/document-slider.scss @@ -0,0 +1,73 @@ + +.document-slider-dialog .modal-body { + padding: 0px; +} + +.roo-document-slider-header { + background-color: $black-opacity-50; +} + +.roo-document-slider-header .roo-document-slider-header-title { + width: 80%; + margin: 0 auto; + padding: 10px 0; + color: $body-bg; + font-weight: bold; + text-align: center; +} + +.roo-document-slider-body { + background-color: $body-bg; + width: 100%; + height: 450px; + position: relative; + overflow: hidden; +} + +.roo-document-slider-body .roo-document-slider-thumb { + position: absolute; + width: 80%; + height: 100%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + box-sizing: border-box; + border: 1px solid rgb(102, 102, 102); + box-shadow: 0 0 0 1000px $black-opacity-50; + text-align: center; + vertical-align: middle; + overflow: auto; + cursor:move; +} + +.roo-document-slider-body .roo-document-slider-image{ + width: 100%; +} + +.roo-document-slider-prev { + position: absolute; + top: 0; + left: 0; + text-align: center; + width: 10%; + height: 100%; +} + +.roo-document-slider-next { + position: absolute; + top: 0; + right: 0; + text-align: center; + width: 10%; + height: 100%; +} + +.roo-document-slider-prev > i, +.roo-document-slider-next > i { + position: relative; + top: 50%; + transform: translateY(-50%); + cursor: pointer; + font-size: 2em; +} + diff --git a/less/roojs-bootstrap/document-viewer.scss b/less/roojs-bootstrap/document-viewer.scss new file mode 100644 index 0000000000..0740bf6c10 --- /dev/null +++ b/less/roojs-bootstrap/document-viewer.scss @@ -0,0 +1,57 @@ + +.document-viewer-dialog .modal-dialog { + margin: 0px auto; +} + +.document-viewer-dialog .modal-header, +.document-viewer-dialog .modal-footer { + padding-top: 5px; + padding-bottom: 5px; +} + +.document-viewer-dialog .modal-body { + padding: 0px; +} + +.roo-document-viewer-body { + background-color: $body-bg; + width: 100%; + height: 450px; + max-height: 450px; + position: relative; + overflow: hidden; + cursor:move; +} + +.roo-document-viewer-body .roo-document-viewer-thumb { + position: absolute; + width: 80%; + height: 80%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + box-sizing: border-box; + border: 1px solid rgb(102, 102, 102); + box-shadow: 0 0 0 1000px $black-opacity-50; + text-align: center; + vertical-align: middle; + overflow: auto; +} + +.roo-document-viewer-body .roo-document-viewer-image{ + width: 100%; +} + +.roo-document-viewer-btn-group button { + background-color: $gray-base; + color: $body-bg; + border-color: $gray-dark; +} + +.roo-document-viewer-btn-group > .btn-group:first-child > button { + border-top-left-radius: 0; +} + +.roo-document-viewer-btn-group > .btn-group:last-child > button { + border-top-right-radius: 0; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/dropdown.scss b/less/roojs-bootstrap/dropdown.scss new file mode 100644 index 0000000000..33f56613cc --- /dev/null +++ b/less/roojs-bootstrap/dropdown.scss @@ -0,0 +1,99 @@ +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + color: $body-bg; + text-decoration: none; + background-color: $brand-primary; + background-image: -moz-linear-gradient(top, $brand-primary, darken($brand-primary, 3%)); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($brand-primary), to(darken($brand-primary, 3%))); + background-image: -webkit-linear-gradient(top, $brand-primary, darken($brand-primary, 3%)); + background-image: -o-linear-gradient(top, $brand-primary, darken($brand-primary, 3%)); + background-image: linear-gradient(to bottom, $brand-primary, darken($brand-primary, 3%)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$brand-primary', endColorstr='darken($brand-primary, 3%)', GradientType=0); +} + +.dropdown-submenu { + position: relative; +} + +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; +} + +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} + +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + -webkit-border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; +} + +.dropup .dropdown-menu { + -webkit-animation-name: inherit; +} + +.dropdown-submenu > a:after { + display: block; + float: right; + width: 0; + height: 0; + margin-top: 5px; + margin-right: -10px; + border-color: transparent; + border-left-color: $gray-light; + border-style: solid; + border-width: 5px 0 5px 5px; + content: " "; +} + +.dropdown-submenu:hover > a:after { + border-left-color: $body-bg; +} + +.dropdown-submenu.pull-left { + float: none !important; +} + +.dropdown-submenu.pull-left > .dropdown-menu { + left: 0; + margin-left: 1px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} + +.dropdown-button > i { + margin-right: 5px; +} + +li.dropdown-toggle i.glyphicon + span { + margin-left: 5px; +} + +li.dropdown-toggle span + i.glyphicon { + margin-left: 5px; +} + +li.dropdown-menu-item i.fa + span { + margin-left: 5px; +} + +li.dropdown-toggle button > i.glyphicon { + margin: 3px 0 0 5px; +} + +.dropdown-menu.nowrap li a span { + white-space: nowrap; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/input.scss b/less/roojs-bootstrap/input.scss new file mode 100644 index 0000000000..b38949f1d5 --- /dev/null +++ b/less/roojs-bootstrap/input.scss @@ -0,0 +1,21 @@ +div.input-group.has-feedback > .form-control-feedback { + right: 30px; +} + +div.input-group.has-feedback > .roo-input-after + .form-control-feedback { + right: 39px; +} + +.roo-required-indicator { + font-size: 8px; + color: $brand-danger; + vertical-align: top; +} + +.roo-required-indicator.left-indicator { + margin-right: 3px; +} + +.roo-required-indicator.right-indicator { + margin-left: 3px; +} diff --git a/less/roojs-bootstrap/label-pill.scss b/less/roojs-bootstrap/label-pill.scss new file mode 100644 index 0000000000..cc5616051f --- /dev/null +++ b/less/roojs-bootstrap/label-pill.scss @@ -0,0 +1,5 @@ +.label-pill { + padding-right: .6em; + padding-left: .6em; + border-radius: 10rem; +} diff --git a/less/roojs-bootstrap/layout.scss b/less/roojs-bootstrap/layout.scss new file mode 100644 index 0000000000..7d5ea37ba0 --- /dev/null +++ b/less/roojs-bootstrap/layout.scss @@ -0,0 +1,257 @@ + +.roo-layout-container{ + width:100%; + height:100%; + overflow:hidden; +} + +.roo-layout-inactive-content{ + position:absolute; + left:-10000px; + top:-10000px; + visibility:hidden; +} +.roo-layout-active-content{ + visibility:visible; + /* padding: 10px; */ +} +.roo-layout-panel{ + position:absolute; + /* overflow:hidden; -- menus inside of contains do not work with this */ + /* + background-color:white; + border:1px solid #98c0f4; + */ +} +.roo-layout-panel-east, .roo-layout-panel-west { + z-index:10; +} +.roo-layout-panel-north, .roo-layout-panel-south { + z-index:11; +} +/* +.roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west { + z-index:12; +} +*/ +.roo-layout-panel-body{ + overflow:hidden; +} +/* + +.roo-layout-grid-wrapper{ + +} +*/ +.roo-layout-split +{ + position:absolute; + height:5px; + width:5px; + line-height:1px; + font-size:1px; + z-index:3; + background-color:$well-bg; +} +.roo-layout-split-south, .roo-layout-split-north { + border-bottom : 1px solid $gray-light; +} +.roo-layout-split-east, .roo-layout-split-west { + border-right: 1px solid $gray-light; +} + + +.roo-layout-panel-hd{ + + position:relative; +} +.roo-layout-panel-hd.breadcrumb { + margin-bottom: 0; +} + +.roo-layout-panel-hd-text{ + padding: 4px; + padding-left: 4px; + display:block; + white-space: nowrap; +} +.roo-layout-panel-hd-tools{ + position:absolute; + right:0; + top:0; + text-align:right; + padding-top:2px; + padding-right:2px; + width:40px; +} +/* +.x-layout-tools-button{ + z-index:6; + padding:2px; + float:right; + cursor:pointer; +} +.x-layout-tools-button-over{ + padding:1px; + border:1px solid #98c0f4; + background-color:white; +} +.x-layout-tools-button-inner{ + height:12px; + width:12px; + line-height:1px; + font-size:1px; + background-repeat:no-repeat; + background-position:center; +} +.x-layout-close{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% -48px; +} +.x-layout-collapse-west,.x-layout-expand-east{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% 0; +} +.x-layout-expand-west,.x-layout-collapse-east{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% -12px; +} +.x-layout-collapse-north,.x-layout-expand-south{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% -24px; +} +.x-layout-expand-north,.x-layout-collapse-south{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% -36px; +} +.x-layout-split-h{ + background-image:url(../images/default/sizer/e-handle.gif); + background-position: left; + cursor:col-resize; +} +.x-layout-split-v{ + background-image:url(../images/default/sizer/s-handle.gif); + background-position: top; + cursor:row-resize; +} +.x-layout-panel .x-tabs-wrap{ + background:url(../images/default/layout/gradient-bg.gif); +} +*/ + + + + +.roo-layout-panel .roo-tabbody { + background-color: $body-bg; + overflow: auto; + height: 100%; +} + +.roo-layout-component-panel, .roo-layout-nested-layout { + position:relative; + padding:0; + overflow:hidden; + width:200px; + height:200px; +} +.roo-layout-nested-layout .roo-layout-panel { + border:0 none; +} +/* +.x-layout-nested-layout .x-layout-panel-north { + border-bottom:1px solid #98c0f4; +} +.x-layout-nested-layout .x-layout-panel-south { + border-top:1px solid #98c0f4; +} +.x-layout-nested-layout .x-layout-panel-east { + border-left:1px solid #98c0f4; +} +.x-layout-nested-layout .x-layout-panel-west { + border-right:1px solid #98c0f4; +} +*/ +.roo-repaint{ + zoom:1; + background-color: transparent; +} +/* +.x-layout-panel-dragover { + border: 2px solid #6593cf; +} +.x-layout-panel-proxy { + background-image: url(../images/default/layout/gradient-bg.gif); + background-color:#c3daf9; + border:1px dashed #6593cf; + z-index:10001; + overflow:hidden; + position:absolute; + left:0;top:0; +} + +.x-layout-slider { + z-index:15; + overflow:hidden; + position:absolute; +} +*/ +.roo-unselectable{ + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + cursor:default; +} + +/** --- split bar dragging ---*/ + +.roo-splitbar-proxy{ + z-index:40009; + visibility:hidden; + position:absolute; + background: $gray-light; + border: 1px solid $gray-base; + overflow:hidden; +} +.roo-splitbar-h,.roo-splitbar-proxy-h{ + cursor:col-resize; +} +.roo-splitbar-v,.roo-splitbar-proxy-v{ + cursor:row-resize; +} +/* +.x-grid-resize-proxy +{ + z-index:40009; + visibility:hidden; + position:absolute; + background:#666; + border: 1px solid #000; + overflow:hidden; + cursor:col-resize; + overflow:hidden; + width: 2px; +} + + +*/ +.roo-layout-panel-body .navbar ul.nav-tabs { + margin-top: 9px; + display: table; +} + +.roo-layout-panel-body .navbar { + margin-bottom: 0px; +} + +.roo-form-group-label-left::before, +.roo-form-group-label-left::after { + display: table; + content: " "; + clear: both; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/list-group.scss b/less/roojs-bootstrap/list-group.scss new file mode 100644 index 0000000000..a0f5a45e58 --- /dev/null +++ b/less/roojs-bootstrap/list-group.scss @@ -0,0 +1,5 @@ +a.list-group-item, button.list-group-item { + width: 100%; + color: $gray; + text-align: inherit; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/mask.scss b/less/roojs-bootstrap/mask.scss new file mode 100644 index 0000000000..f05ffc07db --- /dev/null +++ b/less/roojs-bootstrap/mask.scss @@ -0,0 +1,69 @@ +.roo-el-mask +{ + z-index:20000; + position:absolute; + top:0; + left:0; + -moz-opacity: 0.5; + opacity:.50; + filter: alpha(opacity=50); + background-color:$gray-light; + width:100%; + height:100%; + zoom:1; +} +.roo-el-mask-msg +{ + position: absolute; + z-index:20000; + /*border: 4px double #557; */ + background-color: $body-bg; + padding: 0px; + /*background-image: url('#{$bootstrap-image-path}/ux/lightbox/loading.gif');*/ + background-repeat: no-repeat; + border: 10px solid white; + border-radius: 20px; + display: table; + min-width: 250px; +} + +.roo-el-mask-msg i { + font-size: 36px; + vertical-align: middle; + float: left; +} + +.roo-el-mask-msg div +{ + font-family: 'Source Sans Pro', sans-serif; + font-size: 24px; + font-weight: 500; + z-index:20001; + padding:0px 15px; + color: $gray; //#557; + display: table-cell; + vertical-align: middle; + float: left; + +} +.x-body-masked +{ + overflow:hidden !important; +} +.x-body-masked select,.ext-masked object,.ext-masked embed +{ + visibility:hidden; +} +.x-dlg-mask +{ + z-index:10000; + display:none; + position:absolute; + top:0; + left:0; + -moz-opacity: 0.5; + opacity:.50; + filter: alpha(opacity=50); + background-color: $gray-light; +} + \ No newline at end of file diff --git a/less/roojs-bootstrap/masonary-squares.scss b/less/roojs-bootstrap/masonary-squares.scss new file mode 100644 index 0000000000..6d00ffb454 --- /dev/null +++ b/less/roojs-bootstrap/masonary-squares.scss @@ -0,0 +1,120 @@ + + +.masonary .masonry-bottom-title { + background-color: transparent; +} + +.masonry-brick-link, +.roo-brick-link { + cursor: pointer; + text-decoration: none; + outline: 0; +} + +.masonry-brick-paragraph, +.roo-brick-paragraph { + overflow: hidden; +} + +.masonry-brick .masonry-brick-paragraph { + padding: 9px; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: inherit; +} + +.masonry-center-title .masonry-brick-paragraph, +.masonry-bottom-title .masonry-brick-paragraph, +.roo-brick-center-title .roo-brick-paragraph, +.roo-brick-bottom-title .roo-brick-paragraph { + display: table; +} + +.masonry-center-title .masonry-brick-paragraph .masonry-brick-title, +.roo-brick-center-title .roo-brick-paragraph .roo-brick-title { + display:table-cell; + vertical-align:middle; + text-align:center; +} + +.masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title, +.roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title { + display:table-cell; + vertical-align:bottom; + text-align:right; +} + +.masonry-brick-image .masonry-brick-paragraph, +.roo-brick-image .roo-brick-paragraph { + opacity: 0; +} + +.masonry-bottom-title .masonry-brick-paragraph { + opacity: 1; +} + + +.masonry-brick-image-view { + width: 100%; + height: 100%; + object-fit: cover; +} + +.masonry-brick-paragraph .masonry-brick-title, +.roo-brick-paragraph .roo-brick-title { + margin-top: 0; +} + +.roo-brick .roo-brick-paragraph { + padding: 9px; + width: 100%; + height: 100%; + background-color: inherit; +} + +.roo-brick-image-view { + position: absolute; + top: 0; + object-fit: cover; +} + +a.roo-brick-link:focus, +a.roo-brick-link:hover { + text-decoration: none; + outline: 0; +} + +.masonry-brick-split .masonry-brick-split-head, +.masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph { + height: 75%; +} + +.masonry-brick-split .masonry-brick-split-body { + height: 25%; + padding: 4px; + color: $gray-base; + font-size: 11px; +} + +.enable-mask:hover .masonry-brick-mask { + width:100%; + height:100%; + position:absolute; + top: 0; + left: 0; + background-color:$gray-base; + opacity:0.2; +} + +@media (min-width: 768px) { + .mask-inverse .masonry-brick-paragraph { + background: $black-opacity-50; + } + + .mask-inverse:hover .masonry-brick-paragraph { + background: none; + } +} \ No newline at end of file diff --git a/less/roojs-bootstrap/modal.scss b/less/roojs-bootstrap/modal.scss new file mode 100644 index 0000000000..468c138b79 --- /dev/null +++ b/less/roojs-bootstrap/modal.scss @@ -0,0 +1,128 @@ +/* + Document : modal + Created on : Apr 23, 2014, 11:24:28 AM + Author : edward + Description: + Purpose of the stylesheet follows. +*/ + + +.modal-md-1, +.modal-md-2, +.modal-md-3, +.modal-md-4, +.modal-md-5, +.modal-md-6, +.modal-md-7, +.modal-md-8, +.modal-md-9, +.modal-md-10, +.modal-md-11, +.modal-md-12 { + float: left; +} + +.modal-md-12 .modal-dialog { + width: 100%; + margin: 30 auto; +} +.modal-md-11 .modal-dialog { + width: 91.66666666666666%; + margin: 30 auto; +} +.modal-md-10 .modal-dialog { + width: 83.33333333333334%; + margin: 30 auto; +} +.modal-md-9 .modal-dialog { + width: 75%; + margin: 30 auto; +} +.modal-md-8 .modal-dialog { + width: 66.66666666666666%; + margin: 30 auto; +} +.modal-md-7 .modal-dialog { + width: 58.333333333333336%; + margin: 30 auto; +} +.modal-md-6 .modal-dialog { + width: 50%; + margin: 30 auto; +} +.modal-md-5 .modal-dialog { + width: 41.66666666666667%; + margin: 30 auto; +} +.modal-md-4 .modal-dialog { + width: 33.33333333333333%; + margin: 30 auto; +} +.modal-md-3 .modal-dialog { + width: 25%; + margin: 30 auto; +} +.modal-md-2 .modal-dialog { + width: 16.666666666666664%; + margin: 30 auto; +} +.modal-md-1 .modal-dialog { + width: 8.333333333333332%; + margin: 30 auto; +} + +/* + this appears to break the layout on dialog buttons on mobile? +@media (max-width: 568px) { + .modal-footer .btn+.btn { + margin-left: 0px; + margin-top: 5px; + } +} +*/ + +.modal-body.roo-layout-container, +.modal-body > .container { + padding: 0; +} + +.modal-dialog { + max-width: 100%; +} + +@media (max-width: 768px) { + + .modal-body .col-md-12 { + padding : 0; + } + + .modal-body { + padding: 5px; + } + .modal-body .row { + margin-left: -5px; + margin-right: -5px; + } + + .modal-body > .container .col-xs-12 { + padding: 0; + } + +} + +.modal .roo-mb-progress-wrap { + margin-top: 4px; + border: 1px solid darken($brand-primary, 10%);; +} + +.modal .roo-mb-progress-wrap .roo-mb-progress { + height: 18px; + background: transparent url('#{$bootstrap-image-path}/default/basic-dialog/progress2.gif') repeat-x 1px 1px; +} + +.modal .roo-mb-progress-wrap .roo-mb-progress .roo-mb-progress-bar { + height: 18px; + overflow: hidden; + width: 0; + background: $brand-primary; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/money-field.scss b/less/roojs-bootstrap/money-field.scss new file mode 100644 index 0000000000..e7fd2883e4 --- /dev/null +++ b/less/roojs-bootstrap/money-field.scss @@ -0,0 +1,44 @@ + +.roo-money-field { + + .roo-money-currency { + padding-right: 0px; + } + + .roo-money-amount { + padding-left: 0px; + } + + .roo-money-currency-input { + border-right: 0px; + } + + .input-group-addon { + background-color: transparent; + border-left: 0px; + border-right: 0px; + border-radius: 0px; + } + + .roo-money-amount-input { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + text-align: right; + } + +} + +.has-success .roo-money-currency .roo-select2-container .input-group-addon { + border-color: $state-success-text; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px $state-success-text; +} + +.has-warning .roo-money-currency .roo-select2-container .input-group-addon { + border-color: $state-warning-text; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px $state-warning-text; +} + +.has-error .roo-money-currency .roo-select2-container .input-group-addon { + border-color: $state-danger-text; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px $state-danger-text; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/nav-progress-bar.scss b/less/roojs-bootstrap/nav-progress-bar.scss new file mode 100644 index 0000000000..3b1e3bcd5b --- /dev/null +++ b/less/roojs-bootstrap/nav-progress-bar.scss @@ -0,0 +1,114 @@ + +.roo-navigation-bar-group, +.roo-navigation-top-bar, +.roo-navigation-bullets-bar, +.roo-navigation-bottom-bar { + width: 100%; + float: left; +} + +.roo-navigation-bar-text > span { + text-transform: uppercase; + width: 90%; + display: inline-block; +} + + +.roo-navigation-bar-text { + float: left; + line-height: 24px; + height: 100%; + min-height: 24px; + text-align: center; + position: relative; +} + +.roo-navigation-bar { + counter-reset: step; + text-align: center; + padding: 0px; + overflow: hidden; + margin: 0px; +} + +.roo-navigation-bar .roo-navigation-bar-item { + list-style-type: none; + color: $gray-base; + text-transform: uppercase; + font-size: 14px; + float: left; + position: relative; +} + +.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before { + counter-increment: step; + width: 25px; + line-height: 25px; + display: block; + color: $body-bg; + background: $brand-primary; + border-radius: 5px; + font-weight: bold; + cursor: pointer; +} + +.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before { + content: counter(step); +} + +.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after { + content: ''; + width: 100%; + height: 5px; + background: $brand-primary; + position: absolute; + top: 10px; + z-index: -1; +} + +.roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after { + content: none; +} + +.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before { + background: darken($brand-danger, 17%); + color: $body-bg; +} + +.roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before { + background: $gray-light; + color: $body-bg; + cursor: not-allowed; +} + +.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before { + cursor: default; +} + +.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon { + font: normal normal normal 14px/1 FontAwesome; + display: inline-block; + +} + +@media (min-width: 768px) { + .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before { + content: counter(step); + } + +} + +@media (min-width: 992px) { + .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before, + .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before { + content: counter(step); + } +} + +@media (min-width: 1200px) { + .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before, + .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before, + .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before { + content: counter(step); + } +} diff --git a/less/roojs-bootstrap/nav-tabs.scss b/less/roojs-bootstrap/nav-tabs.scss new file mode 100644 index 0000000000..6233304943 --- /dev/null +++ b/less/roojs-bootstrap/nav-tabs.scss @@ -0,0 +1,108 @@ +/* NAV TABS */ +.nav-tabs-custom { + margin-bottom: 20px; + background: $body-bg; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); +} +.nav-tabs-custom > .nav-tabs { + margin: 0; + border-bottom-color: $gray-light; //#f4f4f4; +} +.nav-tabs-custom > .nav-tabs > li { + border-top: 3px solid transparent; + margin-bottom: -2px; + margin-right: 5px; +} +.nav-tabs-custom > .nav-tabs > li > a { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.nav-tabs-custom > .nav-tabs > li > a, +.nav-tabs-custom > .nav-tabs > li > a:hover { + background: transparent; + margin: 0; +} +.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, +.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, +.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { + border-color: transparent; +} +.nav-tabs-custom > .nav-tabs > li.active { + border-top-color: $brand-primary; //#3c8dbc; +} +.nav-tabs-custom > .nav-tabs > li.active > a, +.nav-tabs-custom > .nav-tabs > li.active:hover > a { + background-color: $body-bg; +} +.nav-tabs-custom > .nav-tabs > li.active > a { + border-top: 0; + border-left-color: $gray-light; //#f4f4f4;; + border-right-color: $gray-light; //#f4f4f4;; +} +.nav-tabs-custom > .nav-tabs > li:first-of-type { + margin-left: 0px; +} +.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { + border-left-width: 0; +} +.nav-tabs-custom > .nav-tabs.pull-right { + float: none!important; +} +.nav-tabs-custom > .nav-tabs.pull-right > li { + float: right; +} +.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { + margin-right: 0px; +} +.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { + border-left-width: 1px; + border-right-width: 0px; +} +.nav-tabs-custom > .nav-tabs > li.header { + font-weight: 400; + line-height: 35px; + padding: 0 10px; + font-size: 20px; + color: $gray-dark; //#444; + cursor: default; +} +.nav-tabs-custom > .nav-tabs > li.header > .fa, +.nav-tabs-custom > .nav-tabs > li.header > .glyphicon, +.nav-tabs-custom > .nav-tabs > li.header > .ion { + margin-right: 10px; +} +.nav-tabs-custom > .tab-content { + background: $body-bg; + padding: 10px; +} +/* --- override it appears it's done un-reliably in JS normally.. */ +.tab-content > .tab-pane { + position: absolute; +} + +.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar { + margin: 0 5px; +} + +.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column { + padding: 10px 5px; +} + +@media (max-width: 768px) { + .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column { + padding: 5px 5px; + } +} + +.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group { + margin-bottom: 0px; +} + +.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button { + margin-left: 5px; +} + +.tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle { + padding: 10px 5px; +} \ No newline at end of file diff --git a/less/roojs-bootstrap/navbar.scss b/less/roojs-bootstrap/navbar.scss new file mode 100644 index 0000000000..0f95e20076 --- /dev/null +++ b/less/roojs-bootstrap/navbar.scss @@ -0,0 +1,15 @@ +/* for some reason it's -15px on BS */ + +@media (min-width: 768px) { + .navbar-right { + margin-right: 15px; + } +} +/* was -15 before, on mobile it made the buttons too close to the edit.. */ +.navbar-nav { + margin: 0px -5px; +} + +table td .navbar { + min-height: auto; +} \ No newline at end of file diff --git a/scss/roojs-bootstrap/alert.less b/scss/roojs-bootstrap/alert.less new file mode 100644 index 0000000000..d45b4fb8a2 --- /dev/null +++ b/scss/roojs-bootstrap/alert.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/alert.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/alert.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/alert.scss diff --git a/scss/roojs-bootstrap/calendar.less b/scss/roojs-bootstrap/calendar.less new file mode 100644 index 0000000000..71286cf20b --- /dev/null +++ b/scss/roojs-bootstrap/calendar.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/calendar.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/calendar.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/calendar.scss diff --git a/scss/roojs-bootstrap/carousel.less b/scss/roojs-bootstrap/carousel.less new file mode 100644 index 0000000000..896ffb9a3d --- /dev/null +++ b/scss/roojs-bootstrap/carousel.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/carousel.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/carousel.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/carousel.scss diff --git a/scss/roojs-bootstrap/checkbox.less b/scss/roojs-bootstrap/checkbox.less new file mode 100644 index 0000000000..337721a391 --- /dev/null +++ b/scss/roojs-bootstrap/checkbox.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/checkbox.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/checkbox.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/checkbox.scss diff --git a/scss/roojs-bootstrap/combobox.less b/scss/roojs-bootstrap/combobox.less new file mode 100644 index 0000000000..ba8588c940 --- /dev/null +++ b/scss/roojs-bootstrap/combobox.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/combobox.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/combobox.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/combobox.scss diff --git a/scss/roojs-bootstrap/datepicker.less b/scss/roojs-bootstrap/datepicker.less new file mode 100644 index 0000000000..c63e959a3c --- /dev/null +++ b/scss/roojs-bootstrap/datepicker.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/datepicker.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/datepicker.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/datepicker.scss diff --git a/scss/roojs-bootstrap/document-manager.less b/scss/roojs-bootstrap/document-manager.less new file mode 100644 index 0000000000..023830a12a --- /dev/null +++ b/scss/roojs-bootstrap/document-manager.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/document-manager.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/document-manager.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/document-manager.scss diff --git a/scss/roojs-bootstrap/document-slider.less b/scss/roojs-bootstrap/document-slider.less new file mode 100644 index 0000000000..5ecb282b28 --- /dev/null +++ b/scss/roojs-bootstrap/document-slider.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/document-slider.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/document-slider.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/document-slider.scss diff --git a/scss/roojs-bootstrap/document-viewer.less b/scss/roojs-bootstrap/document-viewer.less new file mode 100644 index 0000000000..4dc1eb1ea2 --- /dev/null +++ b/scss/roojs-bootstrap/document-viewer.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/document-viewer.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/document-viewer.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/document-viewer.scss diff --git a/scss/roojs-bootstrap/dropdown.less b/scss/roojs-bootstrap/dropdown.less new file mode 100644 index 0000000000..e52c5a4384 --- /dev/null +++ b/scss/roojs-bootstrap/dropdown.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/dropdown.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/dropdown.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/dropdown.scss diff --git a/scss/roojs-bootstrap/input.less b/scss/roojs-bootstrap/input.less new file mode 100644 index 0000000000..5399bb88a4 --- /dev/null +++ b/scss/roojs-bootstrap/input.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/input.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/input.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/input.scss diff --git a/scss/roojs-bootstrap/label-pill.less b/scss/roojs-bootstrap/label-pill.less new file mode 100644 index 0000000000..bba2512882 --- /dev/null +++ b/scss/roojs-bootstrap/label-pill.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/label-pill.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/label-pill.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/label-pill.scss diff --git a/scss/roojs-bootstrap/layout.less b/scss/roojs-bootstrap/layout.less new file mode 100644 index 0000000000..a0a2fa6385 --- /dev/null +++ b/scss/roojs-bootstrap/layout.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/layout.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/layout.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/layout.scss diff --git a/scss/roojs-bootstrap/list-group.less b/scss/roojs-bootstrap/list-group.less new file mode 100644 index 0000000000..6a3a803912 --- /dev/null +++ b/scss/roojs-bootstrap/list-group.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/list-group.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/list-group.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/list-group.scss diff --git a/scss/roojs-bootstrap/mask.less b/scss/roojs-bootstrap/mask.less new file mode 100644 index 0000000000..9e19491606 --- /dev/null +++ b/scss/roojs-bootstrap/mask.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/mask.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/mask.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/mask.scss diff --git a/scss/roojs-bootstrap/masonary-squares.less b/scss/roojs-bootstrap/masonary-squares.less new file mode 100644 index 0000000000..dd377ed981 --- /dev/null +++ b/scss/roojs-bootstrap/masonary-squares.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/masonary-squares.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/masonary-squares.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/masonary-squares.scss diff --git a/scss/roojs-bootstrap/modal.less b/scss/roojs-bootstrap/modal.less new file mode 100644 index 0000000000..72e23a06f0 --- /dev/null +++ b/scss/roojs-bootstrap/modal.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/modal.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/modal.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/modal.scss diff --git a/scss/roojs-bootstrap/money-field.less b/scss/roojs-bootstrap/money-field.less new file mode 100644 index 0000000000..26ebf56d29 --- /dev/null +++ b/scss/roojs-bootstrap/money-field.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/money-field.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/money-field.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/money-field.scss diff --git a/scss/roojs-bootstrap/nav-progress-bar.less b/scss/roojs-bootstrap/nav-progress-bar.less new file mode 100644 index 0000000000..92e251314e --- /dev/null +++ b/scss/roojs-bootstrap/nav-progress-bar.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-progress-bar.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-progress-bar.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-progress-bar.scss diff --git a/scss/roojs-bootstrap/nav-tabs.less b/scss/roojs-bootstrap/nav-tabs.less new file mode 100644 index 0000000000..094fcee694 --- /dev/null +++ b/scss/roojs-bootstrap/nav-tabs.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-tabs.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-tabs.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-tabs.scss diff --git a/scss/roojs-bootstrap/navbar.less b/scss/roojs-bootstrap/navbar.less new file mode 100644 index 0000000000..d6efd54fd8 --- /dev/null +++ b/scss/roojs-bootstrap/navbar.less @@ -0,0 +1,3 @@ +  scanning : /home/alan/gitlive/roojs1/less/roojs-bootstrap/navbar.less + processing : /home/alan/gitlive/roojs1/less/roojs-bootstrap/navbar.less +  create : /home/alan/gitlive/roojs1/less/roojs-bootstrap/navbar.scss diff --git a/scss/roojs-bootstrap/numberbox.less b/scss/roojs-bootstrap/numberbox.less new file mode 100644 index 0000000000..e69de29bb2 -- 2.39.2