chaskiq 0.0.1 → 0.0.2

data/app/assets/stylesheets/chaskiq/base/base.scss

@@ -0,0 +1,1104 @@
+body {
+  font-family: $font-stack;
+  background-color: #2f4050;
+  font-size: 13px;
+  color: $text-color;
+  overflow-x: hidden;
+}
+
+body.boxed-layout {
+  background: $boxed-backgound;
+}
+
+body.boxed-layout #wrapper {
+  background-color: #2f4050;
+  max-width: $boxed-width;
+  margin: 0 auto;
+  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
+}
+
+.top-navigation.boxed-layout #wrapper,
+.boxed-layout #wrapper.top-navigation {
+  max-width: 1300px !important;
+}
+
+.block {
+  display: block;
+}
+
+.clear {
+  display: block;
+  overflow: hidden;
+}
+
+a {
+  cursor: pointer;
+}
+
+a:hover, a:focus {
+  text-decoration: none;
+}
+
+.border-bottom {
+  border-bottom: 1px solid $border-color !important;
+}
+
+.font-bold {
+  font-weight: 600;
+}
+
+.font-noraml {
+  font-weight: 400;
+}
+
+.text-uppercase {
+  text-transform: uppercase;
+}
+
+.b-r {
+  border-right: 1px solid $border-color;
+}
+
+.hr-line-dashed {
+  border-top: 1px dashed $border-color;
+  color: white;
+  background-color: white;
+  height: 1px;
+  margin: 20px 0;
+}
+
+.hr-line-solid {
+  border-bottom: 1px solid $border-color;
+  background-color: rgba(0, 0, 0, 0);
+  border-style: solid !important;
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+
+video {
+  width: 100% !important;
+  height: auto !important;
+}
+
+/* GALLERY */
+.gallery > .row > div {
+  margin-bottom: 15px;
+}
+
+.fancybox img {
+  margin-bottom: 5px;
+  /* Only for demo */
+  width: 24%;
+}
+
+/* Summernote text editor  */
+.note-editor {
+  height: auto;
+  min-height: 300px;
+}
+
+/* MODAL */
+.modal-content {
+  background-clip: padding-box;
+  background-color: white;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  outline: 0 none;
+  position: relative;
+}
+
+.modal-dialog {
+  z-index: 1200;
+}
+
+.modal-body {
+  padding: 20px 30px 30px 30px;
+}
+
+.inmodal .modal-body {
+  background: #f8fafb;
+}
+
+.inmodal .modal-header {
+  padding: 30px 15px;
+  text-align: center;
+}
+
+.animated.modal.fade .modal-dialog {
+  -webkit-transform: none;
+  -ms-transform: none;
+  -o-transform: none;
+  transform: none;
+}
+
+.inmodal .modal-title {
+  font-size: 26px;
+}
+
+.inmodal .modal-icon {
+  font-size: 84px;
+  color: #e2e3e3;
+}
+
+.modal-footer {
+  margin-top: 0;
+}
+
+/* WRAPPERS */
+
+#wrapper {
+  width: 100%;
+  overflow-x: hidden;
+}
+
+.wrapper {
+  padding: 0 20px;
+}
+
+.wrapper-content {
+  padding: 20px 10px 40px;
+}
+
+#page-wrapper {
+  padding: 0 15px;
+  min-height: 568px;
+  position: relative !important;
+}
+
+@media (min-width: 768px) {
+  #page-wrapper {
+    position: inherit;
+    margin: 0 0 0 240px;
+    min-height: 1000px;
+  }
+}
+
+.title-action {
+  text-align: right;
+  padding-top: 30px;
+}
+
+.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5,
+.ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {
+  margin-top: 5px;
+}
+
+ul.unstyled, ol.unstyled {
+  list-style: none outside none;
+  margin-left: 0;
+}
+
+.big-icon {
+  font-size: 160px;
+  color: #e5e6e7;
+}
+
+/* FOOTER */
+
+.footer {
+  background: none repeat scroll 0 0 white;
+  border-top: 1px solid $border-color;
+  bottom: 0;
+  left: 0;
+  padding: 10px 20px;
+  position: absolute;
+  right: 0;
+}
+
+.footer.fixed_full {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  padding: 10px 20px;
+  background: white;
+  border-top: 1px solid $border-color;
+}
+
+.footer.fixed {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  padding: 10px 20px;
+  background: white;
+  border-top: 1px solid $border-color;
+  margin-left: $sidebar-width;
+}
+
+body.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
+  margin: 0 0 0 70px;
+}
+
+body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
+  margin: 0 0 0 $sidebar-width;
+}
+
+body.body-small .footer.fixed {
+  margin-left: 0px;
+}
+
+/* PANELS */
+
+.page-heading {
+  border-top: 0;
+  padding: 0px 10px 20px 10px;
+}
+
+.panel-heading h1, .panel-heading h2 {
+  margin-bottom: 5px;
+}
+
+/* TABLES */
+
+.table-bordered {
+  border: 1px solid #ebebeb;
+}
+
+.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
+  background-color: #f5f5f6;
+  border-bottom-width: 1px;
+}
+
+.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
+  border: 1px solid #e7e7e7;
+}
+
+.table > thead > tr > th {
+  border-bottom: 1px solid #dddddd;
+  vertical-align: bottom;
+}
+
+.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
+  border-top: 1px solid $border-color;
+  line-height: 1.42857;
+  padding: 8px;
+  vertical-align: top;
+}
+
+/* PANELS */
+
+.panel.blank-panel {
+  background: none;
+  margin: 0;
+}
+
+.blank-panel .panel-heading {
+  padding-bottom: 0;
+}
+
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+  -moz-border-bottom-colors: none;
+  -moz-border-left-colors: none;
+  -moz-border-right-colors: none;
+  -moz-border-top-colors: none;
+  background: none;
+  border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
+  border-bottom: $gray;
+  border-image: none;
+  border-style: solid;
+  border-width: 1px;
+  color: #555555;
+  cursor: default;
+}
+
+.nav.nav-tabs li {
+  background: none;
+  border: none;
+}
+
+.nav-tabs > li > a {
+  color: #a7b1c2;
+  font-weight: 600;
+  padding: 10px 20px 10px 25px;
+}
+
+.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
+  background-color: #e6e6e6;
+  color: $text-color;
+}
+
+.ui-tab .tab-content {
+  padding: 20px 0px;
+}
+
+/* GLOBAL  */
+
+.no-padding {
+  padding: 0 !important;
+}
+
+.no-borders {
+  border: none !important;
+}
+
+.no-margins {
+  margin: 0 !important;
+}
+
+.no-top-border {
+  border-top: 0 !important;
+}
+
+.ibox-content.text-box {
+  padding-bottom: 0px;
+  padding-top: 15px;
+}
+
+.border-left-right {
+  border-left: 1px solid $border-color;
+  border-right: 1px solid $border-color;
+  border-top: none;
+  border-bottom: none;
+}
+
+.full-width {
+  width: 100% !important;
+}
+
+.link-block {
+  font-size: 12px;
+  padding: 10px;
+}
+
+.nav.navbar-top-links .link-block a {
+  font-size: 12px;
+}
+
+.link-block a {
+  font-size: 10px;
+  color: inherit;
+}
+
+body.mini-navbar .branding {
+  display: none;
+}
+
+img.circle-border {
+  border: 6px solid white;
+  border-radius: 50%;
+}
+
+.branding {
+  float: left;
+  color: white;
+  font-size: 18px;
+  font-weight: 600;
+  padding: 17px 20px;
+  text-align: center;
+  background-color: $navy;
+}
+
+.login-panel {
+  margin-top: 25%;
+}
+
+.icons-box h3 {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.icons-box .infont a i {
+  font-size: 25px;
+  display: block;
+  color: $text-color;
+}
+
+.icons-box .infont a {
+  color: #a6a8a9;
+}
+
+.icons-box .infont a {
+  padding: 10px;
+  margin: 1px;
+  display: block;
+}
+
+.ui-draggable .ibox-title {
+  cursor: move;
+}
+
+.breadcrumb {
+  background-color: white;
+  padding: 0;
+  margin-bottom: 0;
+}
+
+.breadcrumb > li a {
+  color: inherit;
+}
+
+.breadcrumb > .active {
+  color: inherit;
+}
+
+code {
+  background-color: #f9f2f4;
+  border-radius: 4px;
+  color: #ca4440;
+  font-size: 90%;
+  padding: 2px 4px;
+  white-space: nowrap;
+}
+
+.ibox {
+  clear: both;
+  margin-bottom: 25px;
+  margin-top: 0;
+  padding: 0;
+}
+
+.ibox:after, .ibox:before {
+  display: table;
+}
+
+.ibox-title {
+  -moz-border-bottom-colors: none;
+  -moz-border-left-colors: none;
+  -moz-border-right-colors: none;
+  -moz-border-top-colors: none;
+  background-color: $ibox-title-bg;
+  border-color: $border-color;
+  border-image: none;
+  border-style: solid solid none;
+  border-width: 4px 0px 0;
+  color: inherit;
+  margin-bottom: 0;
+  padding: 14px 15px 7px;
+  height: 48px;
+}
+
+.ibox-content {
+  background-color: $ibox-content-bg;
+  color: inherit;
+  padding: 15px 20px 20px 20px;
+  border-color: $border-color;
+  border-image: none;
+  border-style: solid solid none;
+  border-width: 1px 0px;
+}
+
+table.table-mail tr td {
+  padding: 12px;
+}
+
+.table-mail .check-mail {
+  padding-left: 20px;
+}
+
+.table-mail .mail-date {
+  padding-right: 20px;
+}
+
+.star-mail, .check-mail {
+  width: 40px;
+}
+
+.unread td a, .unread td {
+  font-weight: 600;
+  color: inherit;
+}
+
+.read td a, .read td {
+  font-weight: normal;
+  color: inherit;
+}
+
+.unread td {
+  background-color: #f9f8f8;
+}
+
+.ibox-content {
+  clear: both;
+}
+
+.ibox-heading {
+  background-color: #f3f6fb;
+  border-bottom: none;
+}
+
+.ibox-heading h3 {
+  font-weight: 200;
+  font-size: 24px;
+}
+
+.ibox-title h5 {
+  display: inline-block;
+  font-size: 14px;
+  margin: 0 0 7px;
+  padding: 0;
+  text-overflow: ellipsis;
+  float: left;
+}
+
+.ibox-title .label {
+  float: left;
+  margin-left: 4px;
+}
+
+.ibox-tools {
+  display: inline-block;
+  float: right;
+  margin-top: 0;
+  position: relative;
+  padding: 0;
+}
+
+.ibox-tools a {
+  cursor: pointer;
+  margin-left: 5px;
+  color: #c4c4c4;
+}
+
+.ibox-tools a.btn-primary {
+  color: white;
+}
+
+.ibox-tools .dropdown-menu > li > a {
+  padding: 4px 10px;
+  font-size: 12px;
+}
+
+.ibox .open > .dropdown-menu {
+  left: auto;
+  right: 0;
+}
+
+/* BACKGROUNDS */
+
+.gray-bg {
+  background-color: $gray;
+}
+
+.white-bg {
+  background-color: white;
+}
+
+.navy-bg {
+  background-color: $navy;
+  color: white;
+}
+
+.blue-bg {
+  background-color: $blue;
+  color: white;
+}
+
+.lazur-bg {
+  background-color: $lazur;
+  color: white;
+}
+
+.yellow-bg {
+  background-color: $yellow;
+  color: white;
+}
+
+.red-bg {
+  background-color: $red;
+  color: white;
+}
+
+.black-bg {
+  background-color: #262626;
+}
+
+.panel-primary {
+  border-color: $navy;
+}
+
+.panel-primary > .panel-heading {
+  background-color: $navy;
+  border-color: $navy;
+}
+
+.panel-success {
+  border-color: $blue;
+}
+
+.panel-success > .panel-heading {
+  background-color: $blue;
+  border-color: $blue;
+  color: white;
+}
+
+.panel-info {
+  border-color: $lazur;
+}
+
+.panel-info > .panel-heading {
+  background-color: $lazur;
+  border-color: $lazur;
+  color: white;
+}
+
+.panel-warning {
+  border-color: $yellow;
+}
+
+.panel-warning > .panel-heading {
+  background-color: $yellow;
+  border-color: $yellow;
+  color: white;
+}
+
+.panel-danger {
+  border-color: $red;
+}
+
+.panel-danger > .panel-heading {
+  background-color: $red;
+  border-color: $red;
+  color: white;
+}
+
+.progress-bar {
+  background-color: $navy;
+}
+
+.progress-small, .progress-small .progress-bar {
+  height: 10px;
+}
+
+.progress-small, .progress-mini {
+  margin-top: 5px;
+}
+
+.progress-mini, .progress-mini .progress-bar {
+  height: 5px;
+  margin-bottom: 0px;
+}
+
+.progress-bar-navy-light {
+  background-color: #3dc7ab;
+}
+
+.progress-bar-success {
+  background-color: $blue;
+}
+
+.progress-bar-info {
+  background-color: $lazur;
+}
+
+.progress-bar-warning {
+  background-color: $yellow;
+}
+
+.progress-bar-danger {
+  background-color: $red;
+}
+
+.panel-title {
+  font-size: inherit;
+}
+
+.jumbotron {
+  border-radius: 6px;
+  padding: 40px;
+}
+
+.jumbotron h1 {
+  margin-top: 0;
+}
+
+/* COLORS */
+
+.text-navy {
+  color: $navy;
+}
+
+.text-primary {
+  color: inherit;
+}
+
+.text-success {
+  color: $blue;
+}
+
+.text-info {
+  color: $lazur;
+}
+
+.text-warning {
+  color: $yellow;
+}
+
+.text-danger {
+  color: $red;
+}
+
+.text-muted {
+  color: #888888;
+}
+
+.simple_tag {
+  background-color: #f3f3f4;
+  border: 1px solid #e7eaec;
+  border-radius: 2px;
+  color: inherit;
+  font-size: 10px;
+  margin-right: 5px;
+  margin-top: 5px;
+  padding: 5px 12px;
+  display: inline-block;
+}
+
+.img-shadow {
+  -webkit-box-shadow: 0px 0px 3px 0px rgba(145,145,145,1);
+  -moz-box-shadow: 0px 0px 3px 0px rgba(145,145,145,1);
+  box-shadow: 0px 0px 3px 0px rgba(145,145,145,1);
+}
+
+/* For handle diferent bg color in AngularJS version */
+.dashboards\.dashboard_2 nav.navbar,
+.dashboards\.dashboard_3 nav.navbar,
+.mailbox\.inbox nav.navbar,
+.mailbox\.email_view nav.navbar,
+.mailbox\.email_compose nav.navbar,
+.dashboards\.dashboard_4_1 nav.navbar
+{
+  background: #fff;
+}
+
+/* For handle diferent bg color in MVC version */
+.Dashboard_2 .navbar.navbar-static-top,
+.Dashboard_3 .navbar.navbar-static-top,
+.Dashboard_4_1 .navbar.navbar-static-top,
+.ComposeEmail .navbar.navbar-static-top,
+.EmailView .navbar.navbar-static-top,
+.Inbox .navbar.navbar-static-top {
+  background: #fff;
+}
+
+/* MARGINS & PADDINGS */
+
+.p-xxs {
+  padding: 5px;
+}
+
+.p-xs {
+  padding: 10px;
+}
+
+.p-sm {
+  padding: 15px;
+}
+
+.p-m {
+  padding: 20px;
+}
+
+.p-md {
+  padding: 25px;
+}
+
+.p-lg {
+  padding: 30px;
+}
+
+.p-xl {
+  padding: 40px;
+}
+
+.m-xxs {
+  margin: 2px 4px;
+}
+
+.m-xs {
+  margin: 5px;
+}
+
+.m-sm {
+  margin: 10px;
+}
+
+.m {
+  margin: 15px;
+}
+
+.m-md {
+  margin: 20px;
+}
+
+.m-lg {
+  margin: 30px;
+}
+
+.m-xl {
+  margin: 50px;
+}
+
+.m-n {
+  margin: 0 !important;
+}
+
+.m-l-none {
+  margin-left: 0;
+}
+
+.m-l-xs {
+  margin-left: 5px;
+}
+
+.m-l-sm {
+  margin-left: 10px;
+}
+
+.m-l {
+  margin-left: 15px;
+}
+
+.m-l-md {
+  margin-left: 20px;
+}
+
+.m-l-lg {
+  margin-left: 30px;
+}
+
+.m-l-xl {
+  margin-left: 40px;
+}
+
+.m-l-n-xxs {
+  margin-left: -1px;
+}
+
+.m-l-n-xs {
+  margin-left: -5px;
+}
+
+.m-l-n-sm {
+  margin-left: -10px;
+}
+
+.m-l-n {
+  margin-left: -15px;
+}
+
+.m-l-n-md {
+  margin-left: -20px;
+}
+
+.m-l-n-lg {
+  margin-left: -30px;
+}
+
+.m-l-n-xl {
+  margin-left: -40px;
+}
+
+.m-t-none {
+  margin-top: 0;
+}
+
+.m-t-xxs {
+  margin-top: 1px;
+}
+
+.m-t-xs {
+  margin-top: 5px;
+}
+
+.m-t-sm {
+  margin-top: 10px;
+}
+
+.m-t {
+  margin-top: 15px;
+}
+
+.m-t-md {
+  margin-top: 20px;
+}
+
+.m-t-lg {
+  margin-top: 30px;
+}
+
+.m-t-xl {
+  margin-top: 40px;
+}
+
+.m-t-n-xxs {
+  margin-top: -1px;
+}
+
+.m-t-n-xs {
+  margin-top: -5px;
+}
+
+.m-t-n-sm {
+  margin-top: -10px;
+}
+
+.m-t-n {
+  margin-top: -15px;
+}
+
+.m-t-n-md {
+  margin-top: -20px;
+}
+
+.m-t-n-lg {
+  margin-top: -30px;
+}
+
+.m-t-n-xl {
+  margin-top: -40px;
+}
+
+.m-r-none {
+  margin-right: 0;
+}
+
+.m-r-xxs {
+  margin-right: 1px;
+}
+
+.m-r-xs {
+  margin-right: 5px;
+}
+
+.m-r-sm {
+  margin-right: 10px;
+}
+
+.m-r {
+  margin-right: 15px;
+}
+
+.m-r-md {
+  margin-right: 20px;
+}
+
+.m-r-lg {
+  margin-right: 30px;
+}
+
+.m-r-xl {
+  margin-right: 40px;
+}
+
+.m-r-n-xxs {
+  margin-right: -1px;
+}
+
+.m-r-n-xs {
+  margin-right: -5px;
+}
+
+.m-r-n-sm {
+  margin-right: -10px;
+}
+
+.m-r-n {
+  margin-right: -15px;
+}
+
+.m-r-n-md {
+  margin-right: -20px;
+}
+
+.m-r-n-lg {
+  margin-right: -30px;
+}
+
+.m-r-n-xl {
+  margin-right: -40px;
+}
+
+.m-b-none {
+  margin-bottom: 0;
+}
+
+.m-b-xxs {
+  margin-bottom: 1px;
+}
+
+.m-b-xs {
+  margin-bottom: 5px;
+}
+
+.m-b-sm {
+  margin-bottom: 10px;
+}
+
+.m-b {
+  margin-bottom: 15px;
+}
+
+.m-b-md {
+  margin-bottom: 20px;
+}
+
+.m-b-lg {
+  margin-bottom: 30px;
+}
+
+.m-b-xl {
+  margin-bottom: 40px;
+}
+
+.m-b-n-xxs {
+  margin-bottom: -1px;
+}
+
+.m-b-n-xs {
+  margin-bottom: -5px;
+}
+
+.m-b-n-sm {
+  margin-bottom: -10px;
+}
+
+.m-b-n {
+  margin-bottom: -15px;
+}
+
+.m-b-n-md {
+  margin-bottom: -20px;
+}
+
+.m-b-n-lg {
+  margin-bottom: -30px;
+}
+
+.m-b-n-xl {
+  margin-bottom: -40px;
+}
+
+.space-15 {
+  margin: 15px 0;
+}
+
+.space-20 {
+  margin: 20px 0;
+}
+
+.space-25 {
+  margin: 25px 0;
+}
+
+.space-30 {
+  margin: 30px 0;
+}
+
+// Bootstrap issue in 3.3.0 with modal https://github.com/twbs/bootstrap/issues/9855
+// Fix
+body.modal-open {
+  padding-right: inherit !important;
+}
+
+/* Style correction for Vector Map */
+.jvectormap-zoomin, .jvectormap-zoomout {
+  width: 15px;
+  height: 15px;
+  background: #1ab394;
+}