📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
paketsatisscripti.demodesign.com.tr
/
admin
/
assets
/
css
/
demo_1
📝
style.css.map
← Geri Dön
{"version":3,"sources":["shared/core/mixins/_background.scss","shared/core/_variables.scss","demo_1/partials/_header.scss","demo_1/_variables.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","shared/core/mixins/_typography.scss","shared/core/mixins/_misc.scss","demo_1/partials/_sidebar.scss","demo_1/partials/_footer.scss","demo_1/_layout.scss","shared/core/mixins/_animation.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@mixin bg-inverse-variant($color) {\n background: rgba($color, 0.2);\n}\n\n@each $color,\n$value in $theme-colors {\n .bg-inverse-#{$color} {\n @include bg-inverse-variant(theme-color($color));\n }\n}","////////// FONT VARIABLES //////////\n$font-family-sans-serif: \"Label\",\n-apple-system,\nBlinkMacSystemFont,\n\"Segoe UI\",\nRoboto,\n\"Helvetica Neue\",\nArial,\n\"Noto Sans\",\nsans-serif,\n\"Apple Color Emoji\",\n\"Segoe UI Emoji\",\n\"Segoe UI Symbol\",\n\"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular,\nMenlo,\nMonaco,\nConsolas,\n\"Liberation Mono\",\n\"Courier New\",\nmonospace !default;\n$font-family-base: $font-family-sans-serif !default;\n////////// FONT VARIABLES //////////\n\n////////// GLOBAL VARIABLES //////////\n$body-text-color: #101010;\n$body-text-inverse-color: #fff;\n$body-accent-color: #fff;\n$body-accent-text-color: theme-color(dark);\n$template-base-color: #fff; //Set base color sidebar and other components\n$template-body-color: #fbfcfd; //Sets a background color .page-content-wrapper (page viewport)\n$footer-height: 90px;\n$body-margin-x: 2.5rem; //Apply padding-left and padding-right to .page-content-wrapper (page viewport)\n$body-margin-y: 1.5rem; //Apply padding-top and padding-bottom to .page-content-wrapper (page viewport)\n$body-container-width: 1140px;\n$border-light-color: lighten($template-base-color, 75%);\n$border-dark-color: lighten($template-base-color, 5%);\n$border-radius: 2px;\n$border-radius-lg: 6px;\n$border-width: 1px;\n$border-style: solid;\n$border-color: #f2f4f9;\n$card-bg: #fff;\n$card-box-shadow:0 0 10px -5px rgba(183, 192, 206, 0.15);\n$card-border-color:rgba(238, 238, 238, 0);\n$card-title-color: #313131;\n$component-bg: darken($template-body-color, 2%);\n$component-active-bg: $blue;\n$component-active-color: $white;\n$transition-base: all 0.2s ease-in-out;\n$transition-fade: opacity 0.15s linear;\n$transition-collapse: height 0.35s ease;\n$enable-rounded: true;\n$bottom-padding: calc(#{$footer-height} + #{$body-margin-y});\n$veiwport-padding-bottom: $bottom-padding;\n////////// GLOBAL VARIABLES //////////\n\n////////// GRID SYSTEM //////////\n$grid-columns: 12; //Set the number of columns needed in a row\n$grid-gutter-width: 15px; //Sets spacing between grids\n$grid-breakpoints: (xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px);\n////////// GRID SYSTEM //////////\n\n////////// COLOR SYSTEM //////////\n$theme-colors: (primary: #696ffb,\n secondary: #dfe8fb,\n success: #4CCEAC,\n info: #857bff,\n warning: #FF6F59,\n danger: #DB504A,\n light: #f3f5f6,\n dark: #223C61,\n white: #fff);\n$social-colors: (twitter: #55acee,\n facebook: #0084ff,\n google: #dd4b39,\n linkedin: #0077b5,\n pinterest: #bd081c,\n youtube: #cd201f,\n github: #333333,\n behance: #0454f6,\n dribbble: #ea4c89,\n reddit: #ed4333,\n instagram: #ff759b);\n////////// COLOR SYSTEM //////////\n\n////////// LINK COLORS //////////\n$link-color: theme-color(primary);\n$link-hover-color: darken($link-color, 15%);\n$component-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);\n////////// LINK COLORS //////////\n\n////////// TYPOGRAPHY VARIABLES //////////\n$font-base-rem-value: 16; // Assumes the browser default, typically `16px`\n$line-height-base: 1.7;\n$letter-spacing: 0.03rem;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n$text-muted: $gray-500;\n$text-gray: #565656;\n////////// TYPOGRAPHY VARIABLES //////////\n\n////////// TABLE VARIABLES //////////\n$table-cell-padding: 10px 15px;\n$table-cell-padding-sm: 10px 15px;\n$table-border-color: $border-color;\n$table-accent-bg: darken($template-body-color, 1%);\n$table-hover-bg:$table-accent-bg;\n$table-hover-transition: 0.5s;\n$table-head-bg: #e1e4e6;\n$table-head-color: $gray-700;\n$table-cell-color: $body-text-color;\n////////// TABLE VARIABLES //////////\n\n////////// FORM VARIABLES //////////\n$input-bg: darken($template-body-color, 1%);\n$input-valid-bg: rgba(theme-color(primary), 0.2);\n$input-invalid-bg: rgba(theme-color(warning), 0.2);\n$input-valid-color: theme-color(primary);\n$input-invalid-color: theme-color(warning);\n$input-disabled-bg: $gray-100;\n$input-color: $gray-600;\n$input-border-color: darken($input-bg, 2%);\n$input-focus-bg: $input-bg;\n$input-focus-border-color: darken($input-bg, 10%);\n$input-group-addon-color: $input-color;\n$input-group-addon-bg: $gray-200;\n$input-group-addon-border-color: $input-border-color;\n$input-group-btn-border-color: $input-border-color;\n$custom-file-color: $input-color;\n$custom-file-bg: $input-bg;\n$custom-file-border-color: $input-border-color;\n$custom-control-indicator-size: 1.4rem;\n$custom-switch-indicator-size:1.1rem;\n$custom-switch-width: 2.3rem;\n$custom-switch-indicator-border-radius: 25px;\n$custom-control-indicator-bg: theme-color(success);\n$custom-control-indicator-checked-bg: theme-color(success);\n$custom-control-indicator-border-color: darken($border-color, 5%);\n$custom-control-indicator-checked-border-color:$custom-control-indicator-checked-bg;\n$custom-control-indicator-bg: theme-color(success);\n$custom-control-indicator-bg:#fff;\n////////// FORM VARIABLES //////////\n\n////////// BADGE VARIABLES //////////\n$badge-font-size: 80%;\n$badge-padding-y: 0.45rem;\n$badge-padding-x: 1rem;\n$badge-pill-padding-x: 0.5rem;\n////////// BADGE VARIABLES //////////\n\n////////// PROGRESS BAR VARIABLES //////////\n$progress-bg: darken($template-body-color, 2%);\n$progress-border-radius: $border-radius;\n////////// PROGRESS BAR VARIABLES //////////\n\n////////// BREADCRUMB VARIABLES //////////\n$breadcrumb-bg: darken($template-body-color, 0.5%);\n$breadcrumb-divider-color: lighten(theme-color(dark), 20%);\n$breadcrumb-active-color: $gray-600;\n$breadcrumb-divider: \"-\";\n////////// BREADCRUMB VARIABLES //////////\n\n////////// CODE VARIABLES //////////\n$code-font-size: 90%;\n$code-padding-y: 0.2rem;\n$code-padding-x: 0.4rem;\n$code-color: #bd4147;\n$code-bg: $gray-100;\n$kbd-color: $white;\n$kbd-bg: $gray-900;\n$pre-color: $gray-900;\n$pre-scrollable-max-height: 340px;\n////////// CODE VARIABLES //////////\n\n////////// THEME VARIABLES //////////\n$styled-border: $border-width $border-style $border-color;\n$profile-img-width: 40px;\n$profile-img-ss-width: 15px;\n$profile-img-sm-width: 30px;\n$profile-img-lg-width: 80px;\n$profile-img-xl-width: 100px;\n////////// THEME VARIABLES //////////\n\n////////// TOOLTIP VARIABLES //////////\n$tooltip-color:$body-text-color;\n$tooltip-bg: $body-accent-color;\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-box-shadow:0px 0px 10px 2px rgba($body-text-color, 0.25);\n$tooltip-opacity: 1;\n$tooltip-padding-y: .3rem !default;\n$tooltip-padding-x: .55rem !default;\n////////// TOOLTIP VARIABLES //////////\n\n\n////////// CHARTJS VARIABLES //////////\n$dropdown-menu-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.08);\n$dropdown-menu-bg: $body-accent-color;\n$dropdown-item-hover-bg: $template-body-color;\n////////// CHARTJS VARIABLES //////////\n\n////////// PURCHASE VARIABLES //////////\n$purchase-banner-height: 55px;\n$purchase-banner-bg:linear-gradient(109.6deg, rgba(20, 30, 48, 1) 11.2%, rgba(36, 59, 85, 1) 91.1%);\n$purchase-button-bg:linear-gradient(135deg, #6B73FF 10%, #000DFF 100%);\n$purchase-banner-color: $white;\n////////// PURCHASE VARIABLES //////////","/* Header */\n\n.t-header {\n display: flex;\n height: $header-height;\n background: $header-bg;\n z-index: $header-zindex;\n\n @include media-breakpoint-down(md) {\n padding-left: 5px;\n padding-right: 5px;\n }\n\n .t-header-brand-wrapper {\n display: flex;\n align-items: center;\n height: $header-height;\n width: $sidebar-width;\n min-width: $sidebar-width;\n max-width: $sidebar-width;\n background: $brand-header-bg;\n z-index: $header-zindex;\n padding-left: 18px;\n\n a {\n display: flex;\n align-items: center;\n color: theme-color(light);\n font-weight: 500;\n @include font-size(20);\n\n .logo {\n max-width: 100%;\n width: $logo-width;\n }\n\n .logo-mini {\n display: none;\n max-width: 100%;\n width: $logo-mini-width;\n }\n\n p {\n color: inherit;\n font-size: inherit;\n font-weight: inherit;\n margin-bottom: 0;\n }\n }\n\n @include media-breakpoint-down(md) {\n padding-left: 0;\n justify-content: center;\n\n a {\n .logo-mini {\n width: 25px;\n }\n }\n }\n }\n\n .t-header-content-wrapper {\n display: flex;\n align-items: center;\n flex-direction: row;\n width: 100%;\n max-width: 100%;\n padding: 0 $body-margin-x;\n\n @include media-breakpoint-down(md) {\n padding: 0 1rem;\n }\n\n .t-header-search-box {\n display: flex;\n width: 20%;\n height: 40px;\n background: $card-bg;\n border-radius: 50px;\n padding: 5px;\n transition: 0.3s ease-in-out;\n transition-property: \"width\";\n overflow: hidden;\n\n @media (max-width: 580px) {\n display: none;\n }\n\n .form-control {\n height: inherit;\n border: none;\n background: transparent;\n @include font-size(16);\n font-weight: 500;\n padding-left: 0;\n padding: 5px 20px;\n\n @include input-placeholder {\n font-size: inherit;\n font-family: inherit;\n font-weight: inherit;\n }\n }\n\n button[type=\"submit\"] {\n height: 100%;\n border-radius: 50px;\n padding: 0 7px;\n box-shadow: 0px 0px 5px -1px theme-color(primary);\n transition-duration: 0.3s;\n transition-property: \"box-shadow\";\n\n i {\n font-size: 15px;\n }\n\n &:hover {\n box-shadow: 0px 0px 8px -1px theme-color(primary);\n }\n }\n }\n\n .t-header-content {\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n\n .nav {\n .nav-item {\n .nav-link {\n position: relative;\n\n i {\n color: $sidebar-link-color;\n }\n\n .notification-indicator {\n position: absolute;\n top: 12px;\n right: 12px;\n }\n }\n\n &:last-child {\n .nav-link {\n padding-right: 0;\n }\n }\n }\n }\n }\n }\n\n .t-header-toggler {\n background: transparent;\n border: none;\n margin-left: auto;\n\n i {\n @include font-size(22);\n }\n\n &.t-header-mobile-toggler {\n margin-left: 0;\n margin-right: 15px;\n }\n }\n\n &.fixed-top {\n position: fixed;\n }\n}\n\n.header-fixed {\n .t-header {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n width: 100%;\n z-index: $header-zindex;\n }\n\n .sidebar {\n padding-top: $header-height;\n\n .t-header-brand-wrapper {\n position: fixed;\n left: 0;\n top: 0;\n z-index: $header-zindex;\n width: $sidebar-width;\n box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);\n }\n\n .navigation-menu {\n z-index: 1;\n }\n }\n}","////////// SIDEBAR VARIABLES //////////\n$sidebar-width: 17rem; //Set fixed width for sidebar in desktop\n$sidebar-mobile-width: 15rem; //Set fixed width for sidebar in mobile\n$sidebar-bg: $template-base-color;\n$sidebar-boder-seperator-color: #f2f4f9;\n$logo-width: 80px;\n$logo-mini-width: 35px;\n$brand-header-bg: $sidebar-bg;\n$sidebar-animation-duration: 0.25s;\n$sidebar-link-color: #525c5d;\n$sidebar-active-link-color: theme-color(success);\n$sidebar-link-submenu-bg: darken($brand-header-bg, 2%);\n$sidebar-link-active-bg: darken($brand-header-bg, 4%);\n$sidebar-link-padding-top: 12px;\n$sidebar-link-padding-right: 30px;\n$sidebar-link-padding-bottom: 12px;\n$sidebar-link-padding-left: 30px;\n$sidebar-link-line-height: 1;\n$sidebar-link-font-size: 13px;\n$sidebar-link-font-family: $font-family-sans-serif;\n$sidebar-minimized-width: 4rem;\n$sidebar-minimized-link-padding-right: 0.94rem;\n$sidebar-minimized-link-padding-left: 0.94rem;\n$sidebar-footer-bg:darken($sidebar-bg, 0%);\n////////// SIDEBAR VARIABLES //////////\n\n////////// HEADER VARIABLES //////////\n$header-height: 65px;\n$header-bg: $template-body-color; //Sets a background color for header\n$header-zindex: 100;\n////////// HEADER VARIABLES //////////","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@mixin font-size($font-size: null) {\n @if unit($font-size) !=\"null\" {\n $font-size-value: $font-size;\n $font-size-unit-value: $font-size / $font-base-rem-value;\n $font-size-rem-value: $font-size-unit-value + rem;\n font-size: $font-size-rem-value;\n }\n}","@mixin gradient($from, $to) {\n background: -webkit-gradient(linear, left top, left bottom, from($from), to($to));\n background: -moz-linear-gradient(top, $from, $to);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}');\n}\n\n@mixin ellipsis {\n max-width: 100%;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n@mixin input-placeholder {\n &.placeholder {\n @content;\n }\n\n &:-moz-placeholder {\n @content;\n }\n\n &::-moz-placeholder {\n @content;\n }\n\n &:-ms-input-placeholder {\n @content;\n }\n\n &::-webkit-input-placeholder {\n @content;\n }\n}\n\n@mixin font-smoothing {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}","/* Sidebar */\n\n.sidebar {\n position: relative;\n display: block;\n height: 100%;\n min-height: 100vh;\n width: $sidebar-width;\n min-width: $sidebar-width;\n max-width: $sidebar-width;\n background: $sidebar-bg;\n\n .sidebar-header {\n border-bottom: 1px solid #2c3744;\n }\n\n .user-profile {\n padding: 50px 0 0 0;\n display: flex;\n flex-direction: column;\n text-align: center;\n\n .user-name {\n font-weight: 600;\n @include ms-respond(font-size, 1);\n margin-top: 25px;\n }\n\n .display-income {\n margin-top: 5px;\n color: rgba($body-text-color, 0.4);\n }\n }\n\n .navigation-menu {\n padding-left: 0;\n padding-bottom: 80px;\n margin-bottom: 0;\n margin-top: 18px;\n\n li {\n display: block;\n margin: 0;\n transition-duration: 0.25s;\n transition-timing-function: cubic-bezier(0.26, 0.66, 0.45, 0.78);\n transition-property: \"background\";\n\n &.nav-category-divider {\n position: sticky;\n top: 64px;\n display: block;\n background: $sidebar-bg;\n margin: 15px 0px 0px 0px;\n padding: 20px $sidebar-link-padding-right 10px $sidebar-link-padding-left;\n font-size: 10px;\n color: rgba($body-text-color, 0.4);\n z-index: 1;\n font-weight: 500;\n\n &:first-child {\n margin-top: 0;\n }\n }\n\n a {\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n justify-content: flex-end;\n padding: $sidebar-link-padding-top $sidebar-link-padding-right $sidebar-link-padding-bottom $sidebar-link-padding-left;\n font-size: $sidebar-link-font-size;\n line-height: $sidebar-link-line-height;\n color: $sidebar-link-color;\n letter-spacing: $letter-spacing;\n font-weight: 500;\n @include ellipsis;\n\n .link-icon {\n margin-right: 15px;\n line-height: $sidebar-link-line-height;\n color: $sidebar-link-color;\n @include font-size(19);\n transition-duration: 0.3s;\n transition-property: \"margin-right\";\n }\n }\n\n &:last-child {\n a {\n border-bottom: none;\n }\n }\n\n .navigation-submenu {\n background: $sidebar-link-submenu-bg;\n padding: 0px 0 10px 30px;\n\n &.collapsing {\n transition: 0.2s ease-in;\n }\n\n li {\n display: inherit;\n\n a {\n display: block;\n padding: calc(#{$sidebar-link-padding-top - 3px}) $sidebar-link-padding-right calc(#{$sidebar-link-padding-bottom - 3px}) calc(#{$sidebar-link-padding-left} + 2px);\n opacity: 0.5;\n @include ms-respond(font-size, -2);\n letter-spacing: $letter-spacing;\n font-weight: 500;\n font-size: calc(#{$sidebar-link-font-size} - 1px);\n transition: 0.3s ease-in-out;\n transition-property: color;\n\n &[data-toggle=\"collapse\"] {\n position: relative;\n\n &:after {\n content: \"\";\n height: 7px;\n width: 7px;\n border-radius: 25px;\n position: absolute;\n right: calc(#{$sidebar-link-padding-right} + 4px);\n top: 14px;\n }\n }\n\n &.active {\n opacity: 0.7;\n color: $body-text-color;\n }\n\n &:hover {\n opacity: 0.7;\n color: $body-text-color;\n }\n }\n\n &:first-child {\n a {\n padding-top: 10px;\n\n &:after {\n top: 15px;\n }\n }\n }\n\n &:nth-child(5n + 1) {\n a {\n &:after {\n background: theme-color(success);\n }\n }\n }\n\n &:nth-child(5n + 2) {\n a {\n &:after {\n background: theme-color(primary);\n }\n }\n }\n\n &:nth-child(5n + 3) {\n a {\n &:after {\n background: theme-color(danger);\n }\n }\n }\n\n &:nth-child(5n + 4) {\n a {\n &:after {\n background: theme-color(warning);\n }\n }\n }\n\n &:nth-child(5n + 5) {\n a {\n &:after {\n background: theme-color(info);\n }\n }\n }\n\n .navigation-submenu {\n padding-left: 0px;\n\n li {\n a {\n opacity: 0.5;\n }\n }\n }\n }\n }\n\n &.active {\n a {\n .link-title {\n color: $sidebar-active-link-color;\n }\n\n .link-icon {\n color: $sidebar-active-link-color;\n }\n }\n }\n }\n\n >li:not(.nav-category-divider) {\n\n &:hover {\n\n a {\n &:not([aria-expanded=\"true\"]) {\n .link-icon {\n margin-right: 20px;\n color: $sidebar-active-link-color;\n }\n }\n }\n }\n\n >a[data-toggle=\"collapse\"] {\n position: relative;\n\n &:after {\n content: \"\\f142\";\n font-family: \"Material Design Icons\";\n font-size: 15px;\n text-rendering: auto;\n line-height: inherit;\n font-weight: bolder;\n position: absolute;\n top: 13px;\n right: $sidebar-link-padding-right;\n display: block;\n transition: 0.3s;\n transition-property: transform;\n color: lighten($sidebar-link-color, 20%);\n }\n\n &[aria-expanded=\"true\"] {\n background: $sidebar-link-submenu-bg;\n\n &:after {\n transform: rotate(90deg);\n }\n }\n }\n }\n }\n}","/* Footer */\n\nfooter {\n position: absolute;\n bottom: 0px;\n left: 0;\n right: 0;\n padding: 2rem $body-margin-x;\n max-width: $body-container-width;\n margin-left: auto;\n margin-right: auto;\n\n @include media-breakpoint-down(md) {\n padding: 20px 0px 30px 0;\n }\n\n ul {\n margin-left: 0;\n padding-left: 0;\n\n li {\n display: inline-block;\n padding: 0 10px 0 0;\n line-height: 1;\n\n &:not(:last-child) {\n margin-right: 10px;\n border-right: $border-width $border-style $border-color;\n }\n\n a {\n @include ms-respond(font-size, -2);\n font-weight:600;\n letter-spacing: $letter-spacing;\n color: $text-gray;\n }\n }\n }\n}","/* Layout */\n\n.page-body {\n background: $sidebar-bg;\n}\n\n.page-content-wrapper {\n background: $template-body-color;\n border-left: $border-width $border-style $sidebar-boder-seperator-color;\n}\n\n@include media-breakpoint-up(lg) {\n .t-header {\n .t-header-content-wrapper {\n border-left: $border-width $border-style $sidebar-boder-seperator-color;\n }\n }\n}\n\n@include media-breakpoint-up(md) {\n .page-body {\n position: relative;\n display: grid;\n max-width: 100%;\n grid-template-columns: $sidebar-width calc(100vw - #{$sidebar-width});\n transition: 0.3s;\n\n .page-content-wrapper {\n position: relative;\n width: 100%;\n min-height: 100vh;\n padding: $body-margin-y $body-margin-x $veiwport-padding-bottom;\n margin-top: $header-height;\n\n .page-content-wrapper-inner {\n max-width: $body-container-width;\n margin-left: auto;\n margin-right: auto;\n\n .viewport-header {\n position: sticky;\n top: $header-height;\n background: $template-body-color;\n z-index: 99;\n\n .breadcrumb {\n padding: 1rem 1rem 1rem 21px;\n margin-left: -20px;\n margin-right: -20px;\n background: $template-body-color;\n\n .breadcrumb-item {\n color: $text-gray;\n letter-spacing: $letter-spacing;\n font-weight: 500;\n\n a {\n color: inherit;\n }\n\n &.active {\n color: theme-color(primary);\n }\n }\n }\n\n .page-title-heading {\n color: $text-gray;\n @include font-size(24);\n font-weight: 500;\n margin-bottom: 0;\n }\n\n .page-description {\n opacity: 0.7;\n margin-top: 15px;\n }\n }\n }\n }\n }\n}\n\n@include media-breakpoint-down(md) {\n .t-header {\n width: 100vw;\n\n .t-header-brand-wrapper {\n background: $template-body-color;\n width: $sidebar-minimized-width;\n min-width: $sidebar-minimized-width;\n max-width: $sidebar-minimized-width;\n\n a {\n .logo {\n @include menuItemFadeIn;\n display: none;\n }\n\n .logo-mini {\n display: block;\n }\n }\n }\n }\n\n .page-body {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n max-width: 100%;\n\n .sidebar {\n position: relative;\n left: 0px;\n z-index: 99;\n width: $sidebar-mobile-width;\n min-width: $sidebar-mobile-width;\n max-width: $sidebar-mobile-width;\n margin-left: -$sidebar-mobile-width;\n @include layout-transitions;\n transition-property: \"margin-left\", \"width\";\n }\n\n .page-content-wrapper {\n padding: 20px 20px;\n min-width: 100vw;\n margin-left: 0;\n @include layout-transitions;\n transition-property: \"margin-left\";\n\n .viewport-header {\n .breadcrumb {\n background: transparent;\n padding-left: 0;\n }\n }\n\n footer {\n position: relative;\n }\n }\n\n &.sidebar-collpased {\n .sidebar {\n margin-left: 0;\n min-width: $sidebar-mobile-width;\n }\n }\n }\n}\n\n@include media-breakpoint-down(sm) {\n .page-body {\n .page-content-wrapper {\n padding: 80px 20px 0px 20px;\n }\n }\n}","@mixin dropdownFadeIn {\n @keyframes dropdownFadeIn {\n from {\n opacity: 0;\n transform: translate3d(0, -15px, 0);\n }\n\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n\n .dropdownFadeIn {\n animation-name: dropdownFadeIn;\n }\n}\n\n@mixin layout-transitions {\n transition-duration: 0.2s;\n transition-timing-function: ease-in-out;\n}\n\n@mixin menuItemFadeIn {\n @keyframes menuItemFadeIn {\n from {\n transform: translate3d(-20px, 0, 0);\n display: none;\n opacity: 0;\n }\n\n to {\n display: block;\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n }\n\n animation-name: menuItemFadeIn;\n animation-duration:$sidebar-animation-duration;\n animation-fill-mode:both;\n}"]}
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula