@csdsesystems/central-styles 0.1.0 → 1.0.2

package/sass/layout/_media-min-768.scss

@@ -0,0 +1,160 @@
+
+//Small
+@media only screen and (min-width: 768px) {
+
+    #page-wrapper {
+        .orphan & {
+            margin-left: 0px;
+        }
+    }
+
+    .col-sm-fr {
+        @include float-at-breakpoint(right);    
+
+      /* Account profile > VOC */
+      .section-voc .ibox-content .form-group &  {
+            padding-top: 0;
+
+            span, 
+            button,
+            c-edit-voc { 
+              display: block; 
+              clear: both;
+              float: right; 
+            }
+      }
+
+      &.block-level {
+        float: right !important;
+      }
+
+    }
+
+    .col-sm-fl {
+        @include float-at-breakpoint(left);    
+    }
+
+    .col-sm-tar {
+        @include float-at-breakpoint(right, 1);
+    }
+
+    .col-sm-tal {
+        @include float-at-breakpoint(left, 1);
+    }    
+
+    /* Bookings - Search */
+    .widget-schedule-agenda-item {
+            
+        .agenda-item-furtherdetails {
+            display: block;
+        }
+        
+        .agenda-item-mobiledetails {
+            display: none;
+        }                  
+    }   
+
+    .ibox-filter {
+        .ibox-title {
+            small {                 
+                clear: none !important;
+                margin-top: 5px !important;
+            }
+        }
+    }
+
+    .stat-widget {
+
+        .widget-content {
+            text-align: center;
+        }
+
+        .widget-content.left {
+            display: block;
+            float: none;
+            width: 100%;
+        }
+
+        h1 {
+            display: block;
+            width: 100%;
+            float: none;
+            text-align: center;
+            margin-top: 10px !important;
+        }        
+
+        .btn {
+            width: auto !important;
+        }        
+    }    
+
+    .bookings-lp-infoRow {
+        .info-col {
+            &:nth-of-type(3),
+            &:nth-of-type(4)  {
+                .widget {
+                    margin-bottom: 0px;
+                }
+            }
+        }        
+    }
+
+
+    .bookings-calendar-footer {
+        .col-sm-4 {
+            width: 100%;
+        }
+    }    
+
+    .new-booking {
+        display: inline-block;
+    }
+
+    .quick-access {
+        display: none;
+    }
+
+     /* Resources */
+    .card-resource {
+        width: 50%;
+    }
+
+
+    /* Rooms */
+    .rooms {
+        .room-name {
+            padding-right: 0;
+        }
+        .room-time {
+            float: right;
+        }
+    }
+
+    /* Inline filters for Rooms */        
+    .filter-inline {
+        button {
+            position: relative;
+            display: inline;            
+        }
+
+        .filter-set {
+            width: auto;
+            margin: 0;
+            display: inline;
+        }        
+    }    
+
+
+    /* Content Styles */
+    .centered-content {
+        padding: 0 15px;
+    }
+
+
+    /* Signup */
+    .v-wrap{
+        height: 100%;
+        padding-top: 0;
+    }        
+    
+}

package/sass/layout/_media-min-820.scss

@@ -0,0 +1,19 @@
+
+//Small
+@media only screen and (min-width: 820px) {
+
+
+    /* Inline filters for Rooms */        
+    .filter-inline {
+        font-size: 22px;
+
+        button {
+            position: relative;
+            display: inline;            
+        }
+
+    } 
+
+}
+
+

package/sass/layout/_media-min-880.scss

@@ -0,0 +1,76 @@
+
+//Small
+@media only screen and (min-width: 880px) {
+
+    .widget-schedule-agenda-item {
+        margin: 0 0 0px 70px;
+        border-radius: 0px;
+        border-bottom: 1px solid #DEDEDE !important;
+
+        &:first-child {
+            border-top-left-radius: 3px !important;
+            border-top-right-radius: 3px !important;
+        }
+
+        .room-conflicts & {
+            &:first-child {
+                border-top-left-radius: 0px !important;
+                border-top-right-radius: 0px !important;
+            }
+        }
+
+        &:last-child {
+            border-bottom: none !important;
+            border-bottom-left-radius: 3px;
+            border-bottom-right-radius: 3px;
+        }
+
+        .col-sm-7 {
+            width: 58.33333333%;
+        }
+
+        .col-sm-5 {
+            width: 41.66666667%;
+        }
+    } 
+
+    .agenda-item-container {
+        .truncate {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+
+    .calendar-filter {
+        .date {
+            margin-top: 0;
+            clear: none;
+        }
+    }   
+
+    .filter-mobile {
+        display: none;
+    } 
+
+    .filter-desktop {
+        display: inline-block;
+    }
+
+
+    .fw-small {
+      width: auto;
+      display: inline-block;
+      margin-top: 0px;
+      
+      button.btn.btn-grey {
+        width: auto;
+        float: left;
+        margin-bottom: 0px;
+        background: #ececec;
+        color: #676a6c; 
+      }
+    }
+
+
+}

package/sass/layout/_media-min-993.scss

@@ -0,0 +1,141 @@
+//Medium
+@media only screen and (min-width: 993px) {
+    .md-r-a {
+        text-align: right;
+    }
+
+    .col-md-fr {
+        @include float-at-breakpoint(right);    
+    }
+
+    .col-md-fl {
+        @include float-at-breakpoint(left);    
+    }      
+
+    .col-md-tar {
+        @include float-at-breakpoint(right, 1);            
+    }
+
+    .col-md-tal {
+        @include float-at-breakpoint(left, 1);            
+    }    
+
+    .column-filter {
+        margin-left: 0px;
+        padding-right: 15px !important;
+    }
+
+    .column-items {
+        padding-right: 15px !important;
+    }        
+
+    .hide-mobile {
+        display: block;
+    }
+
+    .show-mobile {
+        display: none;
+    }   
+
+    .show-block-mobile {
+        display: none;
+    }    
+
+    /* Bookings - Search */
+    .widget-schedule-agenda-item {
+        .list-results & {
+            margin-right: 0px;
+        }                
+    }
+
+    .bookings-calendar-footer {
+        .col-sm-4 {
+            width: 33.33333333%;
+        }
+    }    
+
+
+    .bookings-calendar-sidebar-widget {
+        .pull-right {
+            float: right !important;
+        }
+    }    
+
+    /* Resources */
+    .card-resource {
+        width: 33.33%;
+    }
+
+    .sign-up-tos {
+        margin-top: 0px;
+    }
+
+
+    .agile-list.bg-change li div.even {
+        margin: 0 0 0 15px;        
+
+        .modal & {
+            margin-left: 0px;
+        }
+    }
+
+    /* Responsive iboxes - where spacing is decreased on mobile views */    
+    .ibox.ibox-rs {
+        .ibox-content {
+            background: #FFF;
+            padding: 15px 20px 20px 20px;
+            border-color: $border-color;
+            border-image: none;
+            border-style: solid solid none;
+            border-width: 1px 0px;       
+        }
+
+        .agile-list.bg-change li div.odd {
+            background: $hover-grey;
+        }       
+    }
+
+
+
+    /* Inline filters for Rooms */
+
+    .filter-inline-container {
+        margin: 15px 0;
+    }
+
+
+    .filter-inline {
+        font-size: 26px;
+        line-height: 36px;
+
+        a {
+            padding: 6px 10px;
+            margin: 5px;
+        }
+    }
+
+    /* Centered-content containers */
+    .centered-content {
+        padding: 0 15px;
+    }
+
+    .centered-content-md {
+        max-width: 1024px;
+    }
+
+    /* _base.scss */
+    .wrapper-content {
+        padding: 15px 10px;
+    }
+
+    .page-heading {
+        padding: 0px 10px 15px 10px;
+    }
+
+    /* _navigation.scss */
+    .minimalize-styl-2 {
+        margin-left: 25px;
+    }    
+
+   
+}

package/sass/layout/_media.scss

@@ -0,0 +1,82 @@
+//Base values
+
+.col-df-fr {
+    @include float-at-breakpoint(right);    
+}
+
+.col-df-fl {
+    @include float-at-breakpoint(left);  
+
+  /* Account profile > VOC */
+  .section-voc .ibox-content .form-group &  {
+        //padding-top: 10px;
+
+        span { display: inline; float: left; }
+        button { float: right; }
+  }
+}
+
+
+.fw-small {
+  width: 100%;
+  display: block;
+  margin-top: 5px; 
+  
+  button.btn.btn-grey {
+    width: 100%;
+    float: none;
+    margin-bottom: 10px;
+  }
+
+  button.btn.btn-mob-filter {
+    background: #3a4e78;
+    color: white;
+    margin-bottom: 5px;
+
+    &:hover {
+        transition: all 0.2s ease-in-out;
+        background: #2d3c5c;
+        color: white;
+    }
+  }
+}
+
+.ibox-filter {
+    .ibox-title {
+        small { 
+            clear: both; 
+        }
+    }
+}
+
+@import 
+"media-max-479",
+
+"media-min-480",
+"media-min-672",
+"media-min-768",
+"media-min-820",
+"media-min-880",
+"media-min-993",
+"media-min-1200",
+"media-min-1201",
+"media-min-1401",
+"media-min-1501",
+"media-min-1601",
+
+"media-max-1400",
+"media-max-1199",
+"media-max-1200",
+"media-max-999",
+"media-max-992",
+"media-max-991",
+"media-max-900",
+"media-max-840",
+"media-max-768",
+"media-max-600",
+"media-max-550",
+"media-max-460",
+"media-max-400",
+"media-max-350",
+"media-max-330"
+;

package/sass/layout/_sidebar.scss

@@ -0,0 +1,29 @@
+  .nav-tabs > li.active > a:hover,
+  .nav-tabs > li.active > a:focus {
+
+    /* border: none; */
+
+  }
+
+
+.no-bg {
+
+    ul.nav-tabs li a {
+        background: none !important;
+        border-right: none;
+        color: $light-grey;
+
+        &:hover {
+            color: $accent-color;
+        }
+    }    
+
+  ul.nav-tabs li.active a {    
+    border-bottom: 2px solid $accent-color;
+    color: $accent-color;
+  }
+
+  .social-footer {
+    background-color: #f5f5f5;
+  }
+}

package/sass/layout/_top_navigation.scss

@@ -0,0 +1,37 @@
+.navbar .dropdown-menu {
+
+    .indicator {
+        border-color: transparent;
+        border-bottom-color: #FFF;
+        border-style: dashed dashed solid;
+        border-width: 0 8.5px 8.5px;
+        /* display: none; */
+        position: absolute;
+        left: 116px;
+        top: -7px;
+        z-index: 1;
+        height: 0;
+        width: 0;
+    }
+}
+
+.initialsCircle {
+    top: 0;
+    left: 0;
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    font-size: $font-std;
+    font-weight: 500;
+    text-align: center;
+    line-height: 37px;
+    display: inline-block;
+}
+
+.navbar .dropdown-alerts {
+    margin-top: 17px;
+
+    .indicator {
+        left: 212px;
+    }
+}