@csdsesystems/central-styles 0.1.0 → 1.0.2

package/sass/components/_widgets.scss

@@ -0,0 +1,310 @@
+/* WIDGETS */
+
+.widget {
+    margin-bottom: 20px;
+
+    &.editable  {
+        cursor: pointer;
+    }
+
+    &.style1 {
+        h1 {
+            font-weight: 700;
+            font-size: 30px;
+            margin:0;
+        }
+        h2 {
+            font-weight: 700;
+            font-size: 24px;
+        }
+        h3 {
+            opacity: 0.6;
+        }
+        p {
+            line-height: 14px;
+            margin: 5px 0 0 0;
+        }
+    }
+
+    &.style2 {
+        h1 {
+            font-weight: 700;
+            font-size: 40px;
+            margin: 0;
+            margin-top: 5px;
+        }
+        h2 {
+            font-weight: 700;
+            font-size: 18px;
+            line-height: 20px;
+        }
+        h3 {
+            opacity: 0.6;
+            margin-top: 0;
+        }
+        p {
+            line-height: 14px;
+            margin: 5px 0 0 0;
+        }
+        .table {
+
+            th {
+                padding-top: 0;
+                padding-bottom: 4px; /* text-transform: uppercase; font-size: 90%; */}
+
+            td {
+                border-top: 1px solid rgba(228, 228, 228, 0.2);
+            }
+
+            td:first-child {
+                padding-left: 0;
+                padding-right: 0;
+            }
+            
+            .opaque {
+                opacity: 0.8;
+            }
+
+            tr:last-child td {
+                padding-bottom: 0;
+            }
+        }
+
+    }
+
+    &.style3 {
+        h1 {
+            font-weight: 700;
+            font-size: 40px;
+            margin:0;
+            margin-top: 5px;
+        }
+        h2 {
+            font-weight: 700;
+            font-size: 18px;
+            line-height: 20px;
+        }
+        h3 {
+            margin-top: 0;
+        }
+        p {
+            line-height: 14px;
+            margin: 5px 0 0 0;
+        }
+    }
+
+    &.style4 {
+        padding: 12px 14px;
+
+        label {
+            padding: 3px 5px; 
+        }
+
+        p {
+            margin: 0;
+        }
+    }
+
+    &.style5 {
+        padding: 14px;
+        p {
+            line-height: 18px;
+            margin: 0;
+        }
+    }
+
+    &.mini-widget {
+        margin: 0px;
+        padding: 5px 10px;        
+        width: auto !important;
+        display: inline-block;
+        min-width: 100%;
+        width: 100% !important;
+        border-radius: 3px;
+
+        i.fa {
+            padding-top: 3px;
+        }
+
+        &.mini-widget--open {
+            min-width: 70px !important;
+            width: 100%;
+            text-align: left;   
+            padding: 0;         
+        }
+    }
+
+    .initialsCircle {
+        color: $accent-color;
+        width: 65px;
+        height: 65px;
+        line-height: 65px;
+        font-size: 26px; 
+
+        &.lg {
+        width:130px;
+        height: 130px;
+        line-height: 132px;
+        font-size: 60px;
+        @include shadow-md;
+        }
+    }
+
+    &.header {
+        position: absolute;
+        z-index: 999;
+        left: 0;
+        right: 0;
+        margin-left: auto;
+        margin-right: auto;
+        margin-top: -95px;        
+        width: 158px;
+        height: 158px;
+    }
+
+}
+
+.widget-head-color-box {
+    padding: 20px;
+    
+    h2 {
+        font-size: 20px;
+    }
+}
+
+.widget-text-box {
+    hr {
+        margin-top: 10px;
+        margin-bottom: 15px;
+    }
+}
+
+.widget-text-box {
+    padding: 30px 30px 25px 30px;
+}
+
+
+.widget-head-color-box {
+    .text-muted,
+    .text-muted small {
+        color: lighten($accent-color, 16%);
+    }
+}
+
+.widget-simshop {
+    @include widget-for-landingpages();
+
+    .front-img {
+        background: url(images/simshop-head2.png);
+        background-repeat: no-repeat;
+        background-position: bottom center;
+        min-height: 117px;
+        background-size: contain;
+    }
+}
+
+.widget-bookings-lp {
+    @include widget-for-landingpages();
+
+    transition: all 0.5s ease;    
+
+    .front-img {
+        background: url(images/booking-calendar.png);
+        background-repeat: no-repeat;
+        background-position: center center;
+        min-height: 117px;
+        background-size: contain;
+        margin-bottom: -15px;
+    } 
+
+    &:hover {
+        background-color: #CBCBCA;
+        cursor: pointer;
+        cursor: hand;
+        /*
+        box-shadow: 
+        0 5px 10px 1px rgba(0, 0, 0, .1), 
+        0 3px 14px 2px rgba(0, 0, 0, .1), 
+        0 1px 5px -3px rgba(0, 0, 0, .1);
+        */
+
+        a {
+            color: $navy;
+        }
+    }    
+}
+
+.widget-bookings-lp-room {
+    .front-img {
+        background: url(images/booking-rooms.png);
+        background-repeat: no-repeat;
+        background-position: center center;
+        min-height: 117px;
+        background-size: contain;        
+    }     
+}
+
+.widget-firewall {
+    border-radius: 0; 
+    margin-left: -35px; 
+    padding-left: 35px;
+}
+
+.pc-stat-widget {
+    text-align: center;
+    vertical-align: middle;
+    border-radius: 3px;
+    padding: 4px 0px;
+    max-height: 30px;
+    min-height: 30px;
+    max-width: 38px;
+}
+
+
+
+
+.widget-wh {
+
+    cursor: pointer;
+    position: relative; 
+    transition: all 0.3s ease-in-out;
+    
+    &:hover {        
+        transform: scale(1.01, 1.01);
+        backface-visibility: hidden;
+        transform: translateZ(0);
+        background: $hover-grey;
+        
+        box-shadow: 
+        0 3px 1px 0 rgba(0, 0, 0, .05), 
+        0 5px 2px 0 rgba(0, 0, 0, .05), 
+        0 10px 5px 0 rgba(0, 0, 0, .05);
+
+        transition: all 0.3s ease-in-out;
+
+        z-index: 2039;
+        
+    }
+    
+    &.unapproved {
+        
+        &:hover {
+            box-shadow: 
+            0 3px 1px 0 rgba(0, 0, 0, .1), 
+            0 5px 2px 0 rgba(0, 0, 0, .1), 
+            0 10px 5px 0 rgba(0, 0, 0, .05);            
+        }
+        
+    }
+}
+
+
+
+.bookings-calendar-sidebar-widget {
+    .pull-right {
+        float: left !important;
+    }
+}
+
+
+

package/sass/components/_wizards.scss

@@ -0,0 +1,48 @@
+/* WIZARDS */
+.wizard-spacer {
+    height: 20px;
+}
+
+.wizard-step {
+    display: none;
+}
+
+.wizard-step-open {
+    display: block;
+}
+
+/* .wizard-modal .form-group .alert {
+    margin-top: 10px;
+    font-size: 13px;
+} */
+
+/* SMALL (SUB) CHECKBOX */
+.wizard-sub-checkbox {
+	font-style: italic;
+	font-size: 12px;
+}
+
+.wizard-sub-checkbox .icheckbox_square-steelblue{
+	width: 11px;
+	height: 11px;
+	background: url(images/steelbluesmall.png);
+}
+
+.wizard-sub-checkbox .icheckbox_square-steelblue {
+    background-position: 0 0;
+}
+.wizard-sub-checkbox .icheckbox_square-steelblue.hover {
+    background-position: -12px 0;
+}
+.wizard-sub-checkbox .icheckbox_square-steelblue.checked {
+    background-position: -24px 0;
+}
+.wizard-sub-checkbox .icheckbox_square-steelblue.disabled {
+    background-position: -36px 0;
+    cursor: default;
+}
+.wizard-sub-checkbox .icheckbox_square-steelblue.checked.disabled {
+    background-position: -48px 0;
+}
+
+

package/sass/components/_wysiwyg.scss

@@ -0,0 +1,3 @@
+.note-editor {
+  min-height: 0;
+}