sadui 0.0.3 → 0.0.4

data/vendor/assets/stylesheets/sample/sample.css

@@ -0,0 +1,1640 @@
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/components/_bullet.scss */
+.bullet-menu {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+/* line 8, ../../../../scss/sadui/components/_bullet.scss */
+.bullet-menu-horizontal .bullet-item {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+}
+
+/* line 14, ../../../../scss/sadui/components/_bullet.scss */
+.bullet-menu-vertical .bullet-item {
+  display: block;
+  clear: both;
+}
+
+/* line 20, ../../../../scss/sadui/components/_bullet.scss */
+.bullet-item {
+  cursor: pointer;
+  position: relative;
+}
+/* line 25, ../../../../scss/sadui/components/_bullet.scss */
+.bullet-item:hover .bullet {
+  background-color: #3b3b3b;
+}
+/* line 32, ../../../../scss/sadui/components/_bullet.scss */
+.bullet-item.is-selected .bullet, .bullet-item.is-selected:hover .bullet {
+  background-color: #3333cc;
+}
+/* line 37, ../../../../scss/sadui/components/_bullet.scss */
+.bullet-item input[type="radio"] {
+  visibility: hidden;
+  position: absolute;
+  width: 0.85rem;
+  height: 0.85rem;
+}
+
+/* line 45, ../../../../scss/sadui/components/_bullet.scss */
+.bullet-item-label {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+}
+
+/* line 49, ../../../../scss/sadui/components/_bullet.scss */
+.bullet {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  width: 0.85rem;
+  height: 0.85rem;
+  -webkit-border-radius: 1.7rem;
+  -moz-border-radius: 1.7rem;
+  -ms-border-radius: 1.7rem;
+  -o-border-radius: 1.7rem;
+  border-radius: 1.7rem;
+  background-color: #555555;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/components/_button.scss */
+.button {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+  cursor: pointer;
+  position: relative;
+  border: 0 none;
+  text-decoration: none;
+}
+/* line 14, ../../../../scss/sadui/components/_button.scss */
+.button > * {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+}
+/* line 20, ../../../../scss/sadui/components/_button.scss */
+.button input[type="button"],
+.button input[type="submit"] {
+  width: 100%;
+  height: 100%;
+  line-height: 100% !important;
+  background-color: transparent;
+  border: 0 none;
+  outline: 0 none;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  cursor: pointer;
+}
+
+/* Carousel Base */
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 5, ../../../../scss/sadui/components/_carousel.scss */
+.carousel, .carousel--example-base, .carousel--example-fluid, .carousel--example-background, .carousel--example-vertical {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  overflow: visible;
+}
+/* line 8, ../../../../scss/sadui/components/_carousel.scss */
+.carousel *, .carousel--example-base *, .carousel--example-fluid *, .carousel--example-background *, .carousel--example-vertical * {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+/* line 18, ../../../../scss/sadui/components/_carousel.scss */
+.carousel, .carousel--example-base, .carousel--example-fluid, .carousel--example-background, .carousel--example-vertical, .carousel *:focus, .carousel--example-base *:focus, .carousel--example-fluid *:focus, .carousel--example-background *:focus, .carousel--example-vertical *:focus {
+  outline-width: 0;
+}
+
+/* line 24, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-content-wrapper {
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  -webkit-transform: translate3d(0px, 0px, 0px);
+}
+
+/* line 34, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-handle {
+  display: none;
+}
+
+/* line 43, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-content {
+  list-style: none;
+  position: relative;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: auto;
+  white-space: nowrap;
+}
+/* line 55, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-content.is-animate {
+  -webkit-transition-property: translate3d;
+  -moz-transition-property: translate3d;
+  -o-transition-property: translate3d;
+  transition-property: translate3d;
+  -webkit-transition-duration: 1s;
+  -moz-transition-duration: 1s;
+  -o-transition-duration: 1s;
+  transition-duration: 1s;
+  -webkit-transition-timing-function: ease-in-out;
+  -moz-transition-timing-function: ease-in-out;
+  -o-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+/* line 62, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-content-item {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  vertical-align: top;
+  height: 100%;
+}
+
+/* line 68, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-navigation-item-back, .carousel-navigation-item-forward {
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+}
+/* line 79, ../../../../scss/sadui/components/_carousel.scss */
+.is-disabled.carousel-navigation-item-back, .is-disabled.carousel-navigation-item-forward, [disabled].carousel-navigation-item-back, [disabled].carousel-navigation-item-forward {
+  visibility: hidden;
+  cursor: default;
+}
+/* line 83, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-navigation-item-back .label, .carousel-navigation-item-forward .label {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  display: block;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  top: 50%;
+  position: absolute;
+}
+
+/* line 93, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-navigation-item-back {
+  left: 0;
+}
+
+/* line 100, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-navigation-item-forward {
+  right: 0;
+}
+
+/* line 108, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-pagination {
+  position: absolute;
+}
+
+/* line 111, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-background {
+  z-index: 1100;
+  left: 0;
+  right: 0;
+  height: 100%;
+}
+/* line 116, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-background .carousel-background-item {
+  height: 100%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+}
+
+/* line 124, ../../../../scss/sadui/components/_carousel.scss */
+.carousel-pagination {
+  z-index: 1120;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/components/_expand_text.scss */
+.expand-text {
+  cursor: pointer;
+  display: none;
+}
+/* line 7, ../../../../scss/sadui/components/_expand_text.scss */
+.expand-text * {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+}
+/* line 11, ../../../../scss/sadui/components/_expand_text.scss */
+.expand-text.is-visible {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/components/_modal.scss */
+.modal, .modal--example1, .modal--example2 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  z-index: 1301;
+  background: white;
+}
+/* line 17, ../../../../scss/sadui/components/_modal.scss */
+.modal .modal-wrapper, .modal--example1 .modal-wrapper, .modal--example2 .modal-wrapper {
+  display: none;
+}
+/* line 24, ../../../../scss/sadui/components/_modal.scss */
+.modal.is-visible .modal-wrapper, .is-visible.modal--example1 .modal-wrapper, .is-visible.modal--example2 .modal-wrapper {
+  display: block;
+}
+
+/* line 32, ../../../../scss/sadui/components/_modal.scss */
+.modal-generic .modal-close-wrapper {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/components/_overlay.scss */
+.overlay {
+  position: absolute;
+  z-index: 1300;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  overflow: auto;
+  margin: -3em 0 0 0;
+  padding: 0;
+  background: rgba(0, 0, 0, 0.65);
+  height: 0;
+}
+/* line 20, ../../../../scss/sadui/components/_overlay.scss */
+.overlay.is-visible {
+  height: 1000%;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/components/_play_button.scss */
+.play-button-container {
+  cursor: pointer;
+  display: block;
+  position: relative;
+}
+/* line 7, ../../../../scss/sadui/components/_play_button.scss */
+.play-button-container .play-button {
+  position: relative;
+  margin: auto;
+}
+/* line 13, ../../../../scss/sadui/components/_play_button.scss */
+.play-button-container:hover .play-button {
+  background: rgba(0, 0, 0, 0.9);
+}
+/* line 21, ../../../../scss/sadui/components/_play_button.scss */
+.play-button-container:active .play-button-arrow-shadow, .play-button-container.is-click .play-button-arrow-shadow {
+  visibility: hidden;
+}
+
+/* line 26, ../../../../scss/sadui/components/_play_button.scss */
+.play-button {
+  display: block;
+  background: rgba(0, 0, 0, 0.5);
+  width: 8em;
+  height: 5em;
+}
+/* line 33, ../../../../scss/sadui/components/_play_button.scss */
+.play-button .play-button-arrow, .play-button .play-button-arrow-shadow {
+  width: 0;
+  height: 0;
+  position: absolute;
+  z-index: 1102;
+  top: 50%;
+  left: 50%;
+  margin-top: -0.95em;
+  margin-left: -0.35em;
+  border-top: 1.15em solid transparent;
+  border-bottom: 1.15em solid transparent;
+  border-left: 1.15em solid white;
+}
+/* line 48, ../../../../scss/sadui/components/_play_button.scss */
+.play-button .play-button-arrow-shadow {
+  border-left-color: black;
+  z-index: 1101;
+}
+
+/* 
+ * Pretty Check Radio
+ * 
+ * Requires pretty_checkradio.js
+ *
+ * Example DOM:
+ * div.pretty-checkradio
+ *   span.pretty-checkradio-layer
+ *   input.is-input
+ * 
+ * conf Object
+ * conf.$el $ DOM Object
+ */
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 17, ../../../../scss/sadui/components/_pretty_checkradio.scss */
+.pretty-checkradio {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  position: relative;
+  cursor: pointer;
+  background: #6e6e6e;
+}
+/* line 27, ../../../../scss/sadui/components/_pretty_checkradio.scss */
+.pretty-checkradio > * {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+}
+/* line 39, ../../../../scss/sadui/components/_pretty_checkradio.scss */
+.pretty-checkradio input[type="radio"],
+.pretty-checkradio input[type="checkbox"] {
+  z-index: 1002;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  background: #6e6e6e;
+}
+/* line 46, ../../../../scss/sadui/components/_pretty_checkradio.scss */
+.pretty-checkradio .pretty-checkradio-layer {
+  z-index: 1001;
+  background: #3333cc;
+  display: none;
+}
+/* line 52, ../../../../scss/sadui/components/_pretty_checkradio.scss */
+.pretty-checkradio.is-selected .pretty-checkradio-layer {
+  background: #3333cc;
+  display: block;
+}
+/* line 57, ../../../../scss/sadui/components/_pretty_checkradio.scss */
+.pretty-checkradio.is-disabled .pretty-checkradio-layer {
+  background: rgba(110, 110, 110, 0.5);
+  display: block;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 6, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown, .pretty-dropdown--example1, .pretty-dropdown--example2, .pretty-dropdown--example3 {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  position: relative;
+  cursor: pointer;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+  -webkit-transition-property: opacity;
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+  -webkit-transition-duration: 0.25s;
+  -moz-transition-duration: 0.25s;
+  -o-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+/* line 14, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-layer, .pretty-dropdown--example1 .pretty-dropdown-layer, .pretty-dropdown--example2 .pretty-dropdown-layer, .pretty-dropdown--example3 .pretty-dropdown-layer {
+  width: 100%;
+  padding: 0;
+  position: relative;
+}
+/* line 20, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-menu, .pretty-dropdown--example1 .pretty-dropdown-menu, .pretty-dropdown--example2 .pretty-dropdown-menu, .pretty-dropdown--example3 .pretty-dropdown-menu {
+  position: absolute;
+  width: 100%;
+  left: 0;
+  right: 0;
+  overflow: hidden;
+}
+/* line 23, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-menu, .pretty-dropdown--example1 .pretty-dropdown-menu, .pretty-dropdown--example2 .pretty-dropdown-menu, .pretty-dropdown--example3 .pretty-dropdown-menu, .pretty-dropdown .pretty-dropdown-menu ul, .pretty-dropdown--example1 .pretty-dropdown-menu ul, .pretty-dropdown--example2 .pretty-dropdown-menu ul, .pretty-dropdown--example3 .pretty-dropdown-menu ul, .pretty-dropdown .pretty-dropdown-menu li, .pretty-dropdown--example1 .pretty-dropdown-menu li, .pretty-dropdown--example2 .pretty-dropdown-menu li, .pretty-dropdown--example3 .pretty-dropdown-menu li {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+/* line 36, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-menu > ul, .pretty-dropdown--example1 .pretty-dropdown-menu > ul, .pretty-dropdown--example2 .pretty-dropdown-menu > ul, .pretty-dropdown--example3 .pretty-dropdown-menu > ul {
+  height: 0;
+  visibility: hidden;
+}
+/* line 46, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown.has-menu-visible .pretty-dropdown-menu > ul, .has-menu-visible.pretty-dropdown--example1 .pretty-dropdown-menu > ul, .has-menu-visible.pretty-dropdown--example2 .pretty-dropdown-menu > ul, .has-menu-visible.pretty-dropdown--example3 .pretty-dropdown-menu > ul {
+  height: inherit;
+  visibility: visible;
+}
+/* line 54, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown select, .pretty-dropdown--example1 select, .pretty-dropdown--example2 select, .pretty-dropdown--example3 select {
+  width: 100%;
+  position: absolute;
+  z-index: 1001;
+  top: 0;
+  right: 0;
+  left: 0;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  background: #6e6e6e;
+  height: 100%;
+  line-height: 100%;
+  background-color: transparent;
+}
+/* line 70, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown.has-menu select, .has-menu.pretty-dropdown--example1 select, .has-menu.pretty-dropdown--example2 select, .has-menu.pretty-dropdown--example3 select {
+  visibility: hidden;
+}
+/* line 75, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-icon-container, .pretty-dropdown--example1 .pretty-dropdown-icon-container, .pretty-dropdown--example2 .pretty-dropdown-icon-container, .pretty-dropdown--example3 .pretty-dropdown-icon-container {
+  display: block;
+  position: absolute;
+  right: 0;
+  top: 0;
+  text-align: center;
+}
+/* line 83, ../../../../scss/sadui/components/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-icon-container .pretty-dropdown-icon, .pretty-dropdown--example1 .pretty-dropdown-icon-container .pretty-dropdown-icon, .pretty-dropdown--example2 .pretty-dropdown-icon-container .pretty-dropdown-icon, .pretty-dropdown--example3 .pretty-dropdown-icon-container .pretty-dropdown-icon {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  margin: auto;
+  vertical-align: middle;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/components/_tooltip.scss */
+.tooltip {
+  text-align: center;
+  color: #fff;
+  background: #111;
+  position: absolute;
+  z-index: 1400;
+  padding: 15px;
+  /* triangle decoration */
+}
+/* line 12, ../../../../scss/sadui/components/_tooltip.scss */
+.tooltip:after {
+  width: 0;
+  height: 0;
+  border-left: 10px solid transparent;
+  border-right: 10px solid transparent;
+  border-top: 10px solid #111;
+  content: '';
+  position: absolute;
+  left: 50%;
+  bottom: -10px;
+  margin-left: -10px;
+}
+/* line 25, ../../../../scss/sadui/components/_tooltip.scss */
+.tooltip.top:after {
+  border-top-color: transparent;
+  border-bottom: 10px solid #111;
+  top: -20px;
+  bottom: auto;
+}
+/* line 32, ../../../../scss/sadui/components/_tooltip.scss */
+.tooltip.left:after {
+  left: 10px;
+  margin: 0;
+}
+/* line 37, ../../../../scss/sadui/components/_tooltip.scss */
+.tooltip.right:after {
+  right: 10px;
+  left: auto;
+  margin: 0;
+}
+
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
+/* line 20, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_html5.scss */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/* line 32, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_html5.scss */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+
+/* line 40, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_html5.scss */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/* line 48, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_html5.scss */
+[hidden],
+template {
+  display: none;
+}
+
+/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
+/* line 11, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_base.scss */
+html {
+  font-family: sans-serif;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+/* line 19, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_base.scss */
+body {
+  margin: 0;
+}
+
+/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
+/* line 9, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_links.scss */
+a {
+  background: transparent;
+}
+
+/* line 16, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_links.scss */
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
+/* line 9, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/* line 16, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
+b,
+strong {
+  font-weight: bold;
+}
+
+/* line 22, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
+dfn {
+  font-style: italic;
+}
+
+/* line 29, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* line 36, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/* line 43, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
+small {
+  font-size: 80%;
+}
+
+/* line 50, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+/* line 57, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
+sup {
+  top: -0.5em;
+}
+
+/* line 61, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
+sub {
+  bottom: -0.25em;
+}
+
+/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
+/* line 9, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_embeds.scss */
+img {
+  border: 0;
+}
+
+/* line 15, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_embeds.scss */
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
+/* line 9, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_groups.scss */
+figure {
+  margin: 1em 40px;
+}
+
+/* line 15, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_groups.scss */
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/* line 23, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_groups.scss */
+pre {
+  overflow: auto;
+}
+
+/* line 32, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_groups.scss */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
+/* line 19, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0;
+}
+
+/* line 27, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+button {
+  overflow: visible;
+}
+
+/* line 37, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+button,
+select {
+  text-transform: none;
+}
+
+/* line 50, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+
+/* line 58, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/* line 65, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/* line 73, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+input {
+  line-height: normal;
+}
+
+/* line 84, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+/* line 94, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/* line 102, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+/* line 114, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/* line 120, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/* line 129, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+legend {
+  border: 0;
+  padding: 0;
+}
+
+/* line 136, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+textarea {
+  overflow: auto;
+}
+
+/* line 143, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
+optgroup {
+  font-weight: bold;
+}
+
+/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
+/* line 9, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_tables.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* line 15, ../../../bundle/ruby/2.1.0/gems/compass-normalize-1.5/stylesheets/normalize/_tables.scss */
+td,
+th {
+  padding: 0;
+}
+
+/* Grid */
+/* line 4, ../../../../scss/sadui/effects/_transition.sweet.scss */
+.pretty-dropdown--example2 .is-menu, .modal--example1 {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  -webkit-transition-property: opacity;
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+  -webkit-transition-duration: 0.5s;
+  -moz-transition-duration: 0.5s;
+  -o-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+/* line 9, ../../../../scss/sadui/effects/_transition.sweet.scss */
+.pretty-dropdown--example2 .is-visible.is-menu, .is-visible.modal--example1 {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+}
+
+/* line 26, ../../../../scss/sadui/effects/_transition.sweet.scss */
+.modal--example2 {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  -webkit-transform: scale(0.85, 0.85) rotate3d(2, 0, 0, -90deg) translate3d(0, -100%, 0);
+  -moz-transform: scale(0.85, 0.85) rotate3d(2, 0, 0, -90deg) translate3d(0, -100%, 0);
+  -ms-transform: scale(0.85, 0.85) rotate3d(2, 0, 0, -90deg) translate3d(0, -100%, 0);
+  -o-transform: scale(0.85, 0.85) rotate3d(2, 0, 0, -90deg) translate3d(0, -100%, 0);
+  transform: scale(0.85, 0.85) rotate3d(2, 0, 0, -90deg) translate3d(0, -100%, 0);
+}
+/* line 29, ../../../../scss/sadui/effects/_transition.sweet.scss */
+.is-visible.modal--example2 {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+  -webkit-transform: scale(1, 1) rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0);
+  -moz-transform: scale(1, 1) rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0);
+  -ms-transform: scale(1, 1) rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0);
+  -o-transform: scale(1, 1) rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0);
+  transform: scale(1, 1) rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0);
+  -webkit-transition-property: opacity, scale, rotate3d, translate3d;
+  -moz-transition-property: opacity, scale, rotate3d, translate3d;
+  -o-transition-property: opacity, scale, rotate3d, translate3d;
+  transition-property: opacity scale rotate3d translate3d;
+  -webkit-transition-duration: 1s;
+  -moz-transition-duration: 1s;
+  -o-transition-duration: 1s;
+  transition-duration: 1s;
+  -webkit-transition-timing-function: in-ease-out;
+  -moz-transition-timing-function: in-ease-out;
+  -o-transition-timing-function: in-ease-out;
+  transition-timing-function: in-ease-out;
+}
+
+/* line 39, ../../../../scss/sadui/effects/_transition.sweet.scss */
+.pretty-dropdown--example3 .is-menu {
+  -webkit-transform: translate3d(0, -100%, 0);
+  -moz-transform: translate3d(0, -100%, 0);
+  -ms-transform: translate3d(0, -100%, 0);
+  -o-transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
+  -webkit-transition-property: translate3d;
+  -moz-transition-property: translate3d;
+  -o-transition-property: translate3d;
+  transition-property: translate3d;
+  -webkit-transition-duration: 1s;
+  -moz-transition-duration: 1s;
+  -o-transition-duration: 1s;
+  transition-duration: 1s;
+  -webkit-transition-timing-function: in-ease-out;
+  -moz-transition-timing-function: in-ease-out;
+  -o-transition-timing-function: in-ease-out;
+  transition-timing-function: in-ease-out;
+}
+/* line 44, ../../../../scss/sadui/effects/_transition.sweet.scss */
+.pretty-dropdown--example3 .is-visible.is-menu {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/themes/_button.scss */
+.button-lg {
+  padding-top: 0.25em;
+  padding-bottom: 0.25em;
+  padding-left: 1em;
+  padding-right: 1em;
+  text-transform: uppercase;
+}
+/* line 16, ../../../../scss/sadui/themes/_button.scss */
+.button-lg > * {
+  margin-left: 0.25em;
+}
+/* line 18, ../../../../scss/sadui/themes/_button.scss */
+.button-lg > *:first-child {
+  margin-left: 0;
+}
+
+/* line 24, ../../../../scss/sadui/themes/_button.scss */
+.button-md {
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  padding-left: 1.25em;
+  padding-right: 1.25em;
+}
+/* line 34, ../../../../scss/sadui/themes/_button.scss */
+.button-md > * {
+  margin-left: 0.625em;
+  padding-left: 0.625em;
+  border-left: 1px solid white;
+}
+/* line 38, ../../../../scss/sadui/themes/_button.scss */
+.button-md > *:first-child {
+  margin-left: 0;
+  padding-left: 0;
+  border-left: 0 none;
+}
+
+/* line 46, ../../../../scss/sadui/themes/_button.scss */
+.button-sm {
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+/* line 56, ../../../../scss/sadui/themes/_button.scss */
+.button-sm > * {
+  margin-left: 0.5em;
+}
+/* line 58, ../../../../scss/sadui/themes/_button.scss */
+.button-sm > *:first-child {
+  margin-left: 0;
+}
+
+/* line 64, ../../../../scss/sadui/themes/_button.scss */
+.button-default {
+  background: #6e6e6e;
+  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 2px 3px inset, rgba(255, 255, 255, 0.1) 1px 0 2px inset, rgba(255, 255, 255, 0.1) -1px 0 2px inset;
+  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 2px 3px inset, rgba(255, 255, 255, 0.1) 1px 0 2px inset, rgba(255, 255, 255, 0.1) -1px 0 2px inset;
+  box-shadow: rgba(255, 255, 255, 0.1) 0 2px 3px inset, rgba(255, 255, 255, 0.1) 1px 0 2px inset, rgba(255, 255, 255, 0.1) -1px 0 2px inset;
+}
+/* line 73, ../../../../scss/sadui/themes/_button.scss */
+.button-default[type="submit"], .button-default.is-submit {
+  background: #6e6e6e;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 5, ../../../../scss/sadui/themes/_carousel.scss */
+.carousel .carousel-navigation-item-back, .carousel--example-base .carousel-navigation-item-back, .carousel--example-fluid .carousel-navigation-item-back, .carousel--example-background .carousel-navigation-item-back, .carousel--example-vertical .carousel-navigation-item-back,
+.carousel .carousel-navigation-item-forward,
+.carousel--example-base .carousel-navigation-item-forward,
+.carousel--example-fluid .carousel-navigation-item-forward,
+.carousel--example-background .carousel-navigation-item-forward,
+.carousel--example-vertical .carousel-navigation-item-forward {
+  background-color: blue;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/themes/_modal.scss */
+.modal, .modal--example1, .modal--example2 {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/themes/_overlay.scss */
+.overlay {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  -webkit-transition-property: opacity;
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+  -webkit-transition-duration: 0.5s;
+  -moz-transition-duration: 0.5s;
+  -o-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+/* line 9, ../../../../scss/sadui/themes/_overlay.scss */
+.overlay.is-visible {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+  -webkit-transition-property: opacity;
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+  -webkit-transition-duration: 0.5s;
+  -moz-transition-duration: 0.5s;
+  -o-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 3, ../../../../scss/sadui/themes/_pretty_checkradio.scss */
+.pretty-checkradio {
+  width: 20px;
+  height: 20px;
+  background: #6e6e6e;
+}
+/* line 10, ../../../../scss/sadui/themes/_pretty_checkradio.scss */
+.pretty-checkradio.is-selected {
+  background: #3333cc;
+}
+/* line 14, ../../../../scss/sadui/themes/_pretty_checkradio.scss */
+.pretty-checkradio.is-disabled {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+  opacity: 0.5;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 6, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-label, .pretty-dropdown--example1 .pretty-dropdown-label, .pretty-dropdown--example2 .pretty-dropdown-label, .pretty-dropdown--example3 .pretty-dropdown-label {
+  color: white;
+}
+
+/* line 12, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-layer, .pretty-dropdown--example1 .pretty-dropdown-layer, .pretty-dropdown--example2 .pretty-dropdown-layer, .pretty-dropdown--example3 .pretty-dropdown-layer {
+  -webkit-border-radius: 0.1em;
+  -moz-border-radius: 0.1em;
+  -ms-border-radius: 0.1em;
+  -o-border-radius: 0.1em;
+  border-radius: 0.1em;
+  border: 1px solid #555555;
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlNmU2ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzNjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6e6e6e), color-stop(100%, #3333cc));
+  background-image: -webkit-linear-gradient(top, #6e6e6e, #3333cc);
+  background-image: -moz-linear-gradient(top, #6e6e6e, #3333cc);
+  background-image: -o-linear-gradient(top, #6e6e6e, #3333cc);
+  background-image: linear-gradient(top, #6e6e6e, #3333cc);
+}
+/* line 19, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-menu > ul, .pretty-dropdown--example1 .pretty-dropdown-menu > ul, .pretty-dropdown--example2 .pretty-dropdown-menu > ul, .pretty-dropdown--example3 .pretty-dropdown-menu > ul {
+  background-color: #6e6e6e;
+  -webkit-border-radius: 0.1em;
+  -moz-border-radius: 0.1em;
+  -ms-border-radius: 0.1em;
+  -o-border-radius: 0.1em;
+  border-radius: 0.1em;
+}
+/* line 23, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-menu > ul li.is-selected, .pretty-dropdown--example1 .pretty-dropdown-menu > ul li.is-selected, .pretty-dropdown--example2 .pretty-dropdown-menu > ul li.is-selected, .pretty-dropdown--example3 .pretty-dropdown-menu > ul li.is-selected {
+  background-color: #3333cc;
+}
+/* line 30, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-icon-container, .pretty-dropdown--example1 .pretty-dropdown-icon-container, .pretty-dropdown--example2 .pretty-dropdown-icon-container, .pretty-dropdown--example3 .pretty-dropdown-icon-container {
+  border-left: 1px solid #3b3b3b;
+}
+/* line 34, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.is-disabled.pretty-dropdown, .is-disabled.pretty-dropdown--example1, .is-disabled.pretty-dropdown--example2, .is-disabled.pretty-dropdown--example3 {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
+  opacity: 0.2;
+}
+
+/* line 43, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-layer, .pretty-dropdown--example1 .pretty-dropdown-layer, .pretty-dropdown--example2 .pretty-dropdown-layer, .pretty-dropdown--example3 .pretty-dropdown-layer {
+  margin-right: 1.25em;
+}
+/* line 45, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-layer > *, .pretty-dropdown--example1 .pretty-dropdown-layer > *, .pretty-dropdown--example2 .pretty-dropdown-layer > *, .pretty-dropdown--example3 .pretty-dropdown-layer > * {
+  line-height: 1.25em;
+  height: 1.25em;
+}
+/* line 50, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-label, .pretty-dropdown--example1 .pretty-dropdown-label, .pretty-dropdown--example2 .pretty-dropdown-label, .pretty-dropdown--example3 .pretty-dropdown-label {
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+}
+/* line 54, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-icon-container, .pretty-dropdown--example1 .pretty-dropdown-icon-container, .pretty-dropdown--example2 .pretty-dropdown-icon-container, .pretty-dropdown--example3 .pretty-dropdown-icon-container {
+  width: 1.25em;
+}
+/* line 57, ../../../../scss/sadui/themes/_pretty_dropdown.scss */
+.pretty-dropdown .pretty-dropdown-menu > li, .pretty-dropdown--example1 .pretty-dropdown-menu > li, .pretty-dropdown--example2 .pretty-dropdown-menu > li, .pretty-dropdown--example3 .pretty-dropdown-menu > li {
+  padding-left: 0.5em;
+}
+
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* SADUI Component Bootstrap */
+/* Compass Globals */
+/* layers */
+/* Transition Speeds */
+/* Carousel */
+/* Bullet */
+/* Play Button */
+/* Carousel */
+/* Default Colors */
+/* line 37, ../../../../scss/sample/sample.scss */
+body {
+  background: black url('../../../../sample/images/sadie.jpg?1394591374') no-repeat top center;
+  background-size: contain;
+}
+
+/* line 42, ../../../../scss/sample/sample.scss */
+.wrapper {
+  width: 760px;
+  margin: 300px auto 20px;
+  padding: 20px;
+  z-index: 1000;
+  background-color: rgba(0, 0, 0, 0.75);
+}
+
+/* line 51, ../../../../scss/sample/sample.scss */
+#header {
+  color: white;
+}
+
+/* line 56, ../../../../scss/sample/sample.scss */
+#main {
+  color: white;
+}
+/* line 59, ../../../../scss/sample/sample.scss */
+#main section {
+  margin-top: 20px;
+  border-top: 1px solid #b28446;
+}
+/* line 62, ../../../../scss/sample/sample.scss */
+#main section:first-child {
+  margin-top: 0;
+  border-top: 0 none;
+}
+/* line 67, ../../../../scss/sample/sample.scss */
+#main a {
+  color: blue;
+  text-decoration: none;
+}
+
+/* Views */
+/* line 76, ../../../../scss/sample/sample.scss */
+.pretty-dropdown-view > * {
+  margin-left: 20px;
+}
+/* line 78, ../../../../scss/sample/sample.scss */
+.pretty-dropdown-view > *:first-of-type {
+  margin-left: 0;
+}
+
+/* line 105, ../../../../scss/sample/sample.scss */
+.loader-view .loader-example ul, .loader-view .loader-example li {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+/* line 110, ../../../../scss/sample/sample.scss */
+.loader-view .loader-example li {
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  width: 160px;
+  margin-left: 20px;
+}
+/* line 114, ../../../../scss/sample/sample.scss */
+.loader-view .loader-example li:first-child {
+  margin-left: 0;
+}
+/* line 118, ../../../../scss/sample/sample.scss */
+.loader-view .loader-example img {
+  width: 100%;
+  height: auto;
+}
+
+/* line 125, ../../../../scss/sample/sample.scss */
+.modal, .modal--example1, .modal--example2 {
+  color: black;
+}
+
+/* line 129, ../../../../scss/sample/sample.scss */
+.modal--example1 {
+  width: 720px;
+}
+
+/* line 135, ../../../../scss/sample/sample.scss */
+.modal--example2 {
+  width: 720px;
+}
+/* line 140, ../../../../scss/sample/sample.scss */
+.modal--example2 .is-content {
+  display: none;
+}
+/* line 142, ../../../../scss/sample/sample.scss */
+.modal--example2 .is-content.is-visible {
+  display: block;
+}
+
+/* line 153, ../../../../scss/sample/sample.scss */
+.carousel--example-base .carousel-navigation-item-back, .carousel--example-fluid .carousel-navigation-item-back, .carousel--example-background .carousel-navigation-item-back, .carousel--example-vertical .carousel-navigation-item-back {
+  float: left;
+}
+/* line 157, ../../../../scss/sample/sample.scss */
+.carousel--example-base .carousel-navigation-item-forward, .carousel--example-fluid .carousel-navigation-item-forward, .carousel--example-background .carousel-navigation-item-forward, .carousel--example-vertical .carousel-navigation-item-forward {
+  float: right;
+}
+
+/* line 181, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content-item {
+  width: 23.72881%;
+  margin-right: 1.69492%;
+}
+/* line 185, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content-item img {
+  width: 100%;
+  height: auto;
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-1 {
+  -webkit-transform: translate3d(-25.42373%, 0, 1em);
+  -moz-transform: translate3d(-25.42373%, 0, 1em);
+  -ms-transform: translate3d(-25.42373%, 0, 1em);
+  -o-transform: translate3d(-25.42373%, 0, 1em);
+  transform: translate3d(-25.42373%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-2 {
+  -webkit-transform: translate3d(-50.84746%, 0, 1em);
+  -moz-transform: translate3d(-50.84746%, 0, 1em);
+  -ms-transform: translate3d(-50.84746%, 0, 1em);
+  -o-transform: translate3d(-50.84746%, 0, 1em);
+  transform: translate3d(-50.84746%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-3 {
+  -webkit-transform: translate3d(-76.27119%, 0, 1em);
+  -moz-transform: translate3d(-76.27119%, 0, 1em);
+  -ms-transform: translate3d(-76.27119%, 0, 1em);
+  -o-transform: translate3d(-76.27119%, 0, 1em);
+  transform: translate3d(-76.27119%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-4 {
+  -webkit-transform: translate3d(-101.69492%, 0, 1em);
+  -moz-transform: translate3d(-101.69492%, 0, 1em);
+  -ms-transform: translate3d(-101.69492%, 0, 1em);
+  -o-transform: translate3d(-101.69492%, 0, 1em);
+  transform: translate3d(-101.69492%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-5 {
+  -webkit-transform: translate3d(-127.11864%, 0, 1em);
+  -moz-transform: translate3d(-127.11864%, 0, 1em);
+  -ms-transform: translate3d(-127.11864%, 0, 1em);
+  -o-transform: translate3d(-127.11864%, 0, 1em);
+  transform: translate3d(-127.11864%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-6 {
+  -webkit-transform: translate3d(-152.54237%, 0, 1em);
+  -moz-transform: translate3d(-152.54237%, 0, 1em);
+  -ms-transform: translate3d(-152.54237%, 0, 1em);
+  -o-transform: translate3d(-152.54237%, 0, 1em);
+  transform: translate3d(-152.54237%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-7 {
+  -webkit-transform: translate3d(-177.9661%, 0, 1em);
+  -moz-transform: translate3d(-177.9661%, 0, 1em);
+  -ms-transform: translate3d(-177.9661%, 0, 1em);
+  -o-transform: translate3d(-177.9661%, 0, 1em);
+  transform: translate3d(-177.9661%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-8 {
+  -webkit-transform: translate3d(-203.38983%, 0, 1em);
+  -moz-transform: translate3d(-203.38983%, 0, 1em);
+  -ms-transform: translate3d(-203.38983%, 0, 1em);
+  -o-transform: translate3d(-203.38983%, 0, 1em);
+  transform: translate3d(-203.38983%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-9 {
+  -webkit-transform: translate3d(-228.81356%, 0, 1em);
+  -moz-transform: translate3d(-228.81356%, 0, 1em);
+  -ms-transform: translate3d(-228.81356%, 0, 1em);
+  -o-transform: translate3d(-228.81356%, 0, 1em);
+  transform: translate3d(-228.81356%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-10 {
+  -webkit-transform: translate3d(-254.23729%, 0, 1em);
+  -moz-transform: translate3d(-254.23729%, 0, 1em);
+  -ms-transform: translate3d(-254.23729%, 0, 1em);
+  -o-transform: translate3d(-254.23729%, 0, 1em);
+  transform: translate3d(-254.23729%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-11 {
+  -webkit-transform: translate3d(-279.66102%, 0, 1em);
+  -moz-transform: translate3d(-279.66102%, 0, 1em);
+  -ms-transform: translate3d(-279.66102%, 0, 1em);
+  -o-transform: translate3d(-279.66102%, 0, 1em);
+  transform: translate3d(-279.66102%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-12 {
+  -webkit-transform: translate3d(-305.08475%, 0, 1em);
+  -moz-transform: translate3d(-305.08475%, 0, 1em);
+  -ms-transform: translate3d(-305.08475%, 0, 1em);
+  -o-transform: translate3d(-305.08475%, 0, 1em);
+  transform: translate3d(-305.08475%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-13 {
+  -webkit-transform: translate3d(-330.50847%, 0, 1em);
+  -moz-transform: translate3d(-330.50847%, 0, 1em);
+  -ms-transform: translate3d(-330.50847%, 0, 1em);
+  -o-transform: translate3d(-330.50847%, 0, 1em);
+  transform: translate3d(-330.50847%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-14 {
+  -webkit-transform: translate3d(-355.9322%, 0, 1em);
+  -moz-transform: translate3d(-355.9322%, 0, 1em);
+  -ms-transform: translate3d(-355.9322%, 0, 1em);
+  -o-transform: translate3d(-355.9322%, 0, 1em);
+  transform: translate3d(-355.9322%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-15 {
+  -webkit-transform: translate3d(-381.35593%, 0, 1em);
+  -moz-transform: translate3d(-381.35593%, 0, 1em);
+  -ms-transform: translate3d(-381.35593%, 0, 1em);
+  -o-transform: translate3d(-381.35593%, 0, 1em);
+  transform: translate3d(-381.35593%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-16 {
+  -webkit-transform: translate3d(-406.77966%, 0, 1em);
+  -moz-transform: translate3d(-406.77966%, 0, 1em);
+  -ms-transform: translate3d(-406.77966%, 0, 1em);
+  -o-transform: translate3d(-406.77966%, 0, 1em);
+  transform: translate3d(-406.77966%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-17 {
+  -webkit-transform: translate3d(-432.20339%, 0, 1em);
+  -moz-transform: translate3d(-432.20339%, 0, 1em);
+  -ms-transform: translate3d(-432.20339%, 0, 1em);
+  -o-transform: translate3d(-432.20339%, 0, 1em);
+  transform: translate3d(-432.20339%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-18 {
+  -webkit-transform: translate3d(-457.62712%, 0, 1em);
+  -moz-transform: translate3d(-457.62712%, 0, 1em);
+  -ms-transform: translate3d(-457.62712%, 0, 1em);
+  -o-transform: translate3d(-457.62712%, 0, 1em);
+  transform: translate3d(-457.62712%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-19 {
+  -webkit-transform: translate3d(-483.05085%, 0, 1em);
+  -moz-transform: translate3d(-483.05085%, 0, 1em);
+  -ms-transform: translate3d(-483.05085%, 0, 1em);
+  -o-transform: translate3d(-483.05085%, 0, 1em);
+  transform: translate3d(-483.05085%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-20 {
+  -webkit-transform: translate3d(-508.47458%, 0, 1em);
+  -moz-transform: translate3d(-508.47458%, 0, 1em);
+  -ms-transform: translate3d(-508.47458%, 0, 1em);
+  -o-transform: translate3d(-508.47458%, 0, 1em);
+  transform: translate3d(-508.47458%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-21 {
+  -webkit-transform: translate3d(-533.89831%, 0, 1em);
+  -moz-transform: translate3d(-533.89831%, 0, 1em);
+  -ms-transform: translate3d(-533.89831%, 0, 1em);
+  -o-transform: translate3d(-533.89831%, 0, 1em);
+  transform: translate3d(-533.89831%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-22 {
+  -webkit-transform: translate3d(-559.32203%, 0, 1em);
+  -moz-transform: translate3d(-559.32203%, 0, 1em);
+  -ms-transform: translate3d(-559.32203%, 0, 1em);
+  -o-transform: translate3d(-559.32203%, 0, 1em);
+  transform: translate3d(-559.32203%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-23 {
+  -webkit-transform: translate3d(-584.74576%, 0, 1em);
+  -moz-transform: translate3d(-584.74576%, 0, 1em);
+  -ms-transform: translate3d(-584.74576%, 0, 1em);
+  -o-transform: translate3d(-584.74576%, 0, 1em);
+  transform: translate3d(-584.74576%, 0, 1em);
+}
+/* line 194, ../../../../scss/sample/sample.scss */
+.carousel--example-fluid .carousel-content.is-selected-item-24 {
+  -webkit-transform: translate3d(-610.16949%, 0, 1em);
+  -moz-transform: translate3d(-610.16949%, 0, 1em);
+  -ms-transform: translate3d(-610.16949%, 0, 1em);
+  -o-transform: translate3d(-610.16949%, 0, 1em);
+  transform: translate3d(-610.16949%, 0, 1em);
+}