@csdsesystems/central-styles 0.1.0 → 1.0.2

package/sass/inspinia/_md-skin.scss

@@ -0,0 +1,400 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
+
+$md-color-primary: #1AB394;
+$md-shadow-main: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
+
+body.md-skin {
+  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  background-color: #ffffff;
+}
+
+.md-skin {
+
+  .nav-header {
+    background: url("images/inspinia/4.png") no-repeat;
+
+  }
+
+  .label, .badge {
+    font-family: 'Roboto';
+  }
+
+  ul.nav-second-level {
+    background-color: inherit;
+  }
+
+  .font-bold {
+    font-weight: 500;
+  }
+
+  .wrapper-content {
+    padding: 30px 20px 40px;
+  }
+
+  @media (max-width: 768px) {
+    .wrapper-content {
+      padding: 30px 0 40px;
+    }
+  }
+
+  .page-heading {
+    border-bottom: none !important;
+    border-top: 0;
+    padding: 0 10px 20px 10px;
+    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);
+  }
+
+  .full-height-layout .page-heading {
+    border-bottom: 1px solid $border-color !important;
+  }
+
+  .ibox {
+    clear: both;
+    margin-bottom: 25px;
+    margin-top: 0;
+    padding: 0;
+    box-shadow: $md-shadow-main;
+  }
+
+  .ibox.border-bottom {
+    border-bottom: none !important;
+  }
+
+  .ibox-title, .ibox-content {
+    border-style: none;
+  }
+
+  .ibox-title h5 {
+    font-size: 16px;
+    font-weight: 400;
+  }
+
+  a.close-canvas-menu {
+    color: #ffffff;
+  }
+
+  .welcome-message {
+    color: #ffffff;
+    font-weight: 300;
+  }
+
+  #top-search::-moz-placeholder {
+    color: #ffffff;
+  }
+
+  #top-search::-webkit-input-placeholder {
+    color: #ffffff;
+  }
+
+  #nestable-output,
+  #nestable2-output {
+    font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
+  }
+
+  .landing-page {
+    font-family: 'Roboto', helvetica, arial, sans-serif;
+  }
+
+  .landing-page.navbar-default.navbar-scroll {
+    background-color: #fff !important;
+  }
+  .landing-page.navbar-default {
+    background-color: transparent !important;
+    box-shadow: none;
+  }
+  .landing-page.navbar-default .nav li a {
+    font-family: 'Roboto', helvetica, arial, sans-serif;
+  }
+
+  .nav > li > a {
+    color: $text-color;
+    padding: 14px 20px 14px 25px;
+  }
+
+  .nav.navbar-right > li > a {
+    color: #ffffff;
+  }
+
+  .nav > li.active > a {
+    color: darken($text-color, 5%);
+    font-weight: 700;
+  }
+
+  .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
+    font-weight: 700;
+    color: darken($text-color, 5%);
+  }
+
+  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
+    background: $navy;
+  }
+
+  .navbar-top-links li {
+    display: inline-table;
+  }
+
+  .navbar-top-links .dropdown-menu li {
+    display: block;
+  }
+
+  .pace-done .nav-header {
+    transition: all 0.4s;
+  }
+
+  .nav > li.active {
+    background: lighten($gray, 2%);
+  }
+
+  .nav-second-level li a {
+    padding: 7px 10px 7px 52px;
+  }
+
+  .nav-third-level li a {
+    padding-left: 62px;
+  }
+
+  .navbar-top-links li a {
+    padding: 20px 10px;
+    min-height: 50px;
+  }
+
+  .nav > li > a {
+    font-weight: 400;
+  }
+
+  .navbar-static-side .nav > li > a:focus, .navbar-static-side .nav > li > a:hover {
+    background-color: inherit;
+  }
+
+  .navbar-top-links .dropdown-menu li a {
+    padding: 3px 20px;
+    min-height: inherit;
+  }
+
+  .nav-header .navbar-fixed-top a {
+    color: #ffffff;
+  }
+
+  .nav-header .text-muted {
+    color: #ffffff;
+  }
+
+  .navbar-form-custom .form-control {
+    font-weight: 300;
+  }
+
+  .mini-navbar .nav-second-level {
+    background-color: inherit;
+  }
+
+  .mini-navbar li.active .nav-second-level {
+    left: 65px
+  }
+
+  .canvas-menu.mini-navbar .nav-second-level {
+    background: inherit;
+  }
+
+  .pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {
+    -webkit-transition: all 0.4s;
+    -moz-transition: all 0.4s;
+    -o-transition: all 0.4s;
+    transition: all 0.4s;
+  }
+
+  .navbar-fixed-top {
+    background: #fff;
+    transition-duration: 0.4s;
+    z-index: 2030;
+    border-bottom: none !important;
+  }
+
+  .navbar-fixed-top, .navbar-static-top {
+    background-color: $md-color-primary !important;
+    box-shadow: $md-shadow-main;
+  }
+
+  .navbar-static-side {
+    box-shadow: $md-shadow-main;
+  }
+
+  // Right sidebar
+
+  #right-sidebar {
+    box-shadow: $md-shadow-main;
+    border: none;
+    z-index: 900;
+  }
+
+  .white-bg .navbar-fixed-top, .white-bg .navbar-static-top {
+    background: #fff !important;
+  }
+
+  .contact-box {
+    box-shadow: $md-shadow-main;
+    border: none;
+  }
+
+  .dashboard-header {
+    border-bottom: none !important;
+    border-top: 0;
+    padding: 20px 20px 20px 20px;
+    margin: 30px 20px 0 20px;
+    box-shadow: $md-shadow-main;
+  }
+
+  @media (max-width: 768px) {
+    .dashboard-header {
+      margin: 20px 0 0 0;
+    }
+  }
+
+  ul.notes li div {
+
+    box-shadow: $md-shadow-main;
+  }
+
+  .file {
+    border: none;
+    box-shadow: $md-shadow-main;
+  }
+
+  .mail-box {
+    background-color: #ffffff;
+    box-shadow: $md-shadow-main;
+    padding: 0;
+    margin-bottom: 20px;
+    border: none;
+  }
+
+  .mail-box-header {
+    border: none;
+    background-color: #ffffff;
+    box-shadow: $md-shadow-main;
+    padding: 30px 20px 20px 20px;
+  }
+
+  .mailbox-content {
+    border: none;
+    padding: 20px;
+    background: #ffffff;
+  }
+
+  .social-feed-box {
+    border: none;
+    background: #fff;
+    margin-bottom: 15px;
+    box-shadow: $md-shadow-main;
+  }
+
+  &.landing-page .navbar-default {
+    background-color: transparent !important;
+    border-color: transparent;
+    transition: all 0.3s ease-in-out 0s;
+    box-shadow: none;
+  }
+
+  &.landing-page .navbar-default.navbar-scroll,
+  &.landing-page.body-small .navbar-default,
+  {
+    background-color: #ffffff !important;
+  }
+
+  &.landing-page .nav > li.active {
+    background: inherit;
+  }
+
+  &.landing-page .navbar-scroll .navbar-nav > li > a {
+    padding: 20px 10px;
+  }
+
+  &.landing-page .navbar-default .nav li a {
+    font-family: 'Roboto', helvetica, arial, sans-serif;
+  }
+
+  &.landing-page .nav > li > a {
+    padding: 25px 10px 15px 10px;
+  }
+
+  &.landing-page .navbar-default .navbar-nav > li > a:hover,
+  &.landing-page .navbar-default .navbar-nav > li > a:focus {
+    background: inherit;
+    color: $navy;
+  }
+
+  &.landing-page.body-small .nav.navbar-right > li > a {
+    color: $text-color;
+  }
+
+  .landing_link a, .special_link a {
+    color: #ffffff !important;
+  }
+
+  &.canvas-menu.mini-navbar .nav-second-level {
+    background: lighten($gray, 2%);
+  }
+
+  &.mini-navbar .nav-second-level {
+    background-color: #ffffff;
+    box-shadow: $md-shadow-main;
+  }
+
+  &.mini-navbar .nav-second-level li a {
+    padding-left: 0;
+  }
+
+  &.top-navigation .nav.navbar-right > li > a {
+    padding: 15px 20px;
+    color: $text-color;
+  }
+
+  &.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus,
+  &.top-navigation .nav .open > a,
+  &.top-navigation .nav .open > a:hover,
+  &.top-navigation .nav .open > a:focus {
+    color: $navy;
+    background: #ffffff;
+  }
+
+  &.top-navigation .nav > li.active a {
+    color: $navy;
+    background: #ffffff;
+  }
+
+  &.fixed-nav #wrapper.top-navigation #page-wrapper {
+    margin-top: 0;
+  }
+
+  &.fixed-sidebar.mini-navbar .navbar-static-side {
+    width: 0;
+  }
+
+  &.fixed-sidebar.mini-navbar #page-wrapper {
+    margin: 0 0 0 0;
+  }
+
+  &.body-small.fixed-sidebar.mini-navbar #page-wrapper {
+    margin: 0 0 0 0;
+  }
+
+  &.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
+    width: $sidebar-width;
+    background-color: #ffffff;
+  }
+
+  &.boxed-layout #wrapper {
+    background-color: #ffffff;
+  }
+
+  &.canvas-menu nav.navbar-static-side {
+    z-index: 2001;
+    background: #ffffff;
+    height: 100%;
+    position: fixed;
+    display: none;
+  }
+
+}
+
+
+

package/sass/inspinia/_media.scss

@@ -0,0 +1,132 @@
+@media (min-width: 768px) {
+  #page-wrapper {
+    position: inherit;
+    margin: 0 0 0 $sidebar-width;
+    min-height: 1200px;
+  }
+
+  .navbar-static-side {
+    z-index: 2001;
+    position: absolute;
+    width: $sidebar-width;
+  }
+
+  .navbar-top-links .dropdown-messages,
+  .navbar-top-links .dropdown-tasks,
+  .navbar-top-links .dropdown-alerts {
+    margin-left: auto;
+  }
+}
+
+@media (max-width: 768px) {
+
+  #page-wrapper {
+    position: inherit;
+    margin: 0 0 0 0;
+    min-height: 1000px;
+  }
+
+  .body-small .navbar-static-side {
+    display: none;
+    z-index: 2001;
+    position: absolute;
+    width: 70px;
+  }
+
+  .body-small.mini-navbar .navbar-static-side {
+    display: block;
+  }
+
+  .lock-word {
+    display: none;
+  }
+
+  .navbar-form-custom {
+    display: none;
+  }
+
+  .navbar-header {
+    display: inline;
+    float: left;
+  }
+
+  .sidebar-panel {
+    z-index: 2;
+    position: relative;
+    width: auto;
+    min-height: 100% !important;
+  }
+
+  .sidebar-content .wrapper {
+    padding-right: 0;
+    z-index: 1;
+  }
+
+  .fixed-sidebar.body-small .navbar-static-side {
+    display: none;
+    z-index: 2001;
+    position: fixed;
+    width: $sidebar-width;
+  }
+
+  .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
+    display: block;
+  }
+
+  .ibox-tools {
+    float: none;
+    text-align: right;
+    display: block;
+  }
+
+  .navbar-static-side { display: none; }
+
+  body:not(.mini-navbar) {
+    -webkit-transition: background-color 500ms linear;
+    -moz-transition: background-color 500ms linear;
+    -o-transition: background-color 500ms linear;
+    -ms-transition: background-color 500ms linear;
+    transition: background-color 500ms linear;
+    background-color: #f3f3f4
+  }
+
+}
+
+@media (max-width: 350px) {
+
+  .timeline-item .date {
+    text-align: left;
+    width: 110px;
+    position: relative;
+    padding-top: 30px;
+  }
+
+  .timeline-item .date i {
+    position: absolute;
+    top: 0;
+    left: 15px;
+    padding: 5px;
+    width: 30px;
+    text-align: center;
+    border: 1px solid $border-color;
+    background: #f8f8f8;
+  }
+
+  .timeline-item .content {
+    border-left: none;
+    border-top: 1px solid $border-color;
+    padding-top: 10px;
+    min-height: 100px;
+  }
+
+  .nav.navbar-top-links li.dropdown {
+    display: none;
+  }
+
+  .ibox-tools {
+    float: none;
+    text-align: left;
+    display: inline-block;
+  }
+
+}

package/sass/inspinia/_metismenu.scss

@@ -0,0 +1,82 @@
+/*
+ * metismenu - v2.0.2
+ * A jQuery menu plugin
+ * https://github.com/onokumus/metisMenu
+ *
+ * Made by Osman Nuri Okumus
+ * Under MIT License
+ */
+
+.metismenu .plus-minus, .metismenu .plus-times {
+  float: right
+}
+
+.metismenu .arrow {
+  float: right;
+  line-height: 1.42857
+}
+
+.metismenu .glyphicon.arrow:before {
+  content: "\e079"
+}
+
+.metismenu .active > a > .glyphicon.arrow:before {
+  content: "\e114"
+}
+
+.metismenu .fa.arrow:before {
+  content: "\f104"
+}
+
+.metismenu .active > a > .fa.arrow:before {
+  content: "\f107"
+}
+
+.metismenu .ion.arrow:before {
+  content: "\f3d2"
+}
+
+.metismenu .active > a > .ion.arrow:before {
+  content: "\f3d0"
+}
+
+.metismenu .fa.plus-minus:before, .metismenu .fa.plus-times:before {
+  content: "\f067"
+}
+
+.metismenu .active > a > .fa.plus-times {
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg)
+}
+
+.metismenu .active > a > .fa.plus-minus:before {
+  content: "\f068"
+}
+
+.metismenu .collapse {
+  display: none
+}
+
+.metismenu .collapse.in {
+  display: block
+}
+
+.metismenu .collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition-timing-function: ease;
+  transition-timing-function: ease;
+  -webkit-transition-duration: .35s;
+  transition-duration: .35s;
+  -webkit-transition-property: height, visibility;
+  transition-property: height, visibility
+}
+
+.mini-navbar {
+  .metismenu .collapse { opacity: 0; }
+  .metismenu .collapse.in { opacity: 1; }
+  .metismenu .collapse a { display: none }
+  .metismenu .collapse.in a { display: block }
+}