creative_tim 1.0.13 → 1.0.14

data/vendor/assets/stylesheets/creative-tim/paper_kit/ct-paper/_tooltips-and-popovers.scss

@@ -0,0 +1,171 @@
+.tooltip {
+    font-size: $font-size-small;
+    font-weight: $font-weight-normal;
+    
+    &.top {
+        margin-top: -11px;
+        padding: 0;
+    }
+    &.top .tooltip-inner:after {
+        border-top: 11px solid $white-color;
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        bottom: -10px;
+    }
+    &.top .tooltip-inner:before {
+        border-top: 11px solid rgba(0, 0, 0, 0.2);
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        bottom: -11px;
+    }
+    &.bottom {
+        margin-top: 11px;
+        padding: 0;
+    }
+    &.bottom .tooltip-inner:after {
+        border-bottom: 11px solid $white-color;
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        top: -10px;
+    }
+    &.bottom .tooltip-inner:before {
+        border-bottom: 11px solid rgba(0, 0, 0, 0.2);
+        border-left: 11px solid rgba(0, 0, 0, 0);
+        border-right: 11px solid rgba(0, 0, 0, 0);
+        top: -11px;
+    }
+    &.left{
+        margin-left: -11px;
+        padding: 0;
+    }
+    &.left .tooltip-inner:after {
+        border-left: 11px solid $white-color;
+        border-top: 11px solid rgba(0, 0, 0, 0);
+        border-bottom: 11px solid rgba(0, 0, 0, 0);
+        right: -10px;
+        left: auto;
+        margin-left: 0;
+    }
+    &.left .tooltip-inner:before {
+        border-left: 11px solid rgba(0, 0, 0, 0.2);
+        border-top: 11px solid rgba(0, 0, 0, 0);
+        border-bottom: 11px solid rgba(0, 0, 0, 0);
+        right: -11px;
+        left: auto;
+        margin-left: 0;
+    }
+    &.right{
+        margin-left: 11px;
+        padding: 0;
+    }
+    &.right .tooltip-inner:after {
+        border-right: 11px solid $white-color;
+        border-top: 11px solid rgba(0, 0, 0, 0);
+        border-bottom: 11px solid rgba(0, 0, 0, 0);
+        left: -10px;
+        top: 10px;
+        margin-left: 0;
+    }
+    &.right .tooltip-inner:before {
+        border-right: 11px solid rgba(0, 0, 0, 0.2);
+        border-top: 11px solid rgba(0, 0, 0, 0);
+        border-bottom: 11px solid rgba(0, 0, 0, 0);
+        left: -11px;
+        top: 11px;
+        margin-left: 0;
+    }
+}
+
+.tooltip-arrow{
+    display: none;
+    opacity: 0;
+}
+.tooltip-inner {
+    background-color: $white-color;
+    border-radius: $border-radius-extreme;
+    box-shadow: 0 1px 13px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(115, 71, 38, 0.23);
+    color: $default-color;
+    max-width: 200px;
+    padding: 10px 10px;
+    text-align: center;
+    text-decoration: none;
+}
+.tooltip-inner:after {
+    content: "";
+    display: inline-block;
+    left: 100%;
+    margin-left: -60%;
+    position: absolute;
+}
+.tooltip-inner:before {
+    content: "";
+    display: inline-block;
+    left: 100%;
+    margin-left: -60%;
+    position: absolute;
+}
+
+
+.popover{
+    border: 0;
+    border-radius: $border-radius-base;
+    background-color: $bg-danger;
+    color: $white-color;
+    font-weight: $font-weight-normal;
+    padding: 0;
+    z-index: 1031;
+    @include box-shadow(none);
+}
+.popover-title{
+    background-color: $bg-danger;
+    border-bottom: 0 none;
+    font-size: $font-paragraph;
+    font-weight: normal;
+    line-height: 22px;
+    padding: 15px 15px 8px 15px;
+    margin: 0;
+    color: $danger-states-color;
+    text-align: center;
+    border-radius: $border-radius-base $border-radius-base 0 0;
+}
+.popover-content{
+    padding: 10px 15px 20px 15px;
+    text-align: center;
+}
+.popover .arrow{
+    border: 0;
+}
+.popover.top .arrow{
+    margin-left: 0;
+}
+.popover.bottom .arrow:after{
+    border-bottom-color: $bg-danger; 
+}
+.popover-filter{
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1030;
+    background-color: #000000;
+    @include opacity(0);
+    visibility: hidden;
+    
+    transition: visibility 0s linear 0.3s,opacity 0.3s linear;
+}
+.popover-filter.in{
+     visibility:visible;
+     @include opacity(0.2);
+     transition-delay: 0s;
+}
+.popover.left > .arrow::after{
+    border-left-color: $bg-danger;
+    bottom: -20px;
+}
+.popover.top > .arrow::after{
+    border-top-color: $bg-danger;
+}
+.popover.right > .arrow::after{
+    border-right-color: $bg-danger;
+}

data/vendor/assets/stylesheets/creative-tim/{paper_dashboard/sass/paper → paper_kit/ct-paper}/_typography.scss

@@ -1,7 +1,8 @@
+/*           Font Smoothing      */
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td{
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
-    font-family: 'Muli', "Helvetica", Arial, sans-serif;
+    font-family: 'Montserrat', "Helvetica", Arial, sans-serif;
 }
 
 h1, .h1, h2, .h2, h3, .h3, h4, .h4{
@@ -63,55 +64,20 @@ blockquote small{
     color: $medium-gray;
 }
 .text-primary, .text-primary:hover{
-    color: $primary-states-color;
+    color: $primary-states-color !important;
 }
 .text-info, .text-info:hover{
-    color: $info-states-color;
+    color: $info-states-color !important;
 }
 .text-success, .text-success:hover{
-    color: $success-states-color;
+    color: $success-states-color !important;
 }
 .text-warning, .text-warning:hover{
-    color: $warning-states-color;
+    color: $warning-states-color !important;
 }
 .text-danger, .text-danger:hover{
-    color: $danger-states-color;
+    color: $danger-states-color !important;
 }
 .glyphicon{
     line-height: 1;
 }
-strong{
-    color: $default-states-color;
-}
-.icon-primary{
-    color: $primary-color;
-}
-.icon-info{
-    color: $info-color;
-}
-.icon-success{
-    color: $success-color;
-}
-.icon-warning{
-    color: $warning-color;
-}
-.icon-danger{
-    color: $danger-color;
-}
-.chart-legend{
-    .text-primary, .text-primary:hover{
-        color: $primary-color;
-    }
-    .text-info, .text-info:hover{
-        color: $info-color;
-    }
-    .text-success, .text-success:hover{
-        color: $success-color;
-    }
-    .text-warning, .text-warning:hover{
-        color: $warning-color;
-    }
-    .text-danger, .text-danger:hover{
-        color: $danger-color;
-    }
-}

data/vendor/assets/stylesheets/creative-tim/{paper_dashboard/sass/paper → paper_kit/ct-paper}/_variables.scss

@@ -1,3 +1,7 @@
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
 $font-color:                 #66615b !default;
 $fill-font-color:            rgba(255, 255, 255, 0.7);
 
@@ -11,20 +15,14 @@ $white-bg:                   #FFFFFF !default;
 $smoke-bg:                   #F5F5F5 !default;
 $pale-bg:                    #FFFCF5 !default;
 $medium-pale-bg:             #F1EAE0 !default;
-
-$table-line-color:           #CCC5B9 !default;
-$muted-color:                #a49e93 !default;
-
+    
 $black-bg:                   rgba(30,30,30,.97) !default;
 
 $black-color:                #333333 !default;
 $black-hr:                   #444444 !default;
 
-$white-background-color:        #FFFFFF !default;
-$black-background-color:        #212120 !default;
-
 $light-gray:                 #E3E3E3 !default;
-$medium-gray:                #DDDDDD !default;
+$medium-gray:                #DDDDDD !default; 
 $dark-gray:                  #9A9A9A !default;
 
 $gray-input-bg:              #fffcf5 !default;
@@ -43,7 +41,7 @@ $primary-states-color:       #427C89 !default;
 
 $success-color:              #7AC29A !default;
 $success-bg:                 #7AC29A !default;
-$success-states-color:       #42A084 !default;
+$success-states-color:       #42A084 !default; 
 
 $info-color:                 #68B3C8 !default;
 $info-bg:                    #68B3C8 !default;
@@ -59,6 +57,7 @@ $danger-bg:                  #EB5E28 !default;
 $danger-states-color:        #B33C12 !default;
 
 
+
 $link-disabled-color:        #666666 !default;
 
 
@@ -68,7 +67,7 @@ $light-blue:                 rgba($primary-color, .2);
 $light-azure:                rgba($info-color, .2);
 $light-green:                rgba($success-color, .2);
 $light-orange:               rgba($warning-color, .2);
-$light-red:                  rgba($danger-color, .2);
+$light-red:                  rgba($danger-color, .2); 
 
 
 //== Components
@@ -112,7 +111,7 @@ $margin-bottom:                0 0 10px 0 !default;
 $border-radius-small:           3px !default;
 $border-radius-base:            4px !default;
 $border-radius-large:           6px !default;
-$border-radius-extreme:        6px !default;
+$border-radius-extreme:        8px !default;
 
 $border-radius-large-top:      $border-radius-large $border-radius-large 0 0 !default;
 $border-radius-large-bottom:   0 0 $border-radius-large $border-radius-large !default;
@@ -121,24 +120,25 @@ $btn-round-radius:             30px !default;
 
 $height-base:                  40px !default;
 
-$font-size-base:               14px !default;
-$font-size-xs:                 12px !default;
-$font-size-small:              12px !default;
-$font-size-medium:             16px !default;
-$font-size-large:              18px !default;
-$font-size-large-navbar:       20px !default;
+$font-size-base:               16px !default;
+$font-size-xs:             12px !default;
+$font-size-small:              14px !default;
+$font-size-medium:             18px !default; 
+$font-size-large:              20px !default;
+$font-size-large-navbar:       22px !default;
 
-$font-size-h1:                 3.2em   !default;
-$font-size-h2:                 2.6em     !default;
+// $font-size-h1:                 52px !default;
+$font-size-h1:                 4.5em !default;
+$font-size-h2:                 3em !default;
 $font-size-h3:                 1.825em !default;
-$font-size-h4:                 1.5em   !default;
-$font-size-h5:                 1.25em  !default;
-$font-size-h6:                 0.9em   !default;
-$font-paragraph:               16px    !default;
-$font-size-navbar:             16px    !default;
-$font-size-small:              12px    !default;
-
-$font-weight-light:          300 !default;
+$font-size-h4:                 1.5em !default;
+$font-size-h5:                 1.25em !default;
+$font-size-h6:                 0.9em !default;
+$font-paragraph:               16px !default;
+$font-size-navbar:             16px !default;
+$font-size-small:              12px !default;
+
+$font-weight-light:          300 !default; 
 $font-weight-normal:         400 !default;
 $font-weight-semi:           500 !default;
 $font-weight-bold:           600 !default;
@@ -156,7 +156,7 @@ $dropdown-shadow:          0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16,
 
 $general-transition-time:  300ms !default;
 
-$slow-transition-time:           300ms !default;
+$slow-transition-time:           300ms !default; 
 $dropdown-coordinates:      29px -50px !default;
 
 $fast-transition-time:           150ms !default;
@@ -167,13 +167,15 @@ $transition-bezier:         cubic-bezier(0.34, 1.61, 0.7, 1) !default;
 $transition-ease:           ease 0s;
 
 $navbar-padding-a:               10px 15px;
-$navbar-margin-a:                15px  0px;
+$navbar-margin-a:                15px  3px;
 
 $padding-social-a:               10px  5px;
 
 $navbar-margin-a-btn:            15px 3px;
 $navbar-margin-a-btn-round:      16px 3px;
 
+$navbar-padding-a-icons:         6px 15px;
+$navbar-margin-a-icons:          6px  3px;
 
 $navbar-padding-brand:           20px 15px;
 $navbar-margin-brand:             5px  0px;
@@ -187,6 +189,22 @@ $width-icon:					 64px !default;
 $padding-icon:					 12px !default;
 $border-radius-icon:		     15px !default;
 
+$size-icon: 					 64px;
+$size-icon-sm: 					 32px;
+
+
+$height-icon-sm:				 32px;
+$width-icon-sm:					 32px;
+$padding-icon-sm:			     4px;
+$border-radius-icon-sm:			 7px;
+
+$height-icon-message:			 40px;
+$width-icon-message:			 40px;
+
+$height-icon-message-sm: 		 20px;
+$width-icon-message-sm:			 20px;
+
+
 
 $white-navbar:              rgba(#FFFFFF, .96);
 $blue-navbar:               rgba(#34ACDC, .98);
@@ -195,68 +213,26 @@ $green-navbar:              rgba(#4CD964, .98);
 $orange-navbar:             rgba(#FF9500, .98);
 $red-navbar:                rgba(#FF4C40, .98);
 
-$bg-nude:               #f4f3ef !default;
+$bg-nude:               #FFFCF5 !default;
 $bg-primary:            #8ECFD5 !default;
 $bg-info:               #7CE4FE !default;
 $bg-success:            #8EF3C5 !default;
 $bg-warning:            #FFE28C !default;
 $bg-danger:             #FF8F5E !default;
 
+$filter-blue:         darken($primary-color, 10%);
+$filter-azure:        darken($info-color, 10%);
+$filter-green:        darken($success-color, 10%);
+$filter-orange:       darken($warning-color, 10%);
+$filter-red:          darken($danger-color, 10%);  
+
+
 $topbar-x:             topbar-x !default;
 $topbar-back:          topbar-back !default;
 $bottombar-x:          bottombar-x !default;
 $bottombar-back:       bottombar-back !default;
 
-$transition-linear:                                   linear !default;
-$transition-bezier:         cubic-bezier(0.34, 1.61, 0.7, 1) !default;
-$transition-ease:           ease 0s;
-$transition-ease-in:              ease-in !default;
-$transition-ease-out:             ease-out !default;
-
-$general-transition-time:  300ms !default;
-
-$slow-transition-time:           370ms !default;
-$dropdown-coordinates:      29px -50px !default;
-
-$fast-transition-time:           150ms !default;
-
-$ultra-fast-transition-time:     100ms  !default;
-
-$select-coordinates:         50% -40px !default;
-
-$padding-zero:                   0px !default;
-
-$sidebar-width:               calc(100% - 260px) !default;
-$medium-dark-gray:           #AAAAAA !default;
-
-//variables used in cards
-$card-black-color:          #252422 !default;
-$card-muted-color:          #ccc5b9 !default;
-
-
-//variables used for sidebar
-$sidebar-background-dark-blue: #506367;
-
-$sidebar-background-blue:      #b8d8d8 !default;
-$sidebar-font-blue:            #506568 !default;
-$sidebar-subtitle-blue:        #7a9e9f !default;
-
-$sidebar-background-green:      #d5e5a3 !default;
-$sidebar-font-green:            #60773d !default;
-$sidebar-subtitle-green:        #92ac56 !default;
 
-$sidebar-background-yellow:      #ffe28c !default;
-$sidebar-font-yellow:            #b25825 !default;
-$sidebar-subtitle-yellow:        #d88715 !default;
 
-$sidebar-background-brown:      #d6c1ab !default;
-$sidebar-font-brown:            #75442e !default;
-$sidebar-subtitle-brown:        #a47e65 !default;
 
-$sidebar-background-purple:      #baa9ba !default;
-$sidebar-font-purple:            #3a283d !default;
-$sidebar-subtitle-purple:        #5a283d !default;
 
-$sidebar-background-orange:      #ff8f5e !default;
-$sidebar-font-orange:            #772510 !default;
-$sidebar-subtitle-orange:        #e95e37 !default;