diff --git a/code/libraries/joomlatools/component/koowa/resources/assets/css/admin-dark.css b/code/libraries/joomlatools/component/koowa/resources/assets/css/admin-dark.css new file mode 100644 index 000000000..8909a1bad --- /dev/null +++ b/code/libraries/joomlatools/component/koowa/resources/assets/css/admin-dark.css @@ -0,0 +1,16101 @@ +@charset "UTF-8"; +/* HTML + ========================================================================== */ +/** + * 1. By using 100% we can work with full-height auto overflowing flexbox pages + * 2. Remove all spacing + * 3. Set basic font here. Other systems could set font on `` element to override this. + * We're just making sure there's alwas a default font available + */ +html { + min-height: 100%; + /* 1 */ + height: 100%; + /* 1 */ + padding: 0; + /* 2 */ + margin: 0; + /* 2 */ + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + /* 3 */ + font-size: 13px; + /* 3 */ + line-height: 20px; + /* 3 */ + font-weight: 400; + /* 3 */ + color: #FFFFFF; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Body + ========================================================================== */ +/** + * 1. By using 100% we can work with full-height auto overflowing flexbox pages + * 2. Remove all spacing + * 3. Setting up flexbox + * 4. Hide overflowing content on resizing to make sure we never get any weird jumping scrollbar issues + */ +body { + min-height: 100%; + /* 1 */ + height: 100%; + /* 1 */ + padding: 0; + /* 2 */ + margin: 0; + /* 2 */ + /** + * Setup flexbox + */ + display: flex; + /* 3 */ + flex-direction: column; + /* 3 */ + flex: 1 1 auto; + /* 3 */ + /** + * When resizing + */ +} +body.k-is-resizing { + overflow: hidden; + /* 4 */ +} + +/* Custom icon font + ========================================================================== */ +@font-face { + font-family: "k-icons"; + src: url("../fonts/k-icons/k-icons.eot"); + src: url("../fonts/k-icons/k-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/k-icons/k-icons.woff") format("woff"), url("../fonts/k-icons/k-icons.ttf") format("truetype"), url("../fonts/k-icons/k-icons.svg#k-icons") format("svg"); + font-weight: normal; + font-style: normal; +} +/** + * Use SVG + * + * Always use SVG on touch / mobile + */ +@media screen and (-webkit-min-device-pixel-ratio: 0) { + @font-face { + font-family: "k-icons"; + src: url("../fonts/k-icons/k-icons.svg#k-icons") format("svg"); + } +} +.footable.breakpoint .footable-toggle:after, .k-ui-namespace .k-sidebar-item--toggle .k-sidebar-item__toggle:after, .k-appearance .k-ui-namespace input[type=checkbox]:before, .k-icon-open, .k-icon-menu-opened, .k-icon-menu-closed, .k-icon-folder-opened, .k-icon-folder-closed, .k-icon-filter, .k-icon-enabled, .k-icon-documents, .k-icon-document-video, .k-icon-document-spreadsheet, .k-icon-document-pdf, .k-icon-document-image, .k-icon-document-folder, .k-icon-document-document, .k-icon-document-default, .k-icon-document-audio, .k-icon-document-archive, .k-icon-disabled, .k-icon-close, .k-icon-zoom-out, .k-icon-zoom-in, .k-icon-yen, .k-icon-x, .k-icon-wrench, .k-icon-wifi, .k-icon-warning, .k-icon-volume-off, .k-icon-volume-low, .k-icon-volume-high, .k-icon-video, .k-icon-vertical-align-top, .k-icon-vertical-align-center, .k-icon-vertical-align-bottom, .k-icon-underline, .k-icon-trash, .k-icon-transfer, .k-icon-timer, .k-icon-thumb-up, .k-icon-thumb-down, .k-icon-text, .k-icon-terminal, .k-icon-task, .k-icon-target, .k-icon-tags, .k-icon-tag, .k-icon-tablet, .k-icon-sun, .k-icon-star, .k-icon-spreadsheet, .k-icon-sort-descending, .k-icon-sort-ascending, .k-icon-signpost, .k-icon-signal, .k-icon-shield, .k-icon-share, .k-icon-share-boxed, .k-icon-script, .k-icon-rss, .k-icon-rss-alt, .k-icon-resize-width, .k-icon-resize-height, .k-icon-resize-both, .k-icon-reload, .k-icon-random, .k-icon-rain, .k-icon-question-mark, .k-icon-puzzle-piece, .k-icon-pulse, .k-icon-project, .k-icon-print, .k-icon-power-standby, .k-icon-plus, .k-icon-play-circle, .k-icon-pin, .k-icon-pie-chart, .k-icon-phone, .k-icon-person, .k-icon-people, .k-icon-pencil, .k-icon-paperclip, .k-icon-musical-note, .k-icon-move, .k-icon-moon, .k-icon-monitor, .k-icon-minus, .k-icon-microphone, .k-icon-menu, .k-icon-medical-cross, .k-icon-media-stop, .k-icon-media-step-forward, .k-icon-media-step-backward, .k-icon-media-skip-forward, .k-icon-media-skip-backward, .k-icon-media-record, .k-icon-media-play, .k-icon-media-pause, .k-icon-map, .k-icon-map-marker, .k-icon-magnifying-glass, .k-icon-loop, .k-icon-loop-square, .k-icon-loop-circular, .k-icon-lock-unlocked, .k-icon-lock-locked, .k-icon-location, .k-icon-list, .k-icon-list-rich, .k-icon-link-intact, .k-icon-link-broken, .k-icon-lightbulb, .k-icon-layers, .k-icon-laptop, .k-icon-key, .k-icon-justify-right, .k-icon-justify-left, .k-icon-justify-center, .k-icon-italic, .k-icon-info, .k-icon-infinity, .k-icon-inbox, .k-icon-image, .k-icon-home, .k-icon-heart, .k-icon-headphones, .k-icon-header, .k-icon-hard-drive, .k-icon-grid-two-up, .k-icon-grid-three-up, .k-icon-grid-four-up, .k-icon-graph, .k-icon-globe, .k-icon-fullscreen-exit, .k-icon-fullscreen-enter, .k-icon-fork, .k-icon-folder, .k-icon-flash, .k-icon-flag, .k-icon-fire, .k-icon-file, .k-icon-eyedropper, .k-icon-eye, .k-icon-external-link, .k-icon-expand-up, .k-icon-expand-right, .k-icon-expand-left, .k-icon-expand-down, .k-icon-excerpt, .k-icon-euro, .k-icon-envelope-open, .k-icon-envelope-closed, .k-icon-ellipses, .k-icon-elevator, .k-icon-eject, .k-icon-droplet, .k-icon-double-quote-serif-right, .k-icon-double-quote-serif-left, .k-icon-double-quote-sans-right, .k-icon-double-quote-sans-left, .k-icon-dollar, .k-icon-document, .k-icon-dial, .k-icon-delete, .k-icon-data-transfer-upload, .k-icon-data-transfer-download, .k-icon-dashboard, .k-icon-crop, .k-icon-credit-card, .k-icon-copywriting, .k-icon-contrast, .k-icon-compass, .k-icon-comment-square, .k-icon-command, .k-icon-collapse-up, .k-icon-collapse-right, .k-icon-collapse-left, .k-icon-collapse-down, .k-icon-cog, .k-icon-code, .k-icon-cloudy, .k-icon-cloud, .k-icon-cloud-upload, .k-icon-cloud-download, .k-icon-clock, .k-icon-clipboard, .k-icon-circle-x, .k-icon-circle-check, .k-icon-chevron-top, .k-icon-chevron-right, .k-icon-chevron-left, .k-icon-chevron-bottom, .k-icon-check, .k-icon-chat, .k-icon-cart, .k-icon-caret-top, .k-icon-caret-right, .k-icon-caret-left, .k-icon-caret-bottom, .k-icon-camera-slr, .k-icon-calendar, .k-icon-calculator, .k-icon-bullhorn, .k-icon-bug, .k-icon-brush, .k-icon-browser, .k-icon-british-pound, .k-icon-briefcase, .k-icon-box, .k-icon-bookmark, .k-icon-book, .k-icon-bolt, .k-icon-bold, .k-icon-bluetooth, .k-icon-bell, .k-icon-beaker, .k-icon-battery-full, .k-icon-battery-empty, .k-icon-basket, .k-icon-bar-chart, .k-icon-ban, .k-icon-badge, .k-icon-audio, .k-icon-audio-spectrum, .k-icon-arrow-top, .k-icon-arrow-thick-top, .k-icon-arrow-thick-right, .k-icon-arrow-thick-left, .k-icon-arrow-thick-bottom, .k-icon-arrow-right, .k-icon-arrow-left, .k-icon-arrow-circle-top, .k-icon-arrow-circle-right, .k-icon-arrow-circle-left, .k-icon-arrow-circle-bottom, .k-icon-arrow-bottom, .k-icon-aperture, .k-icon-align-right, .k-icon-align-left, .k-icon-align-center, .k-icon-action-undo, .k-icon-action-redo, .k-icon-account-logout, .k-icon-account-login { + speak: none; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-smoothing: antialiased; + text-transform: none; + line-height: 1; + font-style: normal; + font-variant: normal; + font-weight: normal; + font-family: "k-icons"; +} +.k-appearance .k-ui-namespace input[type=checkbox]:before, .k-icon-open:before, .k-icon-menu-opened:before, .k-icon-menu-closed:before, .k-icon-folder-opened:before, .k-icon-folder-closed:before, .k-icon-filter:before, .k-icon-enabled:before, .k-icon-documents:before, .k-icon-document-video:before, .k-icon-document-spreadsheet:before, .k-icon-document-pdf:before, .k-icon-document-image:before, .k-icon-document-folder:before, .k-icon-document-document:before, .k-icon-document-default:before, .k-icon-document-audio:before, .k-icon-document-archive:before, .k-icon-disabled:before, .k-icon-close:before, .k-icon-zoom-out:before, .k-icon-zoom-in:before, .k-icon-yen:before, .k-icon-x:before, .k-icon-wrench:before, .k-icon-wifi:before, .k-icon-warning:before, .k-icon-volume-off:before, .k-icon-volume-low:before, .k-icon-volume-high:before, .k-icon-video:before, .k-icon-vertical-align-top:before, .k-icon-vertical-align-center:before, .k-icon-vertical-align-bottom:before, .k-icon-underline:before, .k-icon-trash:before, .k-icon-transfer:before, .k-icon-timer:before, .k-icon-thumb-up:before, .k-icon-thumb-down:before, .k-icon-text:before, .k-icon-terminal:before, .k-icon-task:before, .k-icon-target:before, .k-icon-tags:before, .k-icon-tag:before, .k-icon-tablet:before, .k-icon-sun:before, .k-icon-star:before, .k-icon-spreadsheet:before, .k-icon-sort-descending:before, .k-icon-sort-ascending:before, .k-icon-signpost:before, .k-icon-signal:before, .k-icon-shield:before, .k-icon-share:before, .k-icon-share-boxed:before, .k-icon-script:before, .k-icon-rss:before, .k-icon-rss-alt:before, .k-icon-resize-width:before, .k-icon-resize-height:before, .k-icon-resize-both:before, .k-icon-reload:before, .k-icon-random:before, .k-icon-rain:before, .k-icon-question-mark:before, .k-icon-puzzle-piece:before, .k-icon-pulse:before, .k-icon-project:before, .k-icon-print:before, .k-icon-power-standby:before, .k-icon-plus:before, .k-icon-play-circle:before, .k-icon-pin:before, .k-icon-pie-chart:before, .k-icon-phone:before, .k-icon-person:before, .k-icon-people:before, .k-icon-pencil:before, .k-icon-paperclip:before, .k-icon-musical-note:before, .k-icon-move:before, .k-icon-moon:before, .k-icon-monitor:before, .k-icon-minus:before, .k-icon-microphone:before, .k-icon-menu:before, .k-icon-medical-cross:before, .k-icon-media-stop:before, .k-icon-media-step-forward:before, .k-icon-media-step-backward:before, .k-icon-media-skip-forward:before, .k-icon-media-skip-backward:before, .k-icon-media-record:before, .k-icon-media-play:before, .k-icon-media-pause:before, .k-icon-map:before, .k-icon-map-marker:before, .k-icon-magnifying-glass:before, .k-icon-loop:before, .k-icon-loop-square:before, .k-icon-loop-circular:before, .k-icon-lock-unlocked:before, .k-icon-lock-locked:before, .k-icon-location:before, .k-icon-list:before, .k-icon-list-rich:before, .k-icon-link-intact:before, .k-icon-link-broken:before, .k-icon-lightbulb:before, .k-icon-layers:before, .k-icon-laptop:before, .k-icon-key:before, .k-icon-justify-right:before, .k-icon-justify-left:before, .k-icon-justify-center:before, .k-icon-italic:before, .k-icon-info:before, .k-icon-infinity:before, .k-icon-inbox:before, .k-icon-image:before, .k-icon-home:before, .k-icon-heart:before, .k-icon-headphones:before, .k-icon-header:before, .k-icon-hard-drive:before, .k-icon-grid-two-up:before, .k-icon-grid-three-up:before, .k-icon-grid-four-up:before, .k-icon-graph:before, .k-icon-globe:before, .k-icon-fullscreen-exit:before, .k-icon-fullscreen-enter:before, .k-icon-fork:before, .k-icon-folder:before, .k-icon-flash:before, .k-icon-flag:before, .k-icon-fire:before, .k-icon-file:before, .k-icon-eyedropper:before, .k-icon-eye:before, .k-icon-external-link:before, .k-icon-expand-up:before, .k-icon-expand-right:before, .k-icon-expand-left:before, .k-icon-expand-down:before, .k-icon-excerpt:before, .k-icon-euro:before, .k-icon-envelope-open:before, .k-icon-envelope-closed:before, .k-icon-ellipses:before, .k-icon-elevator:before, .k-icon-eject:before, .k-icon-droplet:before, .k-icon-double-quote-serif-right:before, .k-icon-double-quote-serif-left:before, .k-icon-double-quote-sans-right:before, .k-icon-double-quote-sans-left:before, .k-icon-dollar:before, .k-icon-document:before, .k-icon-dial:before, .k-icon-delete:before, .k-icon-data-transfer-upload:before, .k-icon-data-transfer-download:before, .k-icon-dashboard:before, .k-icon-crop:before, .k-icon-credit-card:before, .k-icon-copywriting:before, .k-icon-contrast:before, .k-icon-compass:before, .k-icon-comment-square:before, .k-icon-command:before, .k-icon-collapse-up:before, .k-icon-collapse-right:before, .k-icon-collapse-left:before, .k-icon-collapse-down:before, .k-icon-cog:before, .k-icon-code:before, .k-icon-cloudy:before, .k-icon-cloud:before, .k-icon-cloud-upload:before, .k-icon-cloud-download:before, .k-icon-clock:before, .k-icon-clipboard:before, .k-icon-circle-x:before, .k-icon-circle-check:before, .k-icon-chevron-top:before, .k-icon-chevron-right:before, .k-icon-chevron-left:before, .k-icon-chevron-bottom:before, .k-icon-check:before, .k-icon-chat:before, .k-icon-cart:before, .k-icon-caret-top:before, .k-icon-caret-right:before, .k-icon-caret-left:before, .k-icon-caret-bottom:before, .k-icon-camera-slr:before, .k-icon-calendar:before, .k-icon-calculator:before, .k-icon-bullhorn:before, .k-icon-bug:before, .k-icon-brush:before, .k-icon-browser:before, .k-icon-british-pound:before, .k-icon-briefcase:before, .k-icon-box:before, .k-icon-bookmark:before, .k-icon-book:before, .k-icon-bolt:before, .k-icon-bold:before, .k-icon-bluetooth:before, .k-icon-bell:before, .k-icon-beaker:before, .k-icon-battery-full:before, .k-icon-battery-empty:before, .k-icon-basket:before, .k-icon-bar-chart:before, .k-icon-ban:before, .k-icon-badge:before, .k-icon-audio:before, .k-icon-audio-spectrum:before, .k-icon-arrow-top:before, .k-icon-arrow-thick-top:before, .k-icon-arrow-thick-right:before, .k-icon-arrow-thick-left:before, .k-icon-arrow-thick-bottom:before, .k-icon-arrow-right:before, .k-icon-arrow-left:before, .k-icon-arrow-circle-top:before, .k-icon-arrow-circle-right:before, .k-icon-arrow-circle-left:before, .k-icon-arrow-circle-bottom:before, .k-icon-arrow-bottom:before, .k-icon-aperture:before, .k-icon-align-right:before, .k-icon-align-left:before, .k-icon-align-center:before, .k-icon-action-undo:before, .k-icon-action-redo:before, .k-icon-account-logout:before, .k-icon-account-login:before { + display: inline-block; + margin: auto; + width: 1em; + height: 1em; + line-height: 1; +} + +/** + * Icon classes + * + * Creating a class name for each individual icon to be used in markup like: + * + */ +.k-icon-account-login:before { + content: ""; +} +[dir=rtl] .k-icon-account-login:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-account-logout:before { + content: ""; +} +[dir=rtl] .k-icon-account-logout:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-action-redo:before { + content: ""; +} +[dir=rtl] .k-icon-action-redo:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-action-undo:before { + content: ""; +} +[dir=rtl] .k-icon-action-undo:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-align-center:before { + content: ""; +} + +.k-icon-align-left:before { + content: ""; +} +[dir=rtl] .k-icon-align-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-align-right:before { + content: ""; +} +[dir=rtl] .k-icon-align-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-aperture:before { + content: ""; +} + +.k-icon-arrow-bottom:before { + content: ""; +} + +.k-icon-arrow-circle-bottom:before { + content: ""; +} + +.k-icon-arrow-circle-left:before { + content: ""; +} +[dir=rtl] .k-icon-arrow-circle-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-arrow-circle-right:before { + content: ""; +} +[dir=rtl] .k-icon-arrow-circle-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-arrow-circle-top:before { + content: ""; +} + +.k-icon-arrow-left:before { + content: ""; +} +[dir=rtl] .k-icon-arrow-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-arrow-right:before { + content: ""; +} +[dir=rtl] .k-icon-arrow-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-arrow-thick-bottom:before { + content: ""; +} + +.k-icon-arrow-thick-left:before { + content: ""; +} +[dir=rtl] .k-icon-arrow-thick-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-arrow-thick-right:before { + content: ""; +} +[dir=rtl] .k-icon-arrow-thick-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-arrow-thick-top:before { + content: ""; +} + +.k-icon-arrow-top:before { + content: ""; +} + +.k-icon-audio-spectrum:before { + content: ""; +} + +.k-icon-audio:before { + content: ""; +} + +.k-icon-badge:before { + content: ""; +} + +.k-icon-ban:before { + content: ""; +} + +.k-icon-bar-chart:before { + content: ""; +} +[dir=rtl] .k-icon-bar-chart:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-basket:before { + content: ""; +} + +.k-icon-battery-empty:before { + content: ""; +} + +.k-icon-battery-full:before { + content: ""; +} + +.k-icon-beaker:before { + content: ""; +} + +.k-icon-bell:before { + content: ""; +} + +.k-icon-bluetooth:before { + content: ""; +} + +.k-icon-bold:before { + content: ""; +} + +.k-icon-bolt:before { + content: ""; +} + +.k-icon-book:before { + content: ""; +} +[dir=rtl] .k-icon-book:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-bookmark:before { + content: ""; +} + +.k-icon-box:before { + content: ""; +} + +.k-icon-briefcase:before { + content: ""; +} + +.k-icon-british-pound:before { + content: ""; +} + +.k-icon-browser:before { + content: ""; +} +[dir=rtl] .k-icon-browser:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-brush:before { + content: ""; +} +[dir=rtl] .k-icon-brush:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-bug:before { + content: ""; +} + +.k-icon-bullhorn:before { + content: ""; +} +[dir=rtl] .k-icon-bullhorn:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-calculator:before { + content: ""; +} +[dir=rtl] .k-icon-calculator:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-calendar:before { + content: ""; +} +[dir=rtl] .k-icon-calendar:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-camera-slr:before { + content: ""; +} + +.k-icon-caret-bottom:before { + content: ""; +} + +.k-icon-caret-left:before { + content: ""; +} +[dir=rtl] .k-icon-caret-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-caret-right:before { + content: ""; +} +[dir=rtl] .k-icon-caret-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-caret-top:before { + content: ""; +} + +.k-icon-cart:before { + content: ""; +} + +.k-icon-chat:before { + content: ""; +} + +.k-icon-check:before { + content: ""; +} + +.k-icon-chevron-bottom:before { + content: ""; +} + +.k-icon-chevron-left:before { + content: ""; +} +[dir=rtl] .k-icon-chevron-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-chevron-right:before { + content: ""; +} +[dir=rtl] .k-icon-chevron-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-chevron-top:before { + content: ""; +} + +.k-icon-circle-check:before { + content: ""; +} + +.k-icon-circle-x:before { + content: ""; +} + +.k-icon-clipboard:before { + content: ""; +} + +.k-icon-clock:before { + content: ""; +} + +.k-icon-cloud-download:before { + content: ""; +} + +.k-icon-cloud-upload:before { + content: ""; +} + +.k-icon-cloud:before { + content: ""; +} + +.k-icon-cloudy:before { + content: ""; +} + +.k-icon-code:before { + content: ""; +} + +.k-icon-cog:before { + content: ""; +} + +.k-icon-collapse-down:before { + content: ""; +} + +.k-icon-collapse-left:before { + content: ""; +} +[dir=rtl] .k-icon-collapse-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-collapse-right:before { + content: ""; +} +[dir=rtl] .k-icon-collapse-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-collapse-up:before { + content: ""; +} + +.k-icon-command:before { + content: ""; +} + +.k-icon-comment-square:before { + content: ""; +} +[dir=rtl] .k-icon-comment-square:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-compass:before { + content: ""; +} + +.k-icon-contrast:before { + content: ""; +} + +.k-icon-copywriting:before { + content: ""; +} +[dir=rtl] .k-icon-copywriting:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-credit-card:before { + content: ""; +} + +.k-icon-crop:before { + content: ""; +} + +.k-icon-dashboard:before { + content: ""; +} + +.k-icon-data-transfer-download:before { + content: ""; +} + +.k-icon-data-transfer-upload:before { + content: ""; +} + +.k-icon-delete:before { + content: ""; +} +[dir=rtl] .k-icon-delete:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-dial:before { + content: ""; +} + +.k-icon-document:before { + content: ""; +} +[dir=rtl] .k-icon-document:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-dollar:before { + content: ""; +} + +.k-icon-double-quote-sans-left:before { + content: ""; +} +[dir=rtl] .k-icon-double-quote-sans-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-double-quote-sans-right:before { + content: ""; +} +[dir=rtl] .k-icon-double-quote-sans-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-double-quote-serif-left:before { + content: ""; +} +[dir=rtl] .k-icon-double-quote-serif-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-double-quote-serif-right:before { + content: ""; +} +[dir=rtl] .k-icon-double-quote-serif-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-droplet:before { + content: ""; +} + +.k-icon-eject:before { + content: ""; +} + +.k-icon-elevator:before { + content: ""; +} + +.k-icon-ellipses:before { + content: ""; +} + +.k-icon-envelope-closed:before { + content: ""; +} + +.k-icon-envelope-open:before { + content: ""; +} + +.k-icon-euro:before { + content: ""; +} + +.k-icon-excerpt:before { + content: ""; +} + +.k-icon-expand-down:before { + content: ""; +} + +.k-icon-expand-left:before { + content: ""; +} +[dir=rtl] .k-icon-expand-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-expand-right:before { + content: ""; +} +[dir=rtl] .k-icon-expand-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-expand-up:before { + content: ""; +} + +.k-icon-external-link:before { + content: ""; +} +[dir=rtl] .k-icon-external-link:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-eye:before { + content: ""; +} + +.k-icon-eyedropper:before { + content: ""; +} +[dir=rtl] .k-icon-eyedropper:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-file:before { + content: ""; +} +[dir=rtl] .k-icon-file:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-fire:before { + content: ""; +} +[dir=rtl] .k-icon-fire:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-flag:before { + content: ""; +} +[dir=rtl] .k-icon-flag:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-flash:before { + content: ""; +} + +.k-icon-folder:before { + content: ""; +} +[dir=rtl] .k-icon-folder:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-fork:before { + content: ""; +} + +.k-icon-fullscreen-enter:before { + content: ""; +} + +.k-icon-fullscreen-exit:before { + content: ""; +} + +.k-icon-globe:before { + content: ""; +} + +.k-icon-graph:before { + content: ""; +} +[dir=rtl] .k-icon-graph:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-grid-four-up:before { + content: ""; +} + +.k-icon-grid-three-up:before { + content: ""; +} + +.k-icon-grid-two-up:before { + content: ""; +} + +.k-icon-hard-drive:before { + content: ""; +} + +.k-icon-header:before { + content: ""; +} + +.k-icon-headphones:before { + content: ""; +} + +.k-icon-heart:before { + content: ""; +} + +.k-icon-home:before { + content: ""; +} + +.k-icon-image:before { + content: ""; +} + +.k-icon-inbox:before { + content: ""; +} + +.k-icon-infinity:before { + content: ""; +} + +.k-icon-info:before { + content: ""; +} +[dir=rtl] .k-icon-info:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-italic:before { + content: ""; +} +[dir=rtl] .k-icon-italic:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-justify-center:before { + content: ""; +} + +.k-icon-justify-left:before { + content: ""; +} +[dir=rtl] .k-icon-justify-left:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-justify-right:before { + content: ""; +} +[dir=rtl] .k-icon-justify-right:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-key:before { + content: ""; +} +[dir=rtl] .k-icon-key:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-laptop:before { + content: ""; +} + +.k-icon-layers:before { + content: ""; +} +[dir=rtl] .k-icon-layers:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-lightbulb:before { + content: ""; +} + +.k-icon-link-broken:before { + content: ""; +} +[dir=rtl] .k-icon-link-broken:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-link-intact:before { + content: ""; +} +[dir=rtl] .k-icon-link-intact:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-list-rich:before { + content: ""; +} +[dir=rtl] .k-icon-list-rich:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-list:before { + content: ""; +} +[dir=rtl] .k-icon-list:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-location:before { + content: ""; +} + +.k-icon-lock-locked:before { + content: ""; +} + +.k-icon-lock-unlocked:before { + content: ""; +} + +.k-icon-loop-circular:before { + content: ""; +} + +.k-icon-loop-square:before { + content: ""; +} + +.k-icon-loop:before { + content: ""; +} + +.k-icon-magnifying-glass:before { + content: ""; +} +[dir=rtl] .k-icon-magnifying-glass:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-map-marker:before { + content: ""; +} + +.k-icon-map:before { + content: ""; +} + +.k-icon-media-pause:before { + content: ""; +} + +.k-icon-media-play:before { + content: ""; +} +[dir=rtl] .k-icon-media-play:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-media-record:before { + content: ""; +} + +.k-icon-media-skip-backward:before { + content: ""; +} +[dir=rtl] .k-icon-media-skip-backward:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-media-skip-forward:before { + content: ""; +} +[dir=rtl] .k-icon-media-skip-forward:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-media-step-backward:before { + content: ""; +} +[dir=rtl] .k-icon-media-step-backward:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-media-step-forward:before { + content: ""; +} +[dir=rtl] .k-icon-media-step-forward:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-media-stop:before { + content: ""; +} + +.k-icon-medical-cross:before { + content: ""; +} + +.k-icon-menu:before { + content: ""; +} + +.k-icon-microphone:before { + content: ""; +} + +.k-icon-minus:before { + content: ""; +} + +.k-icon-monitor:before { + content: ""; +} + +.k-icon-moon:before { + content: ""; +} + +.k-icon-move:before { + content: ""; +} + +.k-icon-musical-note:before { + content: ""; +} + +.k-icon-paperclip:before { + content: ""; +} +[dir=rtl] .k-icon-paperclip:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-pencil:before { + content: ""; +} +[dir=rtl] .k-icon-pencil:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-people:before { + content: ""; +} +[dir=rtl] .k-icon-people:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-person:before { + content: ""; +} + +.k-icon-phone:before { + content: ""; +} + +.k-icon-pie-chart:before { + content: ""; +} +[dir=rtl] .k-icon-pie-chart:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-pin:before { + content: ""; +} + +.k-icon-play-circle:before { + content: ""; +} +[dir=rtl] .k-icon-play-circle:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-plus:before { + content: ""; +} + +.k-icon-power-standby:before { + content: ""; +} + +.k-icon-print:before { + content: ""; +} + +.k-icon-project:before { + content: ""; +} +[dir=rtl] .k-icon-project:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-pulse:before { + content: ""; +} + +.k-icon-puzzle-piece:before { + content: ""; +} + +.k-icon-question-mark:before { + content: ""; +} +[dir=rtl] .k-icon-question-mark:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-rain:before { + content: ""; +} + +.k-icon-random:before { + content: ""; +} + +.k-icon-reload:before { + content: ""; +} +[dir=rtl] .k-icon-reload:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-resize-both:before { + content: ""; +} + +.k-icon-resize-height:before { + content: ""; +} + +.k-icon-resize-width:before { + content: ""; +} + +.k-icon-rss-alt:before { + content: ""; +} + +.k-icon-rss:before { + content: ""; +} + +.k-icon-script:before { + content: ""; +} + +.k-icon-share-boxed:before { + content: ""; +} +[dir=rtl] .k-icon-share-boxed:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-share:before { + content: ""; +} +[dir=rtl] .k-icon-share:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-shield:before { + content: ""; +} + +.k-icon-signal:before { + content: ""; +} +[dir=rtl] .k-icon-signal:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-signpost:before { + content: ""; +} + +.k-icon-sort-ascending:before { + content: ""; +} +[dir=rtl] .k-icon-sort-ascending:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-sort-descending:before { + content: ""; +} +[dir=rtl] .k-icon-sort-descending:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-spreadsheet:before { + content: ""; +} +[dir=rtl] .k-icon-spreadsheet:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-star:before { + content: ""; +} + +.k-icon-sun:before { + content: ""; +} + +.k-icon-tablet:before { + content: ""; +} + +.k-icon-tag:before { + content: ""; +} +[dir=rtl] .k-icon-tag:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-tags:before { + content: ""; +} +[dir=rtl] .k-icon-tags:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-target:before { + content: ""; +} + +.k-icon-task:before { + content: ""; +} + +.k-icon-terminal:before { + content: ""; +} + +.k-icon-text:before { + content: ""; +} + +.k-icon-thumb-down:before { + content: ""; +} + +.k-icon-thumb-up:before { + content: ""; +} + +.k-icon-timer:before { + content: ""; +} + +.k-icon-transfer:before { + content: ""; +} + +.k-icon-trash:before { + content: ""; +} + +.k-icon-underline:before { + content: ""; +} + +.k-icon-vertical-align-bottom:before { + content: ""; +} + +.k-icon-vertical-align-center:before { + content: ""; +} + +.k-icon-vertical-align-top:before { + content: ""; +} + +.k-icon-video:before { + content: ""; +} +[dir=rtl] .k-icon-video:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-volume-high:before { + content: ""; +} +[dir=rtl] .k-icon-volume-high:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-volume-low:before { + content: ""; +} +[dir=rtl] .k-icon-volume-low:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-volume-off:before { + content: ""; +} +[dir=rtl] .k-icon-volume-off:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-warning:before { + content: ""; +} + +.k-icon-wifi:before { + content: ""; +} + +.k-icon-wrench:before { + content: ""; +} +[dir=rtl] .k-icon-wrench:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-x:before { + content: ""; +} + +.k-icon-yen:before { + content: ""; +} + +.k-icon-zoom-in:before { + content: ""; +} +[dir=rtl] .k-icon-zoom-in:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-zoom-out:before { + content: ""; +} +[dir=rtl] .k-icon-zoom-out:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-close:before { + content: ""; +} + +.k-icon-disabled:before { + content: ""; +} + +.k-icon-document-archive:before { + content: ""; +} + +.k-icon-document-audio:before { + content: ""; +} +[dir=rtl] .k-icon-document-audio:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-document-default:before { + content: ""; +} + +.k-icon-document-document:before { + content: ""; +} + +.k-icon-document-folder:before { + content: ""; +} +[dir=rtl] .k-icon-document-folder:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-document-image:before { + content: ""; +} + +.k-icon-document-pdf:before { + content: ""; +} + +.k-icon-document-spreadsheet:before { + content: ""; +} + +.k-icon-document-video:before { + content: ""; +} + +.k-icon-documents:before { + content: ""; +} + +.k-icon-enabled:before { + content: ""; +} + +.k-icon-filter:before { + content: ""; +} +[dir=rtl] .k-icon-filter:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-folder-closed:before { + content: ""; +} +[dir=rtl] .k-icon-folder-closed:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-folder-opened:before { + content: ""; +} +[dir=rtl] .k-icon-folder-opened:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-menu-closed:before { + content: ""; +} +[dir=rtl] .k-icon-menu-closed:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-menu-opened:before { + content: ""; +} +[dir=rtl] .k-icon-menu-opened:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.k-icon-open:before { + content: ""; +} + +.k-ui-namespace { + /* Box sizing + ========================================================================== */ + /** + * Border box everything: + * http://www.paulirish.com/2012/box-sizing-border-box-ftw/ + */ + /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ + /* Document + ========================================================================== */ + /** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ + /* Sections + ========================================================================== */ + /** + * Remove the margin in all browsers (opinionated). + */ + /** + * Add the correct display in IE 9-. + */ + /** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + /* Grouping content + ========================================================================== */ + /** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + */ + /** + * Add the correct margin in IE 8. + */ + /** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + /* Text-level semantics + ========================================================================== */ + /** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + /** + * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + /** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + /** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + /** + * Add the correct font style in Android 4.3-. + */ + /** + * Add the correct background and color in IE 9-. + */ + /** + * Add the correct font size in all browsers. + */ + /** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + /* Embedded content + ========================================================================== */ + /** + * Add the correct display in IE 9-. + */ + /** + * Add the correct display in iOS 4-7. + */ + /** + * Remove the border on images inside links in IE 10-. + */ + /** + * Hide the overflow in IE. + */ + /* Forms + ========================================================================== */ + /** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ + /** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + /** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + /** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ + /** + * Remove the inner border and padding in Firefox. + */ + /** + * Restore the focus styles unset by the previous rule. + */ + /** + * Correct the padding in Firefox. + */ + /** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + /** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + /** + * Remove the default vertical scrollbar in IE. + */ + /** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + /** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + /** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + /** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ + /** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + /* Interactive + ========================================================================== */ + /* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ + /* + * Add the correct display in all browsers. + */ + /* Scripting + ========================================================================== */ + /** + * Add the correct display in IE 9-. + */ + /** + * Add the correct display in IE. + */ + /* Hidden + ========================================================================== */ + /** + * Add the correct display in IE 10-. + */ + /* Component + ========================================================================== */ + /** + * 1. Needed for the off-canvas-overlay + * 2. Reset for when item is a form + * 3. Set transition for off canvas sidebar + */ + /** + * Container when toggled + * + * 1. Set left to the negative width of the sidebar so the sidebar will appear + * 2. Reset when screen is wide enough + */ + /** + * Overlay when toggled + * + * 1. Set z-index so it will become visible + */ + /* Component wrapper + ========================================================================== */ + /* Content + ========================================================================== */ + /** + * 1. Set the z-index higher than the menus + * 2. Setting a background so container will fall nicely over the sidebar + * 3. Set transition for off canvas sidebar + */ + /** + * When content is inside a content-area + */ + /** + * Container when toggled + * + * 1. Set left to the width of the menu so the menu will appear + * 2. Reset when screen is wide enough + */ + /** + * Set overflow and z-index + */ + /* Content area + ========================================================================== */ + /** + * Toggling the subcontent area + */ + /** + * Content area children + * + * 1. for breadcrumbs to work properly + */ + /* Content wrapper + ========================================================================== */ + /** + * 1. Needed to position sidebar properly when off-canvas + * 2. Clearing toolbar floats when flexbox is not in use + */ + /* Flex wrapper + ========================================================================== */ + /* Container + ========================================================================== */ + /** + * 1. For transparent tabs + */ + /* Container children + ========================================================================== */ + /** + * Main container + * + * 1. For transparent tabs + */ + /** + * Sub container + * + * 1. For transparent tabs + */ + /** + * Full container + */ + /** + * Full container -- spaced top + * + * For when using tables inside form and you want table to be attached to the sides + */ + /* Koowa UI container + ========================================================================== */ + /** + * 1. By using a max-width we essentially set a min-width when the contents are + * to large for the k-ui-container container. The reason we don't use min-width is + * because if the content is only 300px we don't need horizontal scrollbars + * 2. Reset the max-width when viewport is as large as minwidth + * 3. Default styling + */ + /* ========================================================================== + Login container + ========================================================================== */ + /** + * Login container + * + * Container holding the login window + * + * 1. Setting up for centering the login window + */ + /* Sidebar + ========================================================================== */ + /** + * The left and right sidebar + */ + /** + * Left sidebar specific + */ + /** + * When left sidebar is toggled + */ + /** + * Right sidebar specific + */ + /** + * When right sidebar is toggled + */ + /* Subcontent + ========================================================================== */ + /** + * Subcontent children + */ + /** + * Subcontent toggle button + */ + /* Wrapper + ========================================================================== */ + /** + * Wrapper when toggled + * + * 1. Hide overflowing when menu is toggled + * 2. Set back to auto when screen is wide enough + * 3. Hide all overflow when resizing to avoid jumpy layout + */ + /** + * The overlays + * + * 1. Cover the entire container + * 2. Hide by setting z-index to -1 because item can't transition if display is set from none to block + * 3. Set opacity to 0 by default + * 4. Hide overlay when screen is wide enough + */ + /* Anchor + ========================================================================== */ + /* Backface visibility + ========================================================================== */ + /** + * Set to hidden to avoid blurry text after transitioning and transforming elements + */ + /* Body + ========================================================================== */ + /** + * 1. By using 100% we can work with full-height auto overflowing flexbox pages + * 2. Remove all spacing + * 3. Setting up flexbox + * 4. Hide overflowing content on resizing to make sure we never get any weird jumping scrollbar issues + */ + /* Definition list + ========================================================================== */ + /* Fieldset + ========================================================================== */ + /** + * 1. Chrome and Firefox set a `min-width: min-content;` on fieldsets, + * so we reset that to ensure it behaves more like a standard block element. + * See https://github.com/twbs/bootstrap/issues/12359. + */ + /* Paragraph + ========================================================================== */ + /** + * 1. Remove default top-margin + */ + /* HTML + ========================================================================== */ + /** + * 1. By using 100% we can work with full-height auto overflowing flexbox pages + * 2. Remove all spacing + * 3. Set basic font here. Other systems could set font on `` element to override this. + * We're just making sure there's alwas a default font available + */ + /* Image + ========================================================================== */ + /** + * 1. Responsive images + * 2. Eliminating line-height bug when used alone in container + * 3. No hidden borders on parents + */ + /* Normalize form controls + ========================================================================== */ + /** + * 1. Override content-box in Normalize (* isn't specific enough) + * 2. Position radios and checkboxes better + * 3. Make range inputs behave like textual form controls + * 4. Focus for file, radio, and checkbox + * 5. Better sized because of box-sizing + * 6. Set font-size to 16px on touch supported devices so browser won't automatically zoom + * 7. Make multiple select elements height not fixed + */ + /* Label + ========================================================================== */ + /** + * 1. Force IE8 to wrap long content + */ + /* Legend + ========================================================================== */ + /** + * 1. No margin bottom for the last legend + * 2. No padding top for the first legend + */ + /* Paragraph + ========================================================================== */ + /** + * 1. Remove default top-margin + */ + /* Lists + ========================================================================== */ + /* Alerts + ========================================================================== */ + /** + * Overflowing alert with 33% max-height + */ + /** + * Fixed alert + */ + /** + * Alternate styles + */ + /** + * Close button + */ + /* Breadcrumbs + ========================================================================== */ + /** + * 1. Scroll when items don't fit parent anymore + * 2. Hide scroll when resizing to avoid weird jumps on OSX + * 3. Don't flex in the layout structure + */ + /** + * Single breadcrumb items + */ + /* Buttons + ========================================================================== */ + /** + * Alternate buttons + */ + /** + * Link buttons + */ + /** + * Block button + */ + /** + * Button sizes + */ + /** + * Align single icon buttons + */ + /** + * Vertically space out multiple block buttons + */ + /** + * Specificity overrides + */ + /** + * Button groups + */ + /* Card + ========================================================================== */ + /** + * Card body + */ + /** + * Card image + * + * 1. For when background image is used + * 2. Cover complete card minus border + * 3. Cover complete card minus border and 1pixel spacing + */ + /** + * Card title + */ + /** + * Card section + * + * 1. Use margin instead of padding to keep border-radius on rounded cards + */ + /** + * Card footer + */ + /** + * Card caption + */ + /** + * Selected card + */ + /** + * Flexing card + */ + /* CK Editor + ========================================================================== */ + /** + * Hide the resizer since element is flexing + */ + /* Dropdowns + ========================================================================== */ + /** + * Dropdown arrow/caret + */ + /** + * The dropdown wrapper (div) + */ + /** + * The dropdown toggle + */ + /** + * The dropdown menu (ul) + * + * 1. Hide by default, but block on "open" of the menu + * 2. Ensures proper alignment if parent has it changed (e.g., modal footer) + */ + /** + * Dividers (basically an hr) within the dropdown + */ + /** + * Hover / Focus state + */ + /** + * Active state + */ + /** + * Disabled state + * + * Gray out text and ensure the hover/focus state remains gray + */ + /** + * Open state for the dropdown + */ + /** + * Backdrop to catch body clicks on mobile, etc. + */ + /** + * Dropup + * + * Allow for dropdowns to go bottom up (aka, dropup-menu) + */ + /** + * Dropdown grid + */ + /* Empty state + ========================================================================== */ + /* Forms + ========================================================================== */ + /** + * 1. Set width and max-width to 100% to override custom template styling + * 1. Make inputs at least the height of their button counterpart (base line-height + padding + border) + * 2. Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + * 3. Note: This has no effect on s in CSS. + * 4. Customize the `:focus` state to imitate native WebKit styles. + * 5. Unstyle the caret on `