From 12896bd23eeba79884245c1c29fdc568cf21a7fa Mon Sep 17 00:00:00 2001 From: Christopher Speller Date: Mon, 14 Mar 2016 08:50:46 -0400 Subject: Converting to Webpack. Stage 1. --- web/sass-files/config.rb | 20 - web/sass-files/sass/base/_module.scss | 3 - web/sass-files/sass/base/_structure.scss | 57 - web/sass-files/sass/base/_typography.scss | 27 - web/sass-files/sass/components/_alerts.scss | 13 - web/sass-files/sass/components/_buttons.scss | 23 - web/sass-files/sass/components/_dropdown.scss | 16 - web/sass-files/sass/components/_emoticons.scss | 27 - web/sass-files/sass/components/_error-bar.scss | 30 - web/sass-files/sass/components/_files.scss | 293 ---- web/sass-files/sass/components/_inputs.scss | 26 - web/sass-files/sass/components/_links.scss | 23 - web/sass-files/sass/components/_mentions.scss | 56 - web/sass-files/sass/components/_modal.scss | 508 ------ web/sass-files/sass/components/_module.scss | 19 - web/sass-files/sass/components/_oauth.scss | 38 - web/sass-files/sass/components/_popover.scss | 184 -- web/sass-files/sass/components/_scrollbar.scss | 28 - web/sass-files/sass/components/_search.scss | 175 -- .../sass/components/_suggestion-list.scss | 41 - web/sass-files/sass/components/_tooltip.scss | 10 - web/sass-files/sass/components/_tutorial.scss | 208 --- web/sass-files/sass/components/_videos.scss | 66 - web/sass-files/sass/layout/_content.scss | 85 - web/sass-files/sass/layout/_footer.scss | 30 - web/sass-files/sass/layout/_forms.scss | 66 - web/sass-files/sass/layout/_headers.scss | 370 ---- web/sass-files/sass/layout/_markdown.scss | 116 -- web/sass-files/sass/layout/_module.scss | 13 - web/sass-files/sass/layout/_navigation.scss | 137 -- web/sass-files/sass/layout/_post-right.scss | 155 -- web/sass-files/sass/layout/_post.scss | 997 ----------- web/sass-files/sass/layout/_sidebar-left.scss | 197 --- web/sass-files/sass/layout/_sidebar-menu.scss | 72 - web/sass-files/sass/layout/_sidebar-right.scss | 129 -- web/sass-files/sass/layout/_webhooks.scss | 37 - web/sass-files/sass/responsive/_desktop.scss | 65 - web/sass-files/sass/responsive/_mobile.scss | 901 ---------- web/sass-files/sass/responsive/_module.scss | 4 - web/sass-files/sass/responsive/_tablet.scss | 35 - web/sass-files/sass/routes/_access-history.scss | 32 - web/sass-files/sass/routes/_activity-log.scss | 64 - web/sass-files/sass/routes/_admin-console.scss | 343 ---- web/sass-files/sass/routes/_docs.scss | 19 - web/sass-files/sass/routes/_error-page.scss | 35 - web/sass-files/sass/routes/_loading.scss | 48 - web/sass-files/sass/routes/_module.scss | 11 - web/sass-files/sass/routes/_print.scss | Bin 4392 -> 0 bytes web/sass-files/sass/routes/_settings.scss | 451 ----- web/sass-files/sass/routes/_signup.scss | 440 ----- web/sass-files/sass/routes/_statistics.scss | 85 - web/sass-files/sass/styles.scss | 18 - web/sass-files/sass/utils/_animations.scss | 19 - web/sass-files/sass/utils/_functions.scss | 9 - web/sass-files/sass/utils/_mixins.scss | 8 - web/sass-files/sass/utils/_module.scss | 5 - web/sass-files/sass/utils/_variables.scss | 13 - web/sass-files/sass/vendors/_colorpicker.scss | 253 --- web/sass-files/sass/vendors/_font-awesome.scss | 1803 -------------------- web/sass-files/sass/vendors/_module.scss | 4 - .../sass/vendors/_perfect-scrollbar.scss | 141 -- 61 files changed, 9101 deletions(-) delete mode 100644 web/sass-files/config.rb delete mode 100644 web/sass-files/sass/base/_module.scss delete mode 100644 web/sass-files/sass/base/_structure.scss delete mode 100644 web/sass-files/sass/base/_typography.scss delete mode 100644 web/sass-files/sass/components/_alerts.scss delete mode 100644 web/sass-files/sass/components/_buttons.scss delete mode 100644 web/sass-files/sass/components/_dropdown.scss delete mode 100644 web/sass-files/sass/components/_emoticons.scss delete mode 100644 web/sass-files/sass/components/_error-bar.scss delete mode 100644 web/sass-files/sass/components/_files.scss delete mode 100644 web/sass-files/sass/components/_inputs.scss delete mode 100644 web/sass-files/sass/components/_links.scss delete mode 100644 web/sass-files/sass/components/_mentions.scss delete mode 100644 web/sass-files/sass/components/_modal.scss delete mode 100644 web/sass-files/sass/components/_module.scss delete mode 100644 web/sass-files/sass/components/_oauth.scss delete mode 100644 web/sass-files/sass/components/_popover.scss delete mode 100644 web/sass-files/sass/components/_scrollbar.scss delete mode 100644 web/sass-files/sass/components/_search.scss delete mode 100644 web/sass-files/sass/components/_suggestion-list.scss delete mode 100644 web/sass-files/sass/components/_tooltip.scss delete mode 100644 web/sass-files/sass/components/_tutorial.scss delete mode 100644 web/sass-files/sass/components/_videos.scss delete mode 100644 web/sass-files/sass/layout/_content.scss delete mode 100644 web/sass-files/sass/layout/_footer.scss delete mode 100644 web/sass-files/sass/layout/_forms.scss delete mode 100644 web/sass-files/sass/layout/_headers.scss delete mode 100644 web/sass-files/sass/layout/_markdown.scss delete mode 100644 web/sass-files/sass/layout/_module.scss delete mode 100644 web/sass-files/sass/layout/_navigation.scss delete mode 100644 web/sass-files/sass/layout/_post-right.scss delete mode 100644 web/sass-files/sass/layout/_post.scss delete mode 100644 web/sass-files/sass/layout/_sidebar-left.scss delete mode 100644 web/sass-files/sass/layout/_sidebar-menu.scss delete mode 100644 web/sass-files/sass/layout/_sidebar-right.scss delete mode 100644 web/sass-files/sass/layout/_webhooks.scss delete mode 100644 web/sass-files/sass/responsive/_desktop.scss delete mode 100644 web/sass-files/sass/responsive/_mobile.scss delete mode 100644 web/sass-files/sass/responsive/_module.scss delete mode 100644 web/sass-files/sass/responsive/_tablet.scss delete mode 100644 web/sass-files/sass/routes/_access-history.scss delete mode 100644 web/sass-files/sass/routes/_activity-log.scss delete mode 100644 web/sass-files/sass/routes/_admin-console.scss delete mode 100644 web/sass-files/sass/routes/_docs.scss delete mode 100644 web/sass-files/sass/routes/_error-page.scss delete mode 100644 web/sass-files/sass/routes/_loading.scss delete mode 100644 web/sass-files/sass/routes/_module.scss delete mode 100644 web/sass-files/sass/routes/_print.scss delete mode 100644 web/sass-files/sass/routes/_settings.scss delete mode 100644 web/sass-files/sass/routes/_signup.scss delete mode 100644 web/sass-files/sass/routes/_statistics.scss delete mode 100644 web/sass-files/sass/styles.scss delete mode 100644 web/sass-files/sass/utils/_animations.scss delete mode 100644 web/sass-files/sass/utils/_functions.scss delete mode 100644 web/sass-files/sass/utils/_mixins.scss delete mode 100644 web/sass-files/sass/utils/_module.scss delete mode 100644 web/sass-files/sass/utils/_variables.scss delete mode 100644 web/sass-files/sass/vendors/_colorpicker.scss delete mode 100644 web/sass-files/sass/vendors/_font-awesome.scss delete mode 100644 web/sass-files/sass/vendors/_module.scss delete mode 100755 web/sass-files/sass/vendors/_perfect-scrollbar.scss (limited to 'web/sass-files') diff --git a/web/sass-files/config.rb b/web/sass-files/config.rb deleted file mode 100644 index 6cc11a67f..000000000 --- a/web/sass-files/config.rb +++ /dev/null @@ -1,20 +0,0 @@ -require 'compass/import-once/activate' -# Require any additional compass plugins here. - -# Set this to the root of your project when deployed: -http_path = "/" -css_dir = "../static/css" -sass_dir = "sass" -images_dir = "../static/img" -javascripts_dir = "../static/js" -fonts_dir = "../static/fonts" - -output_style = :compressed - -# To enable relative paths to assets via compass helper functions. Uncomment: -# relative_assets = true - -line_comments = false -color_output = false - -preferred_syntax = :scss diff --git a/web/sass-files/sass/base/_module.scss b/web/sass-files/sass/base/_module.scss deleted file mode 100644 index 987b9200b..000000000 --- a/web/sass-files/sass/base/_module.scss +++ /dev/null @@ -1,3 +0,0 @@ -// Only for combining all the files in this folder -@import 'typography'; -@import 'structure'; diff --git a/web/sass-files/sass/base/_structure.scss b/web/sass-files/sass/base/_structure.scss deleted file mode 100644 index 56888f8dc..000000000 --- a/web/sass-files/sass/base/_structure.scss +++ /dev/null @@ -1,57 +0,0 @@ -@charset 'UTF-8'; - -html, -body { - height: 100%; -} - -body { - width: 100%; - height: 100%; - background: $bg--gray; - position: relative; - - &.sticky { - background: $bg--white; - - > .container-fluid { - overflow: auto; - } - - .inner-wrap { - > .row.content { - min-height: 100%; - margin-bottom: -89px; - } - } - } -} - -.inner-wrap { - height: 100%; - - > .row.main { - height: 100%; - position: relative; - } -} - -.container-fluid { - @include legacy-pie-clearfix; - height: 100%; - position: relative; -} - -.channel-view { - @include clearfix; - height: 100%; - position: relative; -} - -img { - max-width: 100%; - - &.rounded { - @include border-radius(100%); - } -} diff --git a/web/sass-files/sass/base/_typography.scss b/web/sass-files/sass/base/_typography.scss deleted file mode 100644 index 676a2c405..000000000 --- a/web/sass-files/sass/base/_typography.scss +++ /dev/null @@ -1,27 +0,0 @@ -@charset 'UTF-8'; - -b, -strong { - font-weight: 600; -} - -a { - cursor: pointer; - text-decoration: none; - word-break: break-word; - color: $color--primary; -} - -a:focus, -a:hover { - color: $color--primary--hover; -} - -body { - font-family: 'Open Sans', sans-serif; - -webkit-font-smoothing: antialiased; -} - -.word-break--all { - word-break: break-all; -} diff --git a/web/sass-files/sass/components/_alerts.scss b/web/sass-files/sass/components/_alerts.scss deleted file mode 100644 index 49ca3e8af..000000000 --- a/web/sass-files/sass/components/_alerts.scss +++ /dev/null @@ -1,13 +0,0 @@ -@charset 'UTF-8'; - -.alert { - padding: 8px 12px; - @include border-radius($border-rad); -} - -.alert--confirm { - display: inline-block; - float: left; - padding: 4px 10px; - margin: 1px 0 0 10px; -} \ No newline at end of file diff --git a/web/sass-files/sass/components/_buttons.scss b/web/sass-files/sass/components/_buttons.scss deleted file mode 100644 index bb8efbb14..000000000 --- a/web/sass-files/sass/components/_buttons.scss +++ /dev/null @@ -1,23 +0,0 @@ -@charset 'UTF-8'; - -.btn { - @include single-transition(all, .25s, ease-in); - @include border-radius($border-rad); - - &.btn-primary { - border-color: transparent; - background: $color--primary; - - &:hover, - &:focus, - &:active { - background: $color--primary--hover; - } - } - - &.btn-inactive { - border-color: transparent; - background: #707070; - color: #fff; - } -} diff --git a/web/sass-files/sass/components/_dropdown.scss b/web/sass-files/sass/components/_dropdown.scss deleted file mode 100644 index f48e12c87..000000000 --- a/web/sass-files/sass/components/_dropdown.scss +++ /dev/null @@ -1,16 +0,0 @@ -@charset 'UTF-8'; - -.dropdown-menu { - .divider { - @include opacity(.15); - } - - > li > a { - color: inherit; - - &:focus, - &:hover { - color: inherit; - } - } -} diff --git a/web/sass-files/sass/components/_emoticons.scss b/web/sass-files/sass/components/_emoticons.scss deleted file mode 100644 index 661b25d94..000000000 --- a/web/sass-files/sass/components/_emoticons.scss +++ /dev/null @@ -1,27 +0,0 @@ -@charset 'UTF-8'; - -.emoticon { - width: 1.5em; - height: 1.5em; - display: inline-block; - margin-bottom: .25em; - background-size: contain; -} - -.emoticon-suggestion { - @include clearfix; - width: 100%; - height: 30px; - cursor: pointer; - font-size: 13px; - line-height: 30px; -} - -.emoticon-suggestion__image { - width: 20px; - height: 20px; - margin: 6px 6px 0 5px; - padding: 0; - text-align: center; - vertical-align: top; -} diff --git a/web/sass-files/sass/components/_error-bar.scss b/web/sass-files/sass/components/_error-bar.scss deleted file mode 100644 index 2b74a33ae..000000000 --- a/web/sass-files/sass/components/_error-bar.scss +++ /dev/null @@ -1,30 +0,0 @@ -@charset 'UTF-8'; - -.error-bar { - background-color: #09f; - text-align: center; - position: relative; - color: #fff; - position: absolute; - top: 0; - width: 100%; - z-index: 9999; - padding: 5px 30px; - - &__close { - position: absolute; - right: 0; - top: 0; - color: #fff; - font-size: 20px; - font-weight: 600; - text-decoration: none; - padding: 0 10px; - font-family: 'Open Sans', sans-serif; - - &:hover { - color: #fff; - text-decoration: none; - } - } -} diff --git a/web/sass-files/sass/components/_files.scss b/web/sass-files/sass/components/_files.scss deleted file mode 100644 index 17ffb206f..000000000 --- a/web/sass-files/sass/components/_files.scss +++ /dev/null @@ -1,293 +0,0 @@ -@charset 'UTF-8'; - -.file-preview__container { - position: relative; - margin: 1px 0 10px; - width: 100%; - max-height: 100px; - height: 100px; - white-space: nowrap; - overflow-x: auto; - overflow-y: hidden; -} - -.file-preview { - display: inline-block; - width: 120px; - height: 100px; - margin: 0 0 0 10px; - position: relative; - border: 1px solid #ddd; - @include clearfix; - - &:hover .file-preview__remove:after { - @include opacity(1); - } - - &:first-child { - margin-left: 0; - } - - .spinner { - position: absolute; - top: 50%; - left: 50%; - margin-left: -16px; - margin-top: -16px; - width: 32px; - height: 32px; - } -} - -.file-preview__image { - display: block; - height: auto; - max-width: 100%; -} - -.file-preview__remove { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - - &:after { - background: rgba(0, 0, 0, .4); - content: ''; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - width: 100%; - @include opacity(0); - } - - i { - top: 5px; - right: 5px; - position: absolute; - color: #fff; - cursor: pointer; - z-index: 5; - opacity: inherit; - text-shadow: 0 0px 3px #444; - text-shadow: 0 0px 3px rgba(0, 0, 0, .7); - } -} - -.image-comment { - background-position: left top; - background-repeat: no-repeat; - width: 300px; - height: 300px; -} - - -.file-icon { - width: 100%; - height: 100%; - - &.audio { - @include file-icon('../images/icons/audio.png'); - } - - &.video { - @include file-icon('../images/icons/video.png'); - } - - &.ppt { - @include file-icon('../images/icons/ppt.png'); - } - - &.generic { - @include file-icon('../images/icons/generic.png'); - } - - &.code { - @include file-icon('../images/icons/code.png'); - } - - &.excel { - @include file-icon('../images/icons/excel.png'); - } - - &.word { - @include file-icon('../images/icons/word.png'); - } - - &.pdf { - @include file-icon('../images/icons/pdf.png'); - } - - &.patch { - @include file-icon('../images/icons/patch.png'); - } - - &.image { - @include file-icon('../images/icons/image.png'); - } -} - -.post-image__column { - position: relative; - width: 240px; - height: 100px; - float: left; - margin: 5px 10px 5px 0; - border: 1px solid lightgrey; - - a { - text-decoration: none; - color: grey; - } -} - -.post-image__load { - height: 100%; - width: 100%; - background-size: 20px 20px; - background-repeat: no-repeat; - background-position: center; -} - -.post-image { - width: 100%; - height: 100%; - background-color: #fff; - background-repeat: no-repeat; - overflow: hidden; - position: relative; - text-align: center; - - &.small { - background-position: center; - } - - &.normal { - background-position: top left; - } - - .spinner.file__loading { - position: absolute; - left: 50%; - margin-left: -16px; - top: 50%; - margin-top: -16px; - } - - .file__loaded { - max-width: initial; - &.landscape, - &.quadrat { - height: 100px; - } - &.portrait { - width: 120px; - } - } - - &:hover .file-playback__controls.stop { - @include opacity(1); - } -} - -.post-image__thumbnail { - float: left; - width: 50%; - height: 100%; - cursor: zoom-in; - cursor: -webkit-zoom-in; -} - -.post-image__details { - float: left; - @include clearfix; - word-break: break-word; - width: 50%; - height: 100%; - background: white; - border-left: 1px solid #ddd; - font-size: 13px; - padding: 7px; - color: #333; - - .post-image__name { - margin-bottom: 3px; - display: block; - } - - .post-image__download { - display: inline-block; - padding-right: 7px; - cursor: pointer; - @include opacity(.7); - } - - .post-image__type { - @include opacity(.6); - } - - .post-image__size { - margin-left: 4px; - @include opacity(.6); - } -} - -.file-details__container { - @include display-flex; - display: -ms-flexbox; - - .file-details { - width: 320px; - height: 270px; - padding: 14px; - text-align: left; - vertical-align: top; - - .file-details__name { - color: #333; - font-size: 16px; - } - - .file-details__info { - color: grey; - } - } - .file-details__preview { - width: 320px; - height: 270px; - border-right: 1px solid #ddd; - vertical-align: center; - - // helper to center the image icon in the preview window - .file-details__preview-helper { - height: 100%; - display: inline-block; - vertical-align: middle; - } - } -} - -.file-playback__controls { - position: absolute; - right: 5px; - bottom: 0; - font-size: 22px; - cursor: pointer; - z-index: 2; - -webkit-transition: opacity .6s; - -moz-transition: opacity .6s; - -o-transition: opacity .6s; - transition: opacity .6s; - - &.stop { - @include opacity(0); - } -} - -.view-image__loading { - background: black; - min-height: 100px; -} diff --git a/web/sass-files/sass/components/_inputs.scss b/web/sass-files/sass/components/_inputs.scss deleted file mode 100644 index 5e3311182..000000000 --- a/web/sass-files/sass/components/_inputs.scss +++ /dev/null @@ -1,26 +0,0 @@ -@charset 'UTF-8'; - -.form-control { - @include border-radius($border-rad); - - &:focus { - @include box-shadow(none); - } - - &.no-padding { - line-height: 32px; - padding: 0; - } - - &.no-resize { - resize: none; - } -} - -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - cursor: auto; - background: rgba(#fff, .1); - color: inherit; -} diff --git a/web/sass-files/sass/components/_links.scss b/web/sass-files/sass/components/_links.scss deleted file mode 100644 index f31008b4f..000000000 --- a/web/sass-files/sass/components/_links.scss +++ /dev/null @@ -1,23 +0,0 @@ -@charset 'UTF-8'; - -a { - cursor: pointer; - text-decoration: none; - word-break: break-word; - color: $color--primary; -} - -a:focus, -a:hover { - color: $color--primary--hover; -} - -.text-danger, -a.text-danger { - color: #e05f5d; - - &:hover, - &:focus { - color: #e05f5d; - } -} diff --git a/web/sass-files/sass/components/_mentions.scss b/web/sass-files/sass/components/_mentions.scss deleted file mode 100644 index 98efc599d..000000000 --- a/web/sass-files/sass/components/_mentions.scss +++ /dev/null @@ -1,56 +0,0 @@ -@charset 'UTF-8'; - -.mention { - color: #fff; - background: $color--primary; - position: relative; - z-index: 10; - padding-bottom: 2px; - @include border-radius(3px); -} - -.mentions__name { - position: relative; - width: 100%; - height: 36px; - padding: 2px; - z-index: 101; - line-height: 36px; - font-size: 13px; - cursor: pointer; - white-space: nowrap; - - .mention-align { - @include clearfix; - text-overflow: ellipsis; - width: calc(100% - 50px); - } -} - -.mention__image { - margin-right: 6px; - height: 32px; - width: 32px; - line-height: 36px; - display: block; - font-size: 20px; - text-align: center; - @include border-radius(32px); - - .mention--align { - max-width: 80%; - overflow: hidden; - display: inline-block; - white-space: nowrap; - text-overflow: ellipsis; - } -} - -.mention__fullname { - color: grey; - padding-left: 10px; -} - -.mention--highlight { - background-color: #fff2bb; -} diff --git a/web/sass-files/sass/components/_modal.scss b/web/sass-files/sass/components/_modal.scss deleted file mode 100644 index a8e8a99f7..000000000 --- a/web/sass-files/sass/components/_modal.scss +++ /dev/null @@ -1,508 +0,0 @@ -@charset 'UTF-8'; - -#channel_members_modal .modal-body { - min-height: 110px; -} - -.modal-body { - padding: 20px 15px; - overflow: auto; -} - -.more-table { - margin: 0; - table-layout: fixed; -} - -.modal { - width: 100%; - color: #333; - - body.browser--IE & { - .modal-dialog { - @include translateY(0); - } - } - - &.image_modal { - .modal-backdrop.in { - @include opacity(.7); - } - } - - .custom-textarea { - color: inherit; - border-color: #ccc; - - &:focus { - border-color: #ccc; - box-shadow: none; - } - } - - .btn { - font-size: 13px; - - &.btn-default { - border: none; - background: transparent; - } - } - - .info__label { - font-weight: 600; - text-align: right; - padding-right: 0; - } - - .team-member-list { - width: 100%; - } - - .remove__member { - float: right; - color: #999; - font-size: 20px; - line-height: 0; - padding: 6px; - - &:hover { - color: #e56565; - } - } - - .modal-dialog { - max-width: 95%; - margin-left: auto; - margin-right: auto; - } - - .modal-push-down { - margin-top: 5%; - } - - .modal-next-bar { - position: absolute; - top: 0px; - right: 0; - height: 100%; - } - - .modal-header { - border-radius: 0; - background: $color--primary; - color: #fff; - padding: 15px 15px 11px; - border: 1px solid #ddd; - min-height: 56px; - @include clearfix; - - .modal-title { - float: left; - font-size: 17px; - line-height: 27px; - color: #f4f4f4; - - .name { - font-weight: 600; - color: #fff; - } - } - - .modal-action { - padding: 0; - margin: 0; - } - - button.close { - color: #fff; - @include opacity(1); - z-index: 5; - width: 30px; - height: 30px; - line-height: 30px; - @include single-transition(all, .25s, ease-in); - position: absolute; - right: 10px; - - &:hover { - background: rgba(0, 0, 0, .1); - } - - span { - font-family: 'Open Sans', sans-serif; - line-height: 10px; - } - } - - .btn { - &.btn-primary { - float: right; - margin: -4px 25px 0 0; - position: relative; - - i { - margin-right: 5px; - } - } - } - } - - .no-channel-message { - text-align: center; - padding: 2em 1em; - - .primary-message { - font-size: 1.25em; - } - - .secondary-message { - @include opacity(.8); - margin: 1em 0 0; - } - } - - .modal-content { - border-radius: 0; - box-shadow: none; - } - - .modal-chevron-icon { - top: 50%; - font-size: 120%; - } - - .modal-prev-bar { - position: absolute; - top: 0px; - left: 0; - height: 100%; - } - - &#more_channels { - .modal-body { - padding: 0; - } - } - - .modal-image { - position: relative; - width: 100%; - height: 100%; - margin: 0 auto; - max-width: 100%; - - .modal-body { - @include clearfix; - height: 100%; - display: table; - table-layout: fixed; - width: 100%; - max-height: 100%; - } - - .image-wrapper { - position: relative; - max-width: 90%; - @include border-radius(3px); - display: table-cell; - vertical-align: middle; - text-align: center; - width: 100%; - - &:hover { - @include border-radius(3px 3px 0 0); - } - - &.default { - width: 100%; - height: 80%; - } - - audio, - canvas, - progress, - video { - max-width: 100%; - height: auto; - display: block; - } - - .modal-close { - background: url('../images/close.png') no-repeat; - @include background-size(100% 100%); - width: 37px; - height: 37px; - position: absolute; - right: -13px; - top: -13px; - @include opacity(0); - -webkit-transition: opacity .6s; - -moz-transition: opacity .6s; - -o-transition: opacity .6s; - transition: opacity .6s; - cursor: pointer; - z-index: 9999; - - &.modal-close--show { - @include opacity(1); - } - } - - > div { - min-height: 100px; - min-width: 320px; - background: #fff; - display: inline-block; - position: relative; - - &:hover .file-playback__controls.stop { - @include opacity(1); - } - } - - img { - max-width: 100%; - max-height: 100%; - } - - .spinner.file__loading { - z-index: 2; - position: absolute; - left: 50%; - margin-left: -16px; - top: 50%; - margin-top: -16px; - } - } - - .modal-content { - box-shadow: none; - background: rgba(0, 0, 0, 0); - width: 100%; - height: 100%; - padding: 0; - border: none; - } - - .image-body { - vertical-align: middle; - display: table-cell; - text-align: center; - height: 100%; - padding: 0; - position: relative; - overflow: visible; - } - - .image-control { - width: 50px; - height: 45px; - float: left; - background: url(../images/prev.png) left no-repeat; - top: 50%; - position: relative; - margin-top: -23px; - &.image-next { - float: right; - background: url(../images/next.png) left no-repeat; - } - } - - .loader-image { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - margin: auto; - } - - .loader-percent { - position: absolute; - top: 55px; - bottom: 0; - left: 0; - right: 0; - margin: auto; - color: grey; - height: 20px; - } - - .modal-button-bar { - position: absolute; - bottom: -40px; - left: 0px; - right: 0px; - background-color: #222; - @include border-radius(0 0 3px 3px); - @include opacity(0); - -webkit-transition: opacity .6s; - -moz-transition: opacity .6s; - -o-transition: opacity .6s; - transition: opacity .6s; - line-height: 40px; - padding: 0 10px; - - &.footer--show { - @include opacity(1); - } - - .image-links { - a, - span { - float: right; - } - } - - .text { - vertical-align: middle; - bottom: 0; - color: white; - margin-left: 5px; - } - - .public-link { - margin-right: 5px; - } - } - } -} - - -// Invite New Member -.invite { - margin-right: 40px; -} - -.row--invite { - margin-right: 40px; - @include clearfix; - - .col-sm-6 { - padding: 0 0 0 15px; - &:first-child { - padding-left: 0; - } - } -} - -.more-modal { - .user-list { - overflow-y: auto; - overflow-x: hidden; - margin-top: 10px; - position: relative; - } - - .modal-body { - padding: 10px 0 20px; - overflow-x: hidden; - } - - .filter-row { - margin: 10px 0; - @include clearfix; - } - - .member-count { - margin-top: 5px; - float: right; - @include opacity(.8); - } - - .more-purpose { - @include opacity(.7); - } -} - -.modal-body.edit-modal-body { - overflow: visible; - - .suggestion-list__content { - max-height: 150px; - } -} - -.more-modal__list { - overflow: auto; - display: flex; - flex-direction: column; - - .popover & { - font-size: 0.95em; - - .more-modal__row { - padding: 5px 10px; - } - - .more-modal__name { - font-weight: normal; - } - } - - .more-modal__image { - flex-grow: 0; - flex-shrink: 0; - @include border-radius(60px); - margin-right: 8px; - } - - .more-modal__details { - flex-grow: 1; - flex-shrink: 1; - overflow: hidden; - text-overflow: ellipsis; - } - - .more-modal__actions { - flex-grow: 0; - flex-shrink: 0; - padding-left: 20px; - } - - .more-modal__name { - font-weight: 600; - font-size: .95em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - .more-modal__description { - @include opacity(.7); - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - .more-modal__row { - display: flex; - padding: 8px 15px; - border-bottom: 1px solid; - } - - p { - font-size: .9em; - overflow: hidden; - text-overflow: ellipsis; - @include opacity(.8); - margin: 5px 0; - } -} - -.filtered-user-list { - display: flex; - flex-direction: column; - - .filter-row { - flex-grow: 0; - flex-shrink: 0; - } - - .user-list { - flex-grow: 1; - flex-shrink: 1; - } -} diff --git a/web/sass-files/sass/components/_module.scss b/web/sass-files/sass/components/_module.scss deleted file mode 100644 index 24488df96..000000000 --- a/web/sass-files/sass/components/_module.scss +++ /dev/null @@ -1,19 +0,0 @@ -// Only for combining all the files in this folder -@import 'alerts'; -@import 'buttons'; -@import 'dropdown'; -@import 'emoticons'; -@import 'error-bar'; -@import 'files'; -@import 'inputs'; -@import 'links'; -@import 'mentions'; -@import 'modal'; -@import 'oauth'; -@import 'popover'; -@import 'scrollbar'; -@import 'search'; -@import 'suggestion-list'; -@import 'tooltip'; -@import 'tutorial'; -@import 'videos'; diff --git a/web/sass-files/sass/components/_oauth.scss b/web/sass-files/sass/components/_oauth.scss deleted file mode 100644 index cd8382a5c..000000000 --- a/web/sass-files/sass/components/_oauth.scss +++ /dev/null @@ -1,38 +0,0 @@ -@charset 'UTF-8'; - -.prompt { - background: #fff; - border: 1px solid #ddd; - padding: 1em 2em 0; - margin: 50px auto; - max-width: 90%; - width: 600px; - - .prompt__heading { - font-size: em(20px); - line-height: normal; - margin: 1em 0; - display: table; - width: 100%; - - > div { - display: table-cell; - vertical-align: top; - } - - img { - margin-right: 15px; - } - } - - .prompt__allow { - margin: 1em 0; - font-size: em(24px); - } - - .prompt__buttons { - text-align: right; - border-top: 1px solid #ddd; - padding: 1.5em 0; - } -} diff --git a/web/sass-files/sass/components/_popover.scss b/web/sass-files/sass/components/_popover.scss deleted file mode 100644 index 588a71946..000000000 --- a/web/sass-files/sass/components/_popover.scss +++ /dev/null @@ -1,184 +0,0 @@ -@charset 'UTF-8'; - -.popover { - @include border-radius($border-rad); - color: #333; - - &.bottom, - &.right, - &.top, - &.left { - > .arrow:after { - border-color: transparent; - } - } - - .popover-title { - background: rgba(black, .05); - padding: 8px 10px; - } - - .popover-content { - p:last-child { - margin-bottom: 5px; - } - } -} - -.channel-header__info .popover-content { - max-height: 250px; - overflow: auto; -} - -.user-popover { - cursor: pointer; - display: inline-block; -} - -.code-popover .popover-content { - padding: 5px; -} - -.user-popover__image { - margin: 0 0 10px; - @include border-radius(128px); -} - -.user-popover__email { - max-width: 200px; - overflow: hidden; - text-overflow: ellipsis; - display: block; -} - -.search-help-popover { - visibility: hidden; - max-width: none; - width: 100%; - top: 36px; - @include single-transition(opacity, .3s, ease-in); - font-size: em(13px); - - &.autocomplete { - display: block; - .popover-content { - padding: 10px; - position: relative; - } - } - - .search-autocomplete__divider { - margin: 10px 0 5px; - line-height: 21px; - position: relative; - &:first-child { - margin-top: 5px; - } - span { - display: inline-block; - padding-right: 10px; - background: #fff; - z-index: 5; - position: relative; - } - &:before { - content: ''; - position: absolute; - width: 100%; - height: 1px; - background: #ddd; - top: 10px; - left: 0; - @include opacity(.2); - } - } - - .search-autocomplete__item { - cursor: pointer; - padding: 6px 8px; - margin: 3px 0 0 5px; - @include border-radius(2px); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - &:hover { - background: rgba(black, .1); - } - - &.selected { - background: rgba(black, .2); - } - - .fa { - margin-right: 5px; - @include opacity(.5); - } - - .profile-img { - margin-top: -1px; - height: 16px; - margin-right: 6px; - width: 16px; - } - } - - &.bottom > .arrow { - top: -18px; - border-width: 9px; - left: 30px; - } - - .popover-content { - max-height: 500px; - overflow: auto; - padding: 3px 13px; - } - - h4 { - font-size: 1em; - } - - ul { - padding-left: 17px; - span { - @include opacity(.8); - } - strong, - b { - @include opacity(1); - } - } - - .tooltip-inner { - max-width: 100%; - } - - &.visible { - visibility: visible; - @include opacity(1); - } -} - -#member-list-popover { - max-width: initial; - .popover-content { - position: relative; - padding: 0; - width: 260px; - max-height: 350px; - .text-nowrap { - padding: 6px 10px; - width: 100%; - overflow: hidden; - line-height: 26px; - font-size: 13px; - } - .more__name { - margin-left: 6px; - max-width: 140px; - overflow: hidden; - text-overflow: ellipsis; - } - } -} diff --git a/web/sass-files/sass/components/_scrollbar.scss b/web/sass-files/sass/components/_scrollbar.scss deleted file mode 100644 index 4ecb38b1f..000000000 --- a/web/sass-files/sass/components/_scrollbar.scss +++ /dev/null @@ -1,28 +0,0 @@ -@charset 'UTF-8'; - -::-webkit-scrollbar -{ - width: 8px; /* for vertical scrollbars */ - height: 8px; /* for horizontal scrollbars */ -} - -::-webkit-scrollbar-track -{ - background: rgba(0, 0, 0, 0.1); -} - -::-webkit-scrollbar-thumb -{ - @include border-radius($border-rad * 2); - background: rgba(0, 0, 0, 0.4); -} - -body{ - scrollbar-face-color: rgba(0, 0, 0, 0.1); - scrollbar-shadow-color: #2D2C4D; - scrollbar-highlight-color:#7D7E94; - scrollbar-3dlight-color: #7D7E94; - scrollbar-darkshadow-color: #2D2C4D; - scrollbar-track-color: rgba(0, 0, 0, 0.1); - scrollbar-arrow-color: #C1C1D1; -} \ No newline at end of file diff --git a/web/sass-files/sass/components/_search.scss b/web/sass-files/sass/components/_search.scss deleted file mode 100644 index faf0b8177..000000000 --- a/web/sass-files/sass/components/_search.scss +++ /dev/null @@ -1,175 +0,0 @@ -@charset 'UTF-8'; - -#channel-header .search-bar__container { - padding: 0 9px 0 3px; -} - -.search-bar__container { - padding: 12px 8px 0 0; - @include flex(0 0 56px); - - .sidebar--right.move--left & { - padding-right: 42px; - } -} - -.glyphicon-refresh-animate { - @include animation(spin .7s infinite linear); -} - -.search__clear { - display: none; - position: absolute; - right: 0; - line-height: 45px; - margin-right: 13px; - @include single-transition(all, .2s, linear); - @include translateX(60px); - z-index: 5; - cursor: pointer; -} - -.search-item-snippet { - @include clearfix; - text-overflow: ellipsis; -} - -.sidebar__collapse { - cursor: pointer; - z-index: 5; - fill: #fff; - position: absolute; - left: 0; - font-size: 35px; - width: 49px; - @include single-transition(all, .2s, linear); - @include translateX(0px); - text-align: center; - padding-left: 1px; - line-height: 40px; - display: none; -} - -.search-item-snippet { - ul, - ol { - padding-left: 20px; - } -} - -.sidebar__search-icon { - position: absolute; - top: 15px; - margin-left: 10px; - font-size: 14px; - @include opacity(.5); - display: none; - color: #777; -} - -.search__form { - position: relative; - - .search-bar__container & { - margin: 0; - border: 1px solid #ddd; - @include border-radius(2px); - width: 300px; - } - - .sidebar--right & { - width: 100%; - } - - .search-bar { - height: 40px; - padding-right: 30px; - box-shadow: none; - - .search-bar__container & { - height: 30px; - border: none; - } - } - - .glyphicon-refresh-animate { - top: 27px; - position: absolute; - right: 27px; - color: #999; - - .search-bar__container & { - right: 7px; - top: 8px; - } - } -} - -.search-items-container { - position: relative; - overflow: auto; - -webkit-overflow-scrolling: touch; - @include flex(1 1 auto); - height: calc(100% - 56px); - padding-top: 10px; -} - -.search-results-header { - font-size: 1em; - text-transform: uppercase; - color: #999; - font-weight: 400; - color: #888; - height: 44px; - line-height: 44px; - padding: 0 10px 0 10px; - border-bottom: $border-gray; -} - -.search-item__container { - .post { - padding: 0 1em 1em; - margin: 0; - - &:first-child { - border: none; - } - - .search-channel__name { - font-weight: 600; - margin: 0 0 10px 0; - } - } -} - -.search-item__jump { - position: absolute; - right: 0; - top: 0px; - font-size: 13px; - @include opacity(.8); - - &:hover { - @include opacity(1); - } -} - -.search-item__comment { - position: absolute; - right: 0; - margin-right: 35px; - top: 0; -} - -.search-item-time { - @include opacity(.7); - font-size: .9em; -} - -.search-results-none { - padding: 10px; -} - -.search-highlight { - background-color: #fff2bb; -} diff --git a/web/sass-files/sass/components/_suggestion-list.scss b/web/sass-files/sass/components/_suggestion-list.scss deleted file mode 100644 index 125a3cf32..000000000 --- a/web/sass-files/sass/components/_suggestion-list.scss +++ /dev/null @@ -1,41 +0,0 @@ -@charset 'UTF-8'; - -.suggestion-list { - width: 100%; - z-index: 100; - @extend %popover-box-shadow; -} - -.suggestion-list--top { - position: absolute; -} - -.suggestion-list__content { - width: 100%; - max-height: 292px; - background-color: #fff; - border: $border-gray; - overflow-x: hidden; - overflow-y: scroll; - - .command { - position: relative; - width: 100%; - line-height: 24px; - padding: 5px 10px 8px; - z-index: 101; - font-size: .95em; - border-bottom: 1px solid #ddd; - - .command__desc { - margin-left: 5px; - @include opacity(.5); - line-height: normal; - } - } -} - -.suggestion-list__content--top { - position: absolute; - bottom: 0; -} diff --git a/web/sass-files/sass/components/_tooltip.scss b/web/sass-files/sass/components/_tooltip.scss deleted file mode 100644 index 44c10edb9..000000000 --- a/web/sass-files/sass/components/_tooltip.scss +++ /dev/null @@ -1,10 +0,0 @@ -@charset 'UTF-8'; - -.tooltip { - .tooltip-inner { - word-break: break-word; - font-size: 13px; - padding: 3px 10px 4px; - font-weight: 500; - } -} diff --git a/web/sass-files/sass/components/_tutorial.scss b/web/sass-files/sass/components/_tutorial.scss deleted file mode 100644 index f15919009..000000000 --- a/web/sass-files/sass/components/_tutorial.scss +++ /dev/null @@ -1,208 +0,0 @@ -@charset 'UTF-8'; - -.tip-backdrop { - background: rgba(black, .5); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 999; -} - -.tip-overlay { - width: 350px; - max-width: 90%; - position: absolute; - background-color: #fff; - @include border-radius(3px); - padding: 20px; - z-index: 1000; - - .arrow { - border-width: 10px; - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - } - - &.tip-overlay--sidebar { - max-width: 75%; - margin: 50px 0 0 10px; - min-height: 330px; - .tutorial__footer { - position: absolute; - width: 100%; - bottom: 20px; - left: 0; - padding: 0 20px; - } - .arrow { - top: 80px; - left: -10px; - margin-top: -10px; - border-left-width: 0; - border-right-color: #fff; - } - } - - &.tip-overlay--header { - margin: 10px 0 0 10px; - .arrow { - top: 15px; - left: -10px; - border-left-width: 0; - border-right-color: #fff; - } - } - - &.tip-overlay--chat { - margin-top: -10px; - .arrow { - left: 50%; - margin-left: -10px; - border-bottom-width: 0; - border-top-color: #fff; - bottom: -10px; - } - } - - h4 { - font-size: em(16px); - font-weight: 600; - margin: 5px 0 15px; - } - - p { - font-size: 13px; - line-height: 1.6; - - strong { - font-weight: 600; - } - } - - .btn { - background: #ccc; - color: #fff; - @include border-radius(3px); - border: none; - margin: 10px 0; - - &:hover, - &:active, - &:focus { - color: #fff; - border: none; - background: #bbb; - } - } - - .tip-opt { - font-size: 12px; - - span { - @include opacity(.9); - } - } - - .tutorial__circles { - margin: 1.5em 0px -1.7em -4px; - - .circle { - width: 7px; - height: 7px; - margin: 0 4px; - } - } -} - -.tip-button { - z-index: 998; - right: -10px; - top: -10px; - position: relative; - cursor: pointer; -} - -.tip-div { - position: absolute; - top: 0px; - right: 0px; - - &.tip-overlay--header { - top: 21px; - right: 2px; - .tip-button { - @include opacity(.8); - } - } - - &.tip-overlay--sidebar { - left: 0; - @include opacity(.8); - top: -9px; - } -} - -.tutorial-steps__container { - text-align: center; - width: 100%; - display: table; - height: 100%; - .tutorial__content { - display: table-cell; - vertical-align: middle; - padding-bottom: 100px; - padding: 20px 40px 40px; - .tutorial__steps { - position: relative; - max-width: 310px; - min-height: 370px; - margin-bottom: 50px; - text-align: left; - display: inline-block; - } - } - .tutorial__footer { - position: absolute; - bottom: 0; - } - h1 { - font-size: em(40px); - margin: -20px 0 30px; - font-weight: 600; - } - h3 { - font-size: em(24px); - margin-bottom: 30px; - font-weight: 600; - } - .tutorial__circles { - position: absolute; - bottom: 40px; - } - .tutorial-skip { - margin-left: 13px; - } -} - -.tutorial__circles { - margin: 2em 0; - .circle { - width: 9px; - height: 9px; - @include border-radius(9px); - @include opacity(.2); - background: #000; - display: inline-block; - margin: 0 5px; - &.active { - background: $color--primary; - @include opacity(1); - } - } -} diff --git a/web/sass-files/sass/components/_videos.scss b/web/sass-files/sass/components/_videos.scss deleted file mode 100644 index 91db750bd..000000000 --- a/web/sass-files/sass/components/_videos.scss +++ /dev/null @@ -1,66 +0,0 @@ -@charset 'UTF-8'; - -.video-div { - position: relative; - max-width: 480px; - margin-bottom: 8px; - .video-thumbnail { - max-width: 100%; - height: auto; - } - .block { - background-color: rgba(0,0,0,.5); - border-radius: 10px; - position: absolute; - top: 50%; - left: 50%; - margin-top: -100px; - width: 200px; - margin: -75px 0 0 -100px; - height: 150px; - } -} - -.video-type { - @include opacity(.8); - font-size: 15px; - margin: 0px; - padding: 0px; -} - -.video-title { - font-size: 15px; - margin-top: 3px; -} -.play-button { - width: 100px; - height: 100px; - position: absolute; - top: 26px; - right: 51px; - border: 4px solid; - border-color: rgba(255,255,255,.4); - border-radius: 14px; -} -.play-button span { - position: absolute; - top: 10px; - left: 20px; - width: 0; - height: 0; - border-top: 36px solid transparent; - border-bottom: 36px solid transparent; - border-left: 60px solid rgba(255,255,255,.4); -} - -.img-div { - -moz-force-broken-image-icon: 1; - position: relative; - max-width: 450px; - max-height: 500px; - margin-bottom: 8px; - border-radius: 5px; - &.placeholder { - height: 500px; - } -} diff --git a/web/sass-files/sass/layout/_content.scss b/web/sass-files/sass/layout/_content.scss deleted file mode 100644 index 71bef0d7f..000000000 --- a/web/sass-files/sass/layout/_content.scss +++ /dev/null @@ -1,85 +0,0 @@ -@charset 'UTF-8'; - -.inner-wrap { - &.move--left { - .search-bar__container { - display: none; - } - } - - &.move--right { - .search-bar__container { - display: none; - } - } -} - -.app__content { - height: 100%; - padding-top: 50px; - margin-left: 220px; - position: relative; - background: #fff; - @include display-flex; - @include flex-direction(column); - - .channel__wrap & { - padding-top: 0; - } -} -#post-create { - @include flex(0 0 auto); - background: #fff; - width: 100%; - z-index: 3; -} - -#archive-link-home { - @include flex(0 0 auto); - cursor: pointer; - padding: 10px 20px; - font-size: 13px; - - .fa { - font-size: 11px; - @include opacity(.7); - } - - a { - color: inherit; - } -} - -.post-list { - .new-messages-hr { - margin-top: 5px; - margin-bottom: 0px; - border: 0; - border-top: 1px solid #f80; - } - - .new-messages-text { - margin-top: 2px; - margin-bottom: 5px; - color: #f80; - text-align: center; - } -} - -.new-messages-hr { - margin-top: 5px; - margin-bottom: 0px; - border: 0; - border-top: 1px solid #f80; -} - -.new-messages-text { - margin-top: 2px; - margin-bottom: 5px; - color: #f80; - text-align: center; -} - -.delete-message-text { - margin-top: 10px; -} diff --git a/web/sass-files/sass/layout/_footer.scss b/web/sass-files/sass/layout/_footer.scss deleted file mode 100644 index 5624e6376..000000000 --- a/web/sass-files/sass/layout/_footer.scss +++ /dev/null @@ -1,30 +0,0 @@ -@charset 'UTF-8'; - -.footer-pane { - background: #eee; - padding-bottom: 1em; - - .footer-link { - padding: 0 1.5em; - - &.copyright { - color: #999; - padding-right: 0; - } - } - - .footer-site-name { - padding: 1.5em 0 1em; - font-size: 14px; - font-weight: bold; - text-transform: uppercase; - } -} - -.footer, -.footer-pane, -.footer-push { - height: 89px; -} - - diff --git a/web/sass-files/sass/layout/_forms.scss b/web/sass-files/sass/layout/_forms.scss deleted file mode 100644 index 1f51603cc..000000000 --- a/web/sass-files/sass/layout/_forms.scss +++ /dev/null @@ -1,66 +0,0 @@ -@charset 'UTF-8'; - -.form-horizontal { - .modal-intro { - margin: -10px 0 30px; - } - - .form__label { - text-align: left; - padding-right: 3px; - font-weight: 600; - font-size: 1.1em; - - &.light { - font-weight: normal; - color: #999; - font-size: 1.05em; - font-style: italic; - padding-top: 2px; - } - } - - .input__help { - color: inherit; - margin: 10px 0 0 10px; - word-break: break-word; - @include opacity(.8); - - &.dark { - @include opacity(1); - } - - &.error { - color: #a94442; - } - } - - .form-control { - font-weight: normal; - } - - .form-group { - margin-bottom: 25px; - - &.less { - margin-bottom: 10px; - } - } -} - -.help-block { - font-size: .95em; - margin: 10px 0 0; - color: #999; -} - -.disabled-input { - background-color: #ddd !important; -} - -.form-group { - &.form-group--small { - margin-bottom: 10px; - } -} - diff --git a/web/sass-files/sass/layout/_headers.scss b/web/sass-files/sass/layout/_headers.scss deleted file mode 100644 index 0a6b9f920..000000000 --- a/web/sass-files/sass/layout/_headers.scss +++ /dev/null @@ -1,370 +0,0 @@ -@charset 'UTF-8'; - -#channel-header { - @include flex(0 0 56px); -} - -.row { - &.header { - position: relative; - - .channel__wrap & { - display: none; - } - } -} - -.header-dropdown__icon { - font-size: 11px; - color: inherit; - top: 3px; -} - -.channel-header__info { - display: table; - table-layout: fixed; - width: 100%; - - > div { - display: block; - white-space: nowrap; - word-break: break-word; - - &.dropdown { - max-width: 100%; - padding-right: 1em; - float: left; - - .header-dropdown__icon { - color: #777; - } - - a { - text-decoration: none; - } - - .modal { - white-space: normal; - } - } - - &.description { - overflow: hidden; - text-overflow: ellipsis; - margin-top: 2px; - max-height: 45px; - .markdown-inline-img { - max-height: 45px; - } - } - - &.popover { - white-space: normal; - } - } -} - -.channel-intro { - margin: 0 auto 35px; - padding: 0 1em 5px; - max-width: 1000px; - border-bottom: 1px solid lightgrey; - - .intro-links { - margin: 0 1.5em 10px 0; - display: inline-block; - - .fa { - margin-right: 5px; - } - } - - .channel-intro-profile { - margin-top: 5px; - margin-left: 63px; - } - - .channel-intro-img { - float: left; - img { - @include border-radius(100px); - } - } - - .channel-intro__title { - font-weight: 600; - font-size: 20px; - margin-bottom: 15px; - } - - .channel-intro__content { - background: #f7f7f7; - padding: 10px 15px; - @include border-radius(3px); - } - .channel-intro-text { - margin-top: 35px; - } -} - -// Team Header in Sidebar -.sidebar--left, -.sidebar--menu { - .team__header { - position: relative; - padding: 9px 10px; - @include legacy-pie-clearfix; - - &:before { - @include single-transition(all, .05s, linear); - content: ''; - background: none; - top: 0; - left: 0; - width: 100%; - height: 100%; - position: absolute; - } - - &:hover { - &:before { - background: rgba(black, .1); - } - - .user__name { - color: #fff; - } - - .navbar-right { - .dropdown-toggle { - @include opacity(1); - } - } - } - - .navbar-right { - font-size: .85em; - position: absolute; - top: 10px; - right: 22px; - z-index: 5; - - .dropdown-toggle { - @include single-transition(all, .1s, linear); - padding: 10px; - @include opacity(.8); - } - - .dropdown-menu { - li a { - padding: 3px 20px; - text-overflow: ellipsis; - overflow: hidden; - } - } - - .dropdown__icon { - fill: #fff; - } - } - - .settings__link a:hover, - a:visited, - a:link, - a:active { - text-decoration: none; - } - - .user__picture { - width: 36px; - height: 36px; - float: left; - @include border-radius(36px); - margin-right: 6px; - } - - .header__info { - color: #fff; - @include clearfix; - padding-left: 2px; - z-index: 1; - position: relative; - } - - .team__name, - .user__name { - display: block; - font-weight: 600; - font-size: 16px; - max-width: 85%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - text-decoration: none; - } - - .team__name { - line-height: 22px; - margin-top: -2px; - float: left; - } - - .user__name { - @include single-transition(all, .1s, linear); - font-size: 14px; - line-height: 18px; - font-weight: 400; - color: #eee; - color: rgba(#fff, .8); - } - - > .nav { - > li { - > a { - float: right; - background: none !important; - padding: 2px; - - &.dropdown-toggle { - line-height: 1.8; - font-size: 1em; - color: #fff; - } - } - } - } - } - .search__clear { - display: none; - } -} - -#navbar { - .navbar-default { - .navbar-toggle { - &.menu-toggle { - padding: 0 1em; - } - } - } -} - -.channel-header { - width: 100%; - border-left: none; - font-size: 14px; - line-height: 56px; - - #member_popover { - width: 50px; - color: #999; - cursor: pointer; - - .fa { - margin-left: 4px; - font-size: 16px; - } - } - - &.alt { - margin: 0; - th { - font-weight: normal !important; - } - td { - border: none; - } - } - - th { - text-align: center; - &:first-child { - text-align: left !important; - border-left: none; - width: 100%; - padding-left: 1em; - } - &:last-child { - width: 8.9%; - } - } - - td { - padding: 5px 25px 5px !important; - font-size: 13px; - text-align: center !important; - &:first-child { - text-align: left !important; - } - } - - .heading { - margin: 0; - color: #555; - font-size: 1.3em; - font-weight: 600; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - display: inline-block; - vertical-align: middle; - margin-right: 4px; - } - - .caret { - margin-top: 3px; - } - - .more { - color: #81848b; - display: inline-block; - vertical-align: top; - text-transform: capitalize; - font-size: 13px; - } - - .disabled { - color: #999; - } -} - -.channel-header__navbar { - font-size: 16px; - - .heading { - margin-right: 3px; - } - - .header-dropdown__icon { - top: 1px; - } -} - -.channel-header__links { - font-family: 'Open Sans', sans-serif; - height: 30px; - width: 24px; - line-height: 26px; - margin-right: 9px; - font-size: 22px; - - .channel__wrap.move--left & { - position: absolute; - right: -400px; - top: 14px; - } - - > a { - color: inherit; - text-decoration: none; - @include opacity(.6); - @include single-transition(all, .1s, ease-in); - - &:hover { - @include opacity(1); - } - &:focus { - color: inherit; - } - } -} diff --git a/web/sass-files/sass/layout/_markdown.scss b/web/sass-files/sass/layout/_markdown.scss deleted file mode 100644 index 307060ac3..000000000 --- a/web/sass-files/sass/layout/_markdown.scss +++ /dev/null @@ -1,116 +0,0 @@ -@charset 'UTF-8'; - -.markdown__heading { - font-weight: 700; - line-height: 1.5; -} - -.markdown__paragraph-inline { - display: inline; - - + .markdown__paragraph-inline { - margin-left: 4px; - } -} - -#post-list { - .markdown-inline-img { - -moz-force-broken-image-icon: 1; - max-height: 500px; - height: 500px; - } -} - -.post-body--code { - position: relative; - - pre { - margin-bottom: 0; - word-break: normal; - overflow: auto; - word-wrap: normal; - } -} - -.post-body--code__language { - -webkit-transform: translate3d(0,0,0); - position: absolute; - top: 0; - right: 0; - color: #fff; - background: #21586d; - padding: 4px 10px 5px 10px; - font-size: 13px; - opacity: .7; - z-index: 5; -} - -.post__body { - hr { - height: 4px; - padding: 0; - margin: 15px 0 16px; - background-color: #e7e7e7; - border: 0 none; - @include opacity(.2); - } - - code { - white-space: pre; - } - - .codespan__pre-wrap { - code { - white-space: pre-wrap; - } - } -} - -.markdown__table { - background: #fff; - margin: 5px 0 10px; - - th, - td { - padding: 6px 13px; - border: 1px solid #ddd; - } - - tbody tr { - background: #fff; - - &:nth-child(2n) { - background-color: #f8f8f8; - } - } -} -blockquote { - border: none; - position: relative; - font-size: 16px; - padding: 10px 10px 10px 38px; - margin-bottom: 0; - - &:before { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - display: inline-block; - text-decoration: inherit; - content: '\f10d'; - left: 8px; - top: 5px; - position: absolute; - font-size: 20px; - @include opacity(.6); - } -} -pre { - border: none; - margin: 5px 0; - color: inherit; -} -code { - background: #fff; - color: inherit; -} diff --git a/web/sass-files/sass/layout/_module.scss b/web/sass-files/sass/layout/_module.scss deleted file mode 100644 index 39ab2c6f8..000000000 --- a/web/sass-files/sass/layout/_module.scss +++ /dev/null @@ -1,13 +0,0 @@ -// Only for combining all the files in this folder -@import 'content'; -@import 'footer'; -@import 'forms'; -@import 'headers'; -@import 'markdown'; -@import 'navigation'; -@import 'post'; -@import 'post-right'; -@import 'sidebar-left'; -@import 'sidebar-menu'; -@import 'sidebar-right'; -@import 'webhooks'; diff --git a/web/sass-files/sass/layout/_navigation.scss b/web/sass-files/sass/layout/_navigation.scss deleted file mode 100644 index 65c62cb17..000000000 --- a/web/sass-files/sass/layout/_navigation.scss +++ /dev/null @@ -1,137 +0,0 @@ -@charset 'UTF-8'; - -.nav > li > a:focus, -.nav > li > a:hover { - background: transparent; -} - -#navbar { - input { - margin: 0px 5px 0px 2px; - } - - .navbar-default { - position: absolute; - border: none; - min-height: 45px; - background: $color--primary; - - .navbar-nav { - > li { - > a { - height: 45px; - padding: 0 1.3em; - - i { - line-height: 45px; - } - } - } - } - - .navbar-toggle { - width: 43px; - float: left; - border-color: transparent; - border-radius: 0; - margin: 0; - padding: 0 10px; - line-height: 48px; - height: 44px; - z-index: 5; - fill: #fff; - - .icon-bar { - background: #fff; - width: 21px; - } - - .glyphicon-search { - top: -1px; - } - - .icon--white { - color: #fff; - } - - &:hover, - &:active, - &:focus { - background: inherit; - } - } - - .navbar-brand { - padding: 0 .5em; - height: 45px; - line-height: 45px; - float: none; - font-size: 16px; - - .heading { - margin-right: 3px; - font-weight: 600; - color: #fff; - } - - .header-dropdown__icon { - top: 1px; - } - - .dropdown-toggle { - color: #fff; - } - - .description { - display: inline-block; - margin-right: .5em; - color: #fff; - - &.info-popover { - width: 19px; - height: 19px; - background: url('../images/info__icon.png'); - @include background-size(100% 100%); - vertical-align: middle; - top: -1px; - position: relative; - cursor: pointer; - } - } - } - } - - .sidebar-channel { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - span { - white-space: nowrap; - margin-left: 2px; - } - } - - .channel-create-btn { - margin-right: 15px; - } - - .more-channel-table { - width: 100%; - border: 1px solid #dbdbdc; - td { - padding: 7px; - } - button { - width: 110px; - } - } -} - -.badge-notify { - background: red; - position: absolute; - left: 4px; - top: 3px; - z-index: 100; -} diff --git a/web/sass-files/sass/layout/_post-right.scss b/web/sass-files/sass/layout/_post-right.scss deleted file mode 100644 index 595577564..000000000 --- a/web/sass-files/sass/layout/_post-right.scss +++ /dev/null @@ -1,155 +0,0 @@ -@charset 'UTF-8'; - -.post-right__container { - @include display-flex; - @include flex-direction(column); - height: 100%; - - .post-right-root-message { - padding: 1em 1em 0; - } - - .post-right-comments-container { - position: relative; - - .post { - &:first-child { - padding-top: 15px; - } - } - } - - - .help_format_text { - bottom: -63px; - right: auto; - } - - .post { - &.post--root { - padding-bottom: 1.2em; - border-bottom: 1px solid #ddd; - - .post__body { - background: transparent !important; - } - } - - .post__header { - .col__reply { - top: 0; - text-align: right; - } - } - - .post__body { - width: 100%; - } - } - - hr { - margin-bottom: 0; - border: none; - } - - .post-create__container { - width: 100%; - margin-top: 10px; - - .textarea-wrapper { - min-height: 100px; - } - - .btn { - margin-bottom: 10px; - } - - .custom-textarea { - min-height: 100px; - } - - .msg-typing { - @include opacity(.7); - float: left; - margin-top: 3px; - font-size: 13px; - line-height: 20px; - min-width: 1px; - display: block; - height: 20px; - max-width: 230px; - } - - .post-create-footer { - width: 100%; - padding: 5px 0 10px; - } - - .post-right-comments-upload-in-progress { - padding: 6px 0; - color: #a8adb7; - margin-right: 10px; - } - } -} -.post-right-header { - font-size: 1em; - text-transform: uppercase; - color: #999; - font-weight: 400; - color: #888; - height: 39px; - padding: 10px 10px 0 15px; - border-bottom: $border-gray; -} - -.post-right-root-container { - padding: 5px 10px; - border-bottom: $border-gray; -} - -.post-right-root-container { - ul { - padding-left: 0; - margin-bottom: 2px; - } -} - -.post-right-channel__name { - font-weight: 600; - margin: 0 0 10px 0; -} - -.post-right-root-container li { - display: inline; - list-style-type: none; - padding-right: 3px; -} - -.post-right-root-time { - color: #a8adb7; -} - -.post-right-create-comment-container { - padding: 5px; - margin-bottom: 18px; - position: absolute; - bottom: 0; - left: 0; - width: 100%; -} - -.post-right__scroll { - position: relative; - overflow: auto; - -webkit-overflow-scrolling: touch; - @include flex(1 1 auto); - - .file-preview__container { - margin-top: 5px; - } -} - -.post-right-comment-time { - color: #a8adb7; -} diff --git a/web/sass-files/sass/layout/_post.scss b/web/sass-files/sass/layout/_post.scss deleted file mode 100644 index ce055035d..000000000 --- a/web/sass-files/sass/layout/_post.scss +++ /dev/null @@ -1,997 +0,0 @@ -@charset 'UTF-8'; - -.custom-textarea { - white-space: pre-wrap; - word-wrap: break-word; - background: transparent; - border: 1px solid #ccc; - position: absolute; - top: 0px; - height: auto; - resize: none; - line-height: 20px; - min-height: 36px; - overflow-x: hidden; - &:focus { - border-color: #ccc; - box-shadow: none; - } -} - -.bad-connection { - background: #ffffac !important; - color: #d04444 !important; -} - -.textarea-div { - white-space: pre-wrap; - word-wrap: normal; - color: rgba(0,0,0,0); - position: absolute; - top: 0px; - word-break: break-word; - left: 1px; - line-height: 20px; - min-height: 36px; - height: auto; - border: 0; -} - -body.ios { - .textarea-div { - padding: 7px 17px 7px 15px; - -webkit-overflow-scrolling: auto; - } -} - -.textarea-div::-webkit-scrollbar { - display: none; -} - -.textarea-wrapper { - position: relative; - .textbox-preview-area { - position: absolute; - z-index: 2; - top: 0; - left: 0; - box-shadow: none; - white-space: normal; - } - .help__text { - right: 0; - position: absolute; - z-index: 3; - bottom: -23px; - font-size: 13px; - cursor: pointer; - } - .textbox-preview-link { - margin-right: 8px; - } - min-height: 36px; -} - -.help_format_text { - display: none !important; - position: absolute; - bottom: -23px; - left: 0px; - overflow: hidden; - text-overflow: ellipsis; - font-size: .85em; - @include opacity(0); - @include single-transition(all .2s ease); - - b, - i, - code { - margin-right: 3px; - } - .textbox-preview-link { - font-size: 13px; - cursor: pointer; - margin-left: 15px; - } -} - -.date-separator, -.new-separator { - text-align: center; - height: 2em; - margin: 0; - position: relative; - z-index: 0; - &:before, - &:after { - content: ''; - height: 1em; - position: absolute; - left: 0; - width: 100%; - display: none; - } - &:before { - bottom: 0; - } - &:after { - top: 0; - } - &.hovered--after { - &:before { - background: #f5f5f5; - display: block; - } - } - &.hovered--before { - &:after { - background: #f5f5f5; - display: block; - } - } - .separator__hr { - border-color: #ccc; - margin: 0; - position: relative; - z-index: 5; - top: 1em; - } - .separator__text { - line-height: 2em; - color: #555; - background: #fff; - display: inline-block; - padding: 0 1em; - font-weight: 700; - @include border-radius(50px); - position: relative; - z-index: 5; - font-size: 13px; - } -} -.new-separator { - .separator__hr { - border-color: #ffaf53; - } - .separator__text { - color: #f80; - font-weight: normal; - } -} - -.file-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - text-align: center; - color: #fff; - font-size: em(20px); - font-weight: 600; - z-index: 6; - - .overlay__indent { - background-color: rgba(0, 0, 0, .6); - position: relative; - height: 100%; - @include clearfix; - } - - &.center-file-overlay { - .overlay__indent { - margin-left: 220px; - } - } - - &.right-file-overlay { - font-size: em(18px); - .overlay__circle { - width: 300px; - height: 300px; - margin: -150px 0 0 -150px; - } - .overlay__files { - margin: 60px auto 15px; - width: 150px; - } - } - - .overlay__circle { - background: #111; - background: rgba(black, .7); - width: 370px; - height: 370px; - margin: -185px 0 0 -185px; - @include border-radius(500px); - position: absolute; - top: 50%; - left: 50%; - pointer-events: none; - } - - .overlay__files { - display: block; - margin: 75px auto 20px; - } - - .overlay__logo { - position: absolute; - left: 50%; - bottom: 30px; - margin-left: -50px; - @include opacity(.3); - } - - .fa { - display: inline-block; - font-size: 1.1em; - margin-right: 8px; - } -} - -#post-list { - @include flex(1 1 auto); - position: relative; - overflow-y: hidden; - height: 100%; - - .inactive { - display: none; - } - - .post-list-holder-by-time { - background: #fff; - overflow-y: scroll; - width: 100%; - padding: 1em 0 0; - position: absolute; - height: 100%; - -webkit-overflow-scrolling: touch; - &.active { - display: inline; - } - } - - .more-messages-text { - margin: 5px 0 10px; - display: block; - text-align: center; - outline: none; - border: none; - font-size: 13px; - } - .beginning-messages-text { - margin-top: 2px; - margin-bottom: 5px; - display: block; - text-align: center; - color: grey; - } -} - -.post-list__timestamp { - position: absolute; - top: 8px; - left: 50%; - z-index: 50; - width: 120px; - text-align: center; - background: $color--primary; - color: #fff; - @include border-radius(3px); - font-size: 12px; - line-height: 25px; - margin-left: -60px; - -webkit-font-smoothing: initial; - @include single-transition(all, .6s, ease); - @include translateY(-45px); - @include opacity(0); - display: none; - - &.scrolling { - @include translateY(0); - @include opacity(.8); - } -} - -.post-list__arrows { - background-repeat: no-repeat; - width: 40px; - height: 40px; - text-align: center; - fill: #444; - position: absolute; - bottom: 0; - left: 9px; - z-index: 50; - @include opacity(0); - @include single-transition(all, .6s); - display: none; - - svg { - color: inherit; - width: 28px; - height: 28px; - } - - &.scrolling { - display: block; - @include opacity(1); - } -} - -.post-create__container { - form { - width: 100%; - padding: .5em 14px 0; - margin: 0 auto; - max-width: 1028px; - } - .post-create-body { - position: relative; - padding: 0 0 2px; - .post-body__cell { - vertical-align: top; - position: relative; - &.scroll { - .btn-file { - right: 15px; - } - .custom-textarea { - padding-right: 43px; - } - } - } - .send-button { - display: none; - cursor: pointer; - padding-right: 4px; - width: 45px; - height: 37px; - font-size: 18px; - line-height: 37px; - vertical-align: bottom; - text-align: center; - @include single-transition(all, .15s); - &:active { - @include opacity(.75); - } - } - .custom-textarea { - padding-top: 8px; - padding-right: 28px; - max-height: 162px !important; - line-height: 1.5; - } - .textarea-div { - padding-top: 8px; - padding-right: 30px; - max-height: 163px !important; - overflow: auto; - line-height: 1.5; - } - .btn-file { - right: 0; - position: absolute; - top: 1px; - color: #444; - @include opacity(.5); - @include single-transition(all, .15s); - font-size: 16px; - padding: 7px 9px 6px; - &:hover, - &:active { - @include opacity(.9); - box-shadow: none; - } - } - textarea { - box-shadow: none; - } - } - .post-create-footer { - @include clearfix; - padding: 3px 0 0 0; - font-size: 13px; - .control-label { - font-weight: normal; - margin-bottom: 0; - top: -5px; - position: relative; - } - } - .msg-typing { - display: block; - @include opacity(.7); - white-space: nowrap; - margin-bottom: 5px; - overflow: hidden; - font-size: .95em; - text-overflow: ellipsis; - height: 20px; - } -} - -.post-list__table { - display: table; - table-layout: fixed; - width: 100%; - min-height: 100%; - height: 100%; - .post-list__content { - display: table-cell; - vertical-align: bottom; - .dropdown-menu { - &.bottom { - top: auto; - bottom: 25px; - } - } - } -} - -.post { - word-wrap: break-word; - padding: 8px .5em 0 1em; - position: relative; - max-width: 100%; - @include legacy-pie-clearfix; - - &:hover { - .dropdown, - .comment-icon__container, - .post__reply, - .post__remove { - visibility: visible; - } - .permalink-icon { - visibility: visible; - } - } - - &.post--highlight { - background-color: beige; - } - - p { - margin: 0; - line-height: 1.6em; - font-size: .97em; - white-space: pre-wrap; - - &:last-child { - margin-bottom: .5em; - } - } - - span { - p:last-child { - margin-bottom: .5em; - } - } - - &.post--root { - .comment-icon__container { - visibility: visible; - } - } - - &.same--root { - &.same--user { - padding: 0 .5em 0 1em; - - &:hover { - .post__time { - @include opacity(.5); - } - } - - .post__header { - margin: 0; - height: 0; - - .col__name { - display: none; - } - - .col__reply { - top: 6px; - } - } - - .post__time { - top: 24px; - } - - .post__time { - font: normal normal normal FontAwesome; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: absolute; - top: -2px; - left: -7px; - font-size: 11px; - line-height: 37px; - @include opacity(0); - } - } - - &.post--comment { - .post__link { - display: none; - } - - .post__img { - img { - display: none; - } - } - } - - &.post--comment { - .post__body { - border-left: 4px solid #ddd; - } - } - } - - &.other--root { - .comment-icon__container { - &.icon--show { - visibility: visible; - } - } - - &.post--comment { - .popover { - margin-top: 84px; - - > .arrow { - top: 21px !important; - } - } - - .post__header { - .col__reply { - top: 53px; - } - } - } - } - - .post__content { - margin: 0 auto; - position: relative; - max-width: 1000px; - display: table; - width: 100%; - table-layout: fixed; - - > div { - display: table-cell; - vertical-align: top; - } - } - - .post__header { - padding: 0; - list-style: none; - margin-bottom: 2px; - - li { - display: inline-block; - vertical-align: top; - } - - .col__name { - margin-right: 7px; - font-weight: 600; - - .user-popover { - max-width: 200px; - @include clearfix; - text-overflow: ellipsis; - white-space: nowrap; - } - } - - .col__reply { - position: absolute; - right: 0; - top: 30px; - width: 65px; - white-space: nowrap; - } - - .permalink-popover { - min-width: 0; - - .popover-content { - padding: 5px; - } - - .form-control, - .btn { - font-size: 13px; - height: 30px; - padding: 0 8px; - line-height: 30px; - } - } - } - - .post__img { - width: 46px; - img { - width: 36px; - height: 36px; - vertical-align: inherit; - @include border-radius(50px); - } - } - - .post__embed-container { - display: block; - max-height: 1000px; - transition: max-height .5s ease; - overflow: hidden; - &[hidden] { - max-height: 0; - } - } - - .dropdown { - display: inline-block; - visibility: hidden; - margin-right: 5px; - top: -1px; - - .dropdown-menu { - right: 0; - left: auto; - min-width: 130px; - padding: 2px 0; - - li { - display: block; - } - - a { - padding: 5px 15px; - } - } - } - - .post__dropdown { - &:after { - content: '[...]'; - top: -1px; - position: relative; - } - } - - .post__remove { - font-family: 'Open Sans', sans-serif; - position: relative; - display: inline-block; - vertical-align: top; - right: 15px; - top: -5px; - font-size: 20px; - width: 20px; - height: 20px; - line-height: 20px; - font-weight: 600; - visibility: hidden; - color: inherit; - @include opacity(.5); - text-decoration: none; - - &:hover { - @include opacity(.8); - } - } - - .post__body { - word-wrap: break-word; - padding: .2em .5em; - @include legacy-pie-clearfix; - width: calc(100% - 75px); - - p { - margin: 0 0 .4em; - } - - p + p { - margin-top: 1.4em; - } - - li { - > p { - margin-top: 10px; - } - } - - img { - max-height: 400px; - } - - ul, - ol { - margin-bottom: .4em; - - p { - margin-bottom: 0; - } - li ul, - li ol { - padding: 0 0 0 20px; - } - - li.list-item--task-list ul, - li.list-item--task-list ol { - margin-left: 20px; - } - - li.list-item--task-list ul { - padding-left: 0; - } - - li:not(.list-item--task-list) li.list-item--task-list, - li:not(.list-item--task-list) li.list-item--task-list ~ li { - margin-left: -20px; - } - - li input[type='checkbox']:disabled { - vertical-align: top; - cursor: default; - } - } - - ul li.list-item--task-list, - ul li.list-item--task-list ~ li { - list-style-type: none; - } - - ul li.list-item--task-list ~ li:not(.list-item--task-list) { - text-indent: 3px; - - &:before { - content: '⦁'; - margin-right: 8px; - } - } - } - - .post__link { - margin: 2px 0 5px; - font-size: 13px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - } - - .post__embed-visibility { - cursor: pointer; - font: normal normal normal 14px/1 FontAwesome; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - margin: 5px 0 10px; - display: inline-block; - - &:hover { - text-decoration: none; - } - - &:before { - content: '\f065'; - font-size: 14px; - } - - &[data-expanded='true']:before { - content: '\f066'; - } - } - - .post__time { - font-size: .9em; - } - - .post__time, - &.post--system .post__body { - @include opacity(.6); - } - - .post-loading-gif { - height: 10px; - width: 10px; - margin-top: 6px; - } - - .post-fail { - color: #d58a8a; - } - - .post-waiting { - color: #999; - } - - .permalink-icon { - display: inline-block; - color: $color--primary; - visibility: hidden; - } - - .post__reply { - display: inline-block; - margin-right: 6px; - visibility: hidden; - svg { - width: 18px; - top: 3px; - fill: inherit; - position: relative; - } - } - - .comment-icon__container { - fill: $color--primary; - display: inline-block; - visibility: hidden; - - &:focus { - outline: none; - } - - &.icon--visible { - visibility: visible; - } - - svg { - height: 17px; - width: 17px; - } - - .comment-icon { - display: inline-block; - top: 2px; - position: relative; - margin-right: 3px; - fill: inherit; - } - - path { - fill: inherit; - } - } - - .web-embed-data { - padding: 2px 0 0 10px; - background: #f9f9f9; - background: rgba(0, 0, 0, .05); - @include border-radius(2px); - height: 50px; - overflow: hidden; - text-overflow: ellipsis; - .embed-title { - margin: 3px 0 1px; - color: #555; - font-weight: 600; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - } - .embed-description { - margin: 0; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: #888; - } - .embed-link { - display: none; - } - } -} - -.bot-indicator { - font-family: inherit; - font-size: 11px; - padding: 2px 4px; - border-radius: 2px; - font-weight: 600; - margin: 0 0 0 -4px; -} - -.attachment { - .attachment__content { - border-width: 1px; - border-style: solid; - border-radius: 4px; - padding: 2px 5px; - margin: 0 0 5px 0; - } - .attachment__thumb-pretext { - border: 0 none; - background: transparent; - } - .attachment__container { - border-left-width: 4px; - border-left-style: solid; - padding: 2px 0 2px 10px; - &.attachment__container--good { - border-left-color: #00c100; - } - &.attachment__container--warning { - border-left-color: #dede01; - } - &.attachment__container--danger { - border-left-color: #e40303; - } - } - .attachment__body { - float: left; - width: 80%; - padding-right: 5px; - overflow-x: auto; - overflow-y: hidden; - &.attachment__body--no_thumb { - width: 100%; - } - } - .attachment__text p:last-of-type { - display: inline-block; - } - .attachment__thumb-pretext { - margin-left: 5px; - } - .attachment__title { - margin: 5px 0; - padding: 0; - line-height: 16px; - height: 22px; - font-size: 16px; - a { - font-size: 16px; - } - } - .attachment__author-icon { - @include border-radius(50px); - margin-right: 5px; - width: 14px; - height: 14px; - } - .attachment__image { - max-width: 100%; - margin-bottom: 1em; - } - .attachment__thumb-container { - width: 20%; - float: right; - img { - max-height: 75px; - max-width: 100%; - } - } - .attachment___fields { - width: 100%; - .attachment___field-caption { - font-weight: 700; - } - .attachment___field p { - margin: 0; - } - } -} - -.permalink-text { - overflow: hidden; -} - -.permalink-popover { - min-width: 320px; - margin-left: 50px !important; -} diff --git a/web/sass-files/sass/layout/_sidebar-left.scss b/web/sass-files/sass/layout/_sidebar-left.scss deleted file mode 100644 index ece054a15..000000000 --- a/web/sass-files/sass/layout/_sidebar-left.scss +++ /dev/null @@ -1,197 +0,0 @@ -@charset 'UTF-8'; - -.sidebar--left { - position: absolute; - width: 220px; - left: 0; - height: 100%; - border-right: $border-gray; - background: #fafafa; - z-index: 5; - - &.sidebar--padded { - padding-top: 44px; - } - .dropdown-menu { - max-height: 400px; - overflow-x: hidden; - overflow-y: auto; - max-width: 200px; - width: 200px; - } - .search__form { - margin: 0; - padding: 1em 1em 0; - display: none; - } - .badge { - background-color: $color--primary; - position: absolute; - right: 10px; - top: 5px; - } - .status { - position: relative; - top: 1px; - margin-right: 6px; - width: 12px; - display: inline-block; - svg { - max-height: 14px; - } - i, - path, - ellipse { - @include opacity(.5); - &.online--icon, - &.away--icon { - @include opacity(1); - } - } - .fa-lock { - margin-left: 1px; - } - .fa-globe { - top: -1px; - position: relative; - } - } - .nav-pills__container { - height: calc(100% - 80px); - position: relative; - overflow: auto; - -webkit-overflow-scrolling: touch; - } - - .nav-pills__unread-indicator { - position: absolute; - left: 0; - right: 0; - width: 72%; - color: #fff; - background: #2389d7; - @include border-radius(50px); - margin: 0 auto; - padding: 3px 0 4px; - font-size: 13.5px; - text-align: center; - z-index: 1; - } - - .nav-pills__unread-indicator-top { - top: 66px; - } - .nav-pills__unread-indicator-bottom { - bottom: 20px; - } - - .nav { - &.nav-stacked { - > li + li { - margin: 0; - } - } - li { - > h4 { - font-size: 1em; - text-transform: uppercase; - margin: 1.1em 0 .5em; - font-weight: 400; - color: #aaa; - letter-spacing: -.3px; - padding: 0 10px 0 15px; - } - > a { - padding: 3px 10px 3px 25px; - line-height: 1.5; - border-radius: 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - &.has-badge { - padding-right: 30px; - } - &.has-close { - padding-right: 30px; - &:hover { - .btn-close { - display: block; - @include opacity(.8); - } - } - .btn-close { - font-family: 'Open Sans', sans-serif; - position: absolute; - right: 15px; - top: -1px; - font-size: 20px; - font-weight: 600; - @include opacity(0); - display: none; - &:hover { - @include opacity(1); - } - } - } - &.nav-more { - text-decoration: underline; - } - &.unread-title { - font-weight: 600; - } - } - &.active { - a { - &:before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 5px; - height: 100%; - background: #000; - } - } - a, - a:hover, - a:focus { - background-color: rgba(black, .1); - border-radius: 0; - font-weight: 400; - position: relative; - } - } - } - } - .modal-title { - line-height: 2em; - } - - .add-channel-btn { - float: right; - outline: none; - margin: -2px 0 0 0; - color: #aaa; - padding: 0 5px; - text-decoration: none; - font-size: 22px; - line-height: 18px; - font-weight: 700; - &:hover { - color: #666; - } - } -} - -.channel-loading-gif { - height: 15px; - width: 15px; - margin-top: 2px; -} - -.join-channel-loading-gif { - margin-top: 5px; - margin-left: 10px; - height: 25px; - width: 25px; -} diff --git a/web/sass-files/sass/layout/_sidebar-menu.scss b/web/sass-files/sass/layout/_sidebar-menu.scss deleted file mode 100644 index 167b24ba0..000000000 --- a/web/sass-files/sass/layout/_sidebar-menu.scss +++ /dev/null @@ -1,72 +0,0 @@ -@charset 'UTF-8'; - -.sidebar--menu { - position: absolute; - width: 220px; - right: 0; - height: 100%; - border-right: $border-gray; - padding: 0 0 2em 0; - background: #fafafa; - display: none; - .nav-pills__container { - padding-top: 5px; - } - .team__header { - display: none; - padding: 0 15px; - @include legacy-pie-clearfix; - a { - color: #fff; - } - .navbar-right { - font-size: .85em; - margin: 16px -5px 0; - .dropdown-toggle { - padding: 0 10px; - } - .dropdown-menu { - li a { - padding: 3 20px; - color: #555; - } - } - .dropdown__icon { - background: url('../images/dropdown-icon.png'); - width: 4px; - height: 16px; - @include background-size(100% 100%); - display: inline-block; - } - } - .team__name { - float: left; - line-height: 50px; - font-weight: 600; - font-size: 1.2em; - max-width: 80%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - text-decoration: none; - } - } - .nav { - > li { - > a { - font-size: 15px; - background: none !important; - color: inherit; - line-height: 40px; - padding: 0 15px; - .fa, - .glyphicon { - width: 25px; - text-align: center; - left: -5px; - position: relative; - } - } - } - } -} diff --git a/web/sass-files/sass/layout/_sidebar-right.scss b/web/sass-files/sass/layout/_sidebar-right.scss deleted file mode 100644 index e1a7d7641..000000000 --- a/web/sass-files/sass/layout/_sidebar-right.scss +++ /dev/null @@ -1,129 +0,0 @@ -@charset 'UTF-8'; - -.sidebar--right { - position: fixed; - width: 400px; - height: 100%; - right: 0px; - padding: 0; - background: #fff; - @include translateX(400px); - - .post-body { - img { - max-height: 200px; - } - } - - .post { - .post__header { - .col__name { - .user-popover { - max-width: 130px; - } - } - } - } - - .sidebar--right__content { - height: 100%; - @include display-flex; - @include flex-direction(column); - } - - .sidebar--right__back { - color: inherit; - @include opacity(.8); - width: 30px; - text-align: center; - margin: 0 0 0 -14px; - font-size: 13px; - display: inline-block; - } - - .sidebar-right__body { - @include flex(1 1 auto); - border-left: $border-gray; - border-top: $border-gray; - @include display-flex; - @include flex-direction(column); - height: calc(100% - 56px); - @include border-radius(2px 0 0 0); - } - - .sidebar__overlay { - width: 100%; - height: 100%; - background-color: yellow; - @include opacity(.1); - position: absolute; - z-index: 5; - pointer-events: none; - } - - .input-group { - word-break: break-word; - } - - .sidebar--right__close { - margin: 11px 0 0 0; - width: 22px; - height: 22px; - opacity: .5; - font-size: 22px; - line-height: 0; - background: none; - float: right; - outline: none; - border: none; - @include single-transition(all, .2s, ease-in); - - &:hover, - &:active { - opacity: .8; - } - - i { - position: relative; - top: -2px; - } - } - - .sidebar--right__header { - font-size: 1em; - text-transform: uppercase; - color: inherit; - height: 44px; - padding: 0 1em; - line-height: 44px; - @include flex(0 0 44px); - border-bottom: $border-gray; - } - - .sidebar--right__subheader { - font-size: 1em; - padding: 1em 1em 0; - - h4 { - font-size: 1em; - } - - ul { - @include opacity(.7); - padding: 10px 0 0 30px; - } - - li { - font-size: .95em; - padding-bottom: 10px; - } - } - - .suggestion-list__content { - max-height: 120px; - } -} - -.sidebar-right-container { - height: 100%; -} diff --git a/web/sass-files/sass/layout/_webhooks.scss b/web/sass-files/sass/layout/_webhooks.scss deleted file mode 100644 index d6e367218..000000000 --- a/web/sass-files/sass/layout/_webhooks.scss +++ /dev/null @@ -1,37 +0,0 @@ -@charset 'UTF-8'; - -.webhooks__container { - background: rgba(black, .1); - border: 1px solid; - @include border-radius(3px); - padding: 0 13px 15px; - margin-top: 10px; -} - -.webhook__item { - font-size: 13px; - position: relative; - - &:last-child { - .divider-light:last-child { - display: none; - } - } - - .webhook__remove { - position: absolute; - right: -7px; - top: 8px; - width: 30px; - height: 30px; - font-size: 22px; - font-weight: bold; - text-align: center; - text-decoration: none; - color: #e05f5d; - } - - .webhook__url { - padding-right: 20px; - } -} diff --git a/web/sass-files/sass/responsive/_desktop.scss b/web/sass-files/sass/responsive/_desktop.scss deleted file mode 100644 index dcabb807f..000000000 --- a/web/sass-files/sass/responsive/_desktop.scss +++ /dev/null @@ -1,65 +0,0 @@ -@charset 'UTF-8'; - -@media screen and (max-width: 1800px) { - .inner-wrap { - &.move--left { - .date-separator, - .new-separator { - &.hovered--comment { - &:before, - &:after { - background: none; - } - } - } - } - } -} - -@media screen and (max-width: 1440px) { - .date-separator, - .new-separator { - &.hovered--comment { - &:before, - &:after { - background: none !important; - } - } - } -} - -@media screen and (max-width: 1140px) { - .tip-overlay { - &.tip-overlay--chat { - margin: -10px 0 0 -10px; - .arrow { - right: 15px; - left: auto; - } - } - } - .inner-wrap { - &.move--left { - .file-overlay { - font-size: em(18px); - - .overlay__circle { - width: 300px; - height: 300px; - margin: -150px 0 0 -150px; - } - - .overlay__files { - margin: 60px auto 15px; - width: 150px; - } - } - } - } -} - -@media (min-width: 992px) { - .modal-lg { - width: 700px; - } -} \ No newline at end of file diff --git a/web/sass-files/sass/responsive/_mobile.scss b/web/sass-files/sass/responsive/_mobile.scss deleted file mode 100644 index a452cb420..000000000 --- a/web/sass-files/sass/responsive/_mobile.scss +++ /dev/null @@ -1,901 +0,0 @@ -@charset 'UTF-8'; - -@media screen and (max-width: 768px) { - .signup-team__container { - font-size: 1em; - } - - .date-separator.hovered--before:after, - .date-separator.hovered--after:before, - .new-separator.hovered--after:before, - .new-separator.hovered--before:after { - background: none !important; - } - - .post { - .post__dropdown { - line-height: 9px; - text-decoration: none; - width: 20px; - display: inline-block; - text-align: center; - height: 20px; - - &:after { - font-size: 20px; - content: '...'; - top: -3px; - } - } - - .comment-icon__container { - visibility: visible; - display: none; - - &.icon--show { - display: inline-block; - } - } - - .post-list__content & { - &:hover { - background: transparent; - } - - .comment-icon__container { - visibility: visible; - } - } - - .dropdown, - .post__reply { - visibility: visible; - } - - .post__body { - width: calc(100% - 75px); - } - - .post__reply { - margin-right: 20px; - float: right; - - svg { - top: 1px; - } - } - - &.other--root .post__reply { - &.post__reply--hide { - visibility: hidden; - } - } - - .post__header { - .col__reply { - width: 65px; - } - - .col__name { - pointer-events: none; - - .user-popover { - max-width: 130px; - } - } - } - - &.same--root { - &.same--user { - .post__time { - display: none; - } - } - } - - .post__img { - width: 40px; - - img { - width: 32px; - height: 32px; - } - } - } - - .post-image__column { - width: 200px; - height: 95px; - } - - .textarea-wrapper { - .textbox-preview-link, - .textbox-help-link { - display: none; - } - } - .form-control { - &.min-height { - min-height: 100px; - } - } - - .img-div { - max-width: 100%; - } - - .tip-div { - left: 15px; - right: auto; - } - - .tip-overlay { - &.tip-overlay--chat { - margin-left: 10px; - .arrow { - left: 32px; - } - } - } - - .file-details__container { - display: block; - - .file-details__preview { - display: block; - width: 100%; - height: 150px; - border-right: none; - border-bottom: 1px solid #ddd; - img { - width: 64px; - height: 64px; - } - } - - .file-details { - width: 100%; - height: auto; - } - } - - .search-help-popover.visible { - visibility: hidden; - } - - .modal-direct-channels { - .member-count { - float: none; - margin-top: 10px; - display: block; - } - } - - .file-overlay { - font-size: em(18px); - - &.center-file-overlay { - .overlay__indent { - margin-left: 0; - } - } - - .overlay__circle { - width: 300px; - height: 300px; - margin: -150px 0 0 -150px; - } - - .overlay__files { - margin: 60px auto 15px; - width: 150px; - } - } - - .date-separator, - .new-separator { - &.hovered--after { - &:before { - background: none; - } - } - - &.hovered--before { - &:after { - background: none; - } - } - } - - .post-list__timestamp { - display: block; - } - - .signup-team__container { - padding: 30px 0; - margin-bottom: 30px; - font-size: .9em; - - .signup-team__name { - font-size: 2em; - } - - .btn.btn-full { - padding-left: 10px; - } - - .btn { - .icon, - .fa { - margin-right: 6px; - } - } - } - - .row--invite { - .col-sm-6 { - padding: 0; - } - } - - .modal { - .info__label { - text-align: left; - padding-bottom: 5px; - } - - .modal-header { - .modal-action { - margin-top: 10px; - } - - button.close { - font-weight: normal; - font-size: 27px; - } - - .modal-title { - float: none; - max-width: 90%; - } - - .btn { - &.btn-primary { - display: block; - margin: 10px 0 6px; - width: 100%; - float: none; - } - } - } - - .settings-modal { - &.display--content { - .modal-header { - display: none; - } - - .settings-table { - display: block; - - .settings-content { - &.minimize-settings { - display: block; - } - - .section-min:hover { - background: none; - } - - .no-padding--left { - padding-left: 15px; - } - } - - .settings-links { - display: none; - } - - .modal-header { - display: block; - position: absolute; - top: 0; - width: 100%; - z-index: 5; - - .modal-title { - width: 100%; - text-align: center; - } - } - - .user-settings { - .tab-header { - display: none; - } - - .divider-dark.first { - display: none; - } - } - } - } - - .settings-table { - padding: 0; - .nav { - position: relative; - top: auto; - width: 100%; - - &.position--top { - top: auto; - } - } - - .settings-content { - .section-edit { - position: absolute; - top: 14px; - right: 0; - padding-right: 0; - .fa { - display: inline-block; - } - } - - &.minimize-settings { - padding: 0; - display: none; - .user-settings { - padding: 70px 20px 30px; - } - } - - .section-min:hover { - background: none !important; - } - } - - .nav { - > li { - > a { - border-top: 1px solid #ddd; - font-size: 1.1em; - line-height: 2.7; - color: #555; - - .glyphicon { - margin-left: 7px; - } - } - } - } - } - } - } - - .post-create__container { - .post-right__container & { - padding: 0 1em; - - .msg-typing { - display: none; - } - } - - form { - padding: .5em 0; - } - - .post-create-footer { - padding: 0 1em; - - .msg-typing { - display: none; - } - - .control-label { - top: 0; - } - } - - .post-create-body { - display: table; - width: 100%; - - .post-body__cell { - display: table-cell; - padding-left: 45px; - .sidebar--right & { - padding-left: 0; - } - } - - .app__content & { - .btn-file { - width: 45px; - padding: 0; - line-height: 36px; - bottom: -2px; - left: 0; - top: auto; - } - } - - .send-button { - display: table-cell; - } - } - } - - .file-preview__container { - margin: 5px 0 0; - } - - .file-preview { - margin-top: 0; - } - - .file-preview__remove { - width: 28px; - height: 28px; - left: auto; - right: 0; - top: 0; - background: #444; - background: rgba(#000, .5); - text-align: center; - - &:after { - display: none; - } - - i { - line-height: 29px; - top: auto; - right: auto; - position: relative; - font-size: 16px; - } - } - - #navbar { - .navbar-default { - .navbar-header { - float: none; - margin: 0 -15px; - - .dropdown__icon { - background: url('../images/dropdown-icon.png'); - width: 4px; - height: 16px; - @include background-size(100% 100%); - display: inline-block; - } - } - - .navbar-toggle { - display: block; - } - - .navbar-brand { - white-space: nowrap; - } - } - } - - body { - &.white { - .inner-wrap { - > .row.content { - margin-bottom: -185px; - } - } - } - } - - .footer, - .footer-pane, - .footer-push { - height: 187px; - } - - .footer-pane { - .footer-link { - padding: 0; - width: 100%; - text-align: right; - line-height: 1.7; - &.copyright { - width: 100%; - } - } - } - - .search__clear { - display: block; - } - - .search-bar__container { - padding: 0; - @include flex(0 0 44px); - background: $color--primary; - color: #fff; - - &.focused { - .sidebar__collapse { - @include translateX(-45px); - } - - .search__form { - @include translateX(-45px); - padding-left: 55px; - padding-right: 24px; - } - - .search__clear { - @include translateX(0px); - } - } - .search__form { - border: none; - @include translateX(0px); - padding: 7px 20px 0 49px; - height: 45px; - position: relative; - @include single-transition(all, .2s, linear); - - .glyphicon-refresh-animate { - right: 33px; - top: 15px; - color: #fff; - color: rgba(255,255,255,.5); - } - - .form-control { - border: none; - padding: 0 10px 0 31px; - background: rgba(black, .2); - @include border-radius(3px); - color: #444; - background: #fff; - } - } - } - .sidebar--menu { - @include single-transition(transform, .5s, ease); - @include translate3d(290px, 0, 0); - width: 290px; - border: none; - display: block; - - &.move--left { - @include translate3d(0, 0, 0); - } - } - - .sidebar--left { - @include single-transition(transform, .5s, ease); - @include translate3d(-290px, 0, 0); - width: 290px; - border: none; - &.sidebar--padded { - padding-top: 0; - } - - &.move--right { - @include translate3d(0, 0, 0); - } - - > div { - padding-bottom: 70px; - } - - .nav-pills__unread-indicator-bottom { - bottom: 10px; - } - - .badge { - top: 13px; - } - - .team__header { - @include clearfix; - pointer-events: none; - - .user__name { - display: none; - } - - .team__name { - margin: 10px 0; - } - - .navbar-right { - display: none; - } - } - - .search__form { - display: block; - } - - .nav { - li { - &.dropdown.open { - padding-bottom: 25px; - - ul { - clear: both; - background: #fff; - border-radius: 3px; - top: 5px; - position: relative; - - li { - a { - line-height: 30px; - } - } - } - } - - h4 { - margin: 16px 0 8px; - } - - > a { - font-size: 15px; - margin: 0; - line-height: 2.5; - - &:hover, - &:focus { - background: transparent; - } - - &.has-close { - .btn-close { - width: 40px; - text-align: center; - right: 0; - display: block; - @include opacity(.5); - } - } - } - } - } - } - - .sidebar--right { - width: 100%; - right: 0; - @include translate3d(100%, 0, 0); - z-index: 5; - - &.move--left { - @include translate3d(0, 0, 0); - } - - .sidebar__collapse, - .sidebar__search-icon { - display: block; - } - - .sidebar--right__close { - display: none; - } - - .sidebar-right__body { - height: calc(100% - 44px); - } - } - - .search-items-container { - height: calc(100% - 44px); - } - - .inner-wrap { - @include single-transition(all, .5s, ease); - - &.move--right { - @include translate3d(290px, 0, 0); - - &:before { - z-index: 9999; - content: ''; - width: 100%; - height: 100%; - left: -15px; - top: 0; - position: absolute; - background: rgba(0, 0, 0, .4); - } - } - - &.move--left-small { - @include translate3d(-290px, 0, 0); - &:before { - z-index: 9999; - content: ''; - width: 100%; - height: 100%; - right: -15px; - top: 0; - position: absolute; - background: rgba(0, 0, 0, .4); - } - } - - &.move--left { - margin: 0; - @include translate3d(-100%, 0, 0); - } - } - - .modal { - .modal-image { - .image-wrapper { - > div { - font-size: 12px; - min-width: 250px; - } - - .modal-close { - @include opacity(1); - } - } - - .modal-button-bar { - @include opacity(1); - } - } - } - - .app__content { - padding-top: 45px; - margin: 0; - .channel__wrap & { - padding-top: 45px; - } - #channel-header { - display: none; - } - } - - .channel__wrap { - .row { - &.header { - display: block; - } - } - } - - .post-comments { - padding: 9px 21px 10px 10px !important; - } - - .post-image__column .post-image .file-playback__controls.stop, - .image-wrapper > a .file-playback__controls.stop { - @include opacity(1); - } -} - -@media screen and (max-width: 640px) { - .access-history__table { - > div { - display: block; - } - - .access__report { - margin: 0 0 15px 15px; - } - - .access__date { - div { - margin-bottom: 15px; - } - } - } - .activity-log__table { - > div { - display: block; - } - - .activity-log__report { - width: 100%; - } - - .activity-log__action { - text-align: left; - margin-top: 10px; - } - } -} - -@media screen and (max-width: 480px) { - .modal { - .settings-modal { - .settings-table { - .security-links { - margin-bottom: 10px; - display: block; - - &:last-child { - margin-bottom: 0; - } - } - } - } - } - - .tip-overlay.tip-overlay--sidebar { - min-height: 350px; - } - - .modal { - .modal-body { - max-height: 70%; - } - - .settings-modal { - &.display--content { - .modal-body { - max-height: 90%; - } - } - } - } - - .member-div { - padding: 8px 0; - - .member-drop, - .member-role { - position: relative; - margin: 0px 0 0 44px; - padding: 5px 0; - top: 0; - right: 0; - } - - .open > .dropdown-menu { - left: 0; - right: auto; - } - } - - .sidebar--left { - @include translate3d(-260px, 0, 0); - width: 260px; - } - - .inner-wrap { - &.move--right { - @include translate3d(260px, 0, 0); - } - } - - .modal { - .modal-image { - .modal-button-bar { - line-height: 30px; - padding: 5px; - } - } - } -} - -@media screen and (max-height: 640px) { - .signup-team__container { - padding: 30px 0; - margin-bottom: 30px; - font-size: .9em; - - .signup-team__name { - font-size: 2em; - } - } -} diff --git a/web/sass-files/sass/responsive/_module.scss b/web/sass-files/sass/responsive/_module.scss deleted file mode 100644 index a799c145e..000000000 --- a/web/sass-files/sass/responsive/_module.scss +++ /dev/null @@ -1,4 +0,0 @@ -@charset 'UTF-8'; -@import 'desktop'; -@import 'tablet'; -@import 'mobile'; diff --git a/web/sass-files/sass/responsive/_tablet.scss b/web/sass-files/sass/responsive/_tablet.scss deleted file mode 100644 index 14641cfa5..000000000 --- a/web/sass-files/sass/responsive/_tablet.scss +++ /dev/null @@ -1,35 +0,0 @@ -@charset 'UTF-8'; - -@media screen and (max-width: 960px) { - .sidebar--right { - z-index: 5; - @include translateX(100%); - @include single-transition(all, .5s, ease); - - &.move--left { - @include translateX(0); - - .search-bar__container { - padding-right: 8px; - } - } - } - - .inner-wrap { - &.move--left { - margin-right: 0; - - .channel-header__links { - position: relative; - right: auto; - top: auto; - } - } - } -} - -@media screen and (min-width: 768px) { - .second-bar { - display: none; - } -} \ No newline at end of file diff --git a/web/sass-files/sass/routes/_access-history.scss b/web/sass-files/sass/routes/_access-history.scss deleted file mode 100644 index 7ede7b085..000000000 --- a/web/sass-files/sass/routes/_access-history.scss +++ /dev/null @@ -1,32 +0,0 @@ -@charset 'UTF-8'; - -.access-history__table { - display: table; - width: 100%; - padding-top: 15px; - line-height: 1.6; - - &:first-child { - padding: 0; - } - - > div { - display: table-cell; - vertical-align: top; - } - - .access__date { - font-weight: 600; - font-size: 15px; - width: 190px; - } - - .access__report { - border-bottom: 1px solid #ddd; - padding-bottom: 15px; - } - - .report__info { - @include opacity(.8); - } -} diff --git a/web/sass-files/sass/routes/_activity-log.scss b/web/sass-files/sass/routes/_activity-log.scss deleted file mode 100644 index 6e8d0a925..000000000 --- a/web/sass-files/sass/routes/_activity-log.scss +++ /dev/null @@ -1,64 +0,0 @@ -@charset 'UTF-8'; - -@keyframes highlight { - from { - background: rgba(yellow, .5); - } - to { - background: none; - } -} - -.animation--highlight { - &:before { - content: ''; - animation: highlight 1.5s ease; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } -} - -.activity-log__table { - display: table; - width: 100%; - line-height: 1.8; - border-top: 1px solid #ddd; - padding: 15px 0; - - &:first-child { - padding-top: 0; - border: none; - } - - > div { - display: table-cell; - vertical-align: top; - } - - .activity-log__report { - width: 80%; - } - - .activity-log__action { - text-align: right; - } - - .report__platform { - font-size: 15px; - font-weight: 600; - .fa { - margin-right: 6px; - } - } - - .report__info { - @include opacity(.8); - } -} - -.session-help-text { - padding: 0 0 20px; -} diff --git a/web/sass-files/sass/routes/_admin-console.scss b/web/sass-files/sass/routes/_admin-console.scss deleted file mode 100644 index f83ce487e..000000000 --- a/web/sass-files/sass/routes/_admin-console.scss +++ /dev/null @@ -1,343 +0,0 @@ -@charset 'UTF-8'; - -.admin-controller { - > div { - height: 100%; - } - - .inner-wrap { - position: absolute; - width: 100%; - } - - .row { - margin: 0; - } - - h3 { - font-weight: 600; - border-bottom: 1px solid #ddd; - padding-bottom: .5em; - margin: 1em 0; - } - - .table { - background: #fff; - } - - .form-control { - background-color: #fff; - border: 1px solid #ccc; - color: #555; - - &:focus { - border-color: #66afe9; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); - } - } - - .btn { - color: #333; - - &.btn-primary { - background: #2389d7; - - &:hover, - &:focus, - &:active { - background: #1c6dab; - } - } - } - - .dropdown-menu { - background: #fff; - border: 1px solid rgba(0,0,0,.15); - color: inherit; - } - - .sidebar--left { - &.sidebar--collapsable { - background: #333; - - .team__header { - background: transparent; - margin-bottom: 5px; - } - - .nav { - li { - padding: 0; - @include opacity(1); - - .icon { - width: 17px; - } - - > a { - &:hover, - &.active, - &:focus { - background-color: #eaeaea; - } - } - - > h4 { - background: #333; - padding: 10px 10px; - margin: 1px 0 0; - - .menu-icon--right { - top: 6px; - right: 12px; - } - } - } - - .menu-icon--right { - position: absolute; - right: 10px; - top: 3px; - font-size: 18px; - font-weight: 600; - width: 20px; - height: 20px; - line-height: 20px; - text-align: center; - - .fa { - font-size: 13px; - right: -2px; - position: relative; - color: #fff; - } - } - - &.nav__sub-menu { - background: #111; - -webkit-font-smoothing: auto; - - &.padded { - padding: 5px 0; - } - - li { - > a { - font-size: 13px; - padding: 5px 35px 5px 15px; - background: transparent; - color: #bbb; - - &:hover { - color: lighten($color--primary, 10); - } - - &.active { - color: #fff; - font-weight: 600; - } - } - - .nav-more { - font-size: 13px; - padding: 5px 15px; - background: transparent; - color: #bbb; - display: block; - cursor: pointer; - &:hover { - color: lighten($color--primary, 10); - } - } - } - } - - &.nav__inner-menu { - li { - > a { - padding-left: 20px; - } - } - } - } - } - } - - .log__panel { - overflow: scroll; - width: 100%; - height: 800px; - border: 1px solid #ddd; - margin-top: 10px; - padding: 5px; - background-color: white; - } - - .app__content { - color: #333; - - &.admin { - overflow: auto; - background-color: #f1f1f1; - padding: 0 20px 20px; - min-height: 600px; - } - - .wrapper--fixed { - max-width: 800px; - } - - .form-horizontal { - margin-top: 40px; - - .control-label { - text-align: left; - padding-right: 0; - font-weight: 600; - } - - .form-group { - margin-bottom: 25px; - } - - .file__upload { - position: relative; - margin: 0 10px 10px 0; - display: inline-block; - - input { - position: absolute; - @include opacity(0); - width: 100%; - height: 100%; - z-index: 5; - top: 0; - left: 0; - } - } - - .help-text { - &.no-margin { - margin: 0; - } - - ul, - ol { - padding-left: 23px; - } - - margin: 10px 0 0 15px; - color: #777; - - .help-link { - margin-right: 5px; - } - - .btn { - font-size: 13px; - } - } - - .alert { - display: inline-block; - padding: 5px 7px; - margin: 1em 0 0; - top: 1px; - position: relative; - - .fa { - margin-right: 5px; - } - } - } - - .banner { - background: #fff; - border: 1px solid #ddd; - padding: .7em 1.5em; - font-size: .95em; - margin: 2em 0; - - .banner__heading { - font-size: 1.5em; - } - - .banner__content { - width: 80%; - } - - &.warning { - background: #e60000; - } - } - - .popover { - border-radius: 3px; - width: 100%; - font-size: .95em; - } - - .panel { - border: none; - background-color: transparent; - } - - .panel-default { - > .panel-heading { - padding: 10px 0; - background-color: transparent; - } - - .panel-body { - padding: 30px 0 10px; - } - } - - .panel-group { - margin-bottom: 50px; - } - - .panel-title { - font-size: 24px; - line-height: 1.5; - - a { - text-decoration: none; - display: block; - @include clearfix; - - &.collapsed { - .fa-minus { - display: none; - } - - .fa-plus { - display: inline-block; - } - } - - .fa { - font-size: 18px; - float: right; - margin-top: 8px; - color: #aaa; - } - - .fa-plus { - display: none; - } - } - } - } - - .member-list-holder { - .member-role, - .member-drop { - position: absolute; - right: 15px; - top: 8px; - } - } -} diff --git a/web/sass-files/sass/routes/_docs.scss b/web/sass-files/sass/routes/_docs.scss deleted file mode 100644 index 24e96772b..000000000 --- a/web/sass-files/sass/routes/_docs.scss +++ /dev/null @@ -1,19 +0,0 @@ -@charset 'UTF-8'; - -.docs__page { - line-height: 1.7; - padding-bottom: 20px; - - > div { - width: 1170px; - margin: 0 auto; - padding: 0 15px; - max-width: 100%; - } - - h1.markdown__heading { - border-bottom: 1px solid #ddd; - padding-bottom: 1rem; - margin: 1em 0 1em; - } -} diff --git a/web/sass-files/sass/routes/_error-page.scss b/web/sass-files/sass/routes/_error-page.scss deleted file mode 100644 index 8cd0716ca..000000000 --- a/web/sass-files/sass/routes/_error-page.scss +++ /dev/null @@ -1,35 +0,0 @@ -@charset 'UTF-8'; - -body { - &.error { - .container-fluid { - display: table; - height: 90%; - } - - .error__container { - max-width: 800px; - margin: 0 auto; - display: table-cell; - vertical-align: top; - padding: 5em 0; - text-align: left; - color: #555; - } - - .error__icon { - font-size: 4em; - color: #ccc; - } - - h2 { - font-weight: 600; - font-size: 1.5em; - margin: .8em 0 .5em; - } - - p { - font-size: 1.2em; - } - } -} diff --git a/web/sass-files/sass/routes/_loading.scss b/web/sass-files/sass/routes/_loading.scss deleted file mode 100644 index 5e4e7359a..000000000 --- a/web/sass-files/sass/routes/_loading.scss +++ /dev/null @@ -1,48 +0,0 @@ -@charset 'UTF-8'; - -.loading-screen { - display: table; - width: 100%; - height: 100%; - padding: 60px; - text-align: center; - - .loading__content { - display: table-cell; - vertical-align: middle; - font-size: 0; - - h3 { - font-size: 16px; - font-weight: 400; - margin: 0 .2em 0; - display: inline-block; - } - - .round { - background-color: #444; - width: 4px; - height: 4px; - display: inline-block; - margin: 0 2px; - opacity: .1; - @include border-radius(10px); - @include animation(move .75s infinite linear); - } - - @for $i from 1 through 3 { - .round-#{$i} { - @include animation-delay(.2s*$i); - } - } - - @include keyframes(move) { - from { - opacity: 1; - } - to { - opacity: .1; - } - } - } -} diff --git a/web/sass-files/sass/routes/_module.scss b/web/sass-files/sass/routes/_module.scss deleted file mode 100644 index 48c1af1d9..000000000 --- a/web/sass-files/sass/routes/_module.scss +++ /dev/null @@ -1,11 +0,0 @@ -// Only for combining all the files in this folder -@import 'access-history'; -@import 'activity-log'; -@import 'admin-console'; -@import 'docs'; -@import 'error-page'; -@import 'loading'; -@import 'print'; -@import 'settings'; -@import 'signup'; -@import 'statistics'; diff --git a/web/sass-files/sass/routes/_print.scss b/web/sass-files/sass/routes/_print.scss deleted file mode 100644 index 1c2ef9c0f..000000000 Binary files a/web/sass-files/sass/routes/_print.scss and /dev/null differ diff --git a/web/sass-files/sass/routes/_settings.scss b/web/sass-files/sass/routes/_settings.scss deleted file mode 100644 index 3c735be3c..000000000 --- a/web/sass-files/sass/routes/_settings.scss +++ /dev/null @@ -1,451 +0,0 @@ -@charset 'UTF-8'; - -.user-settings { - min-height: 300px; - .table-responsive { - max-width: 560px; - max-height: 300px; - } -} - -.modal { - .settings-modal { - width: 800px; - .modal-back { - width: 50px; - height: 40px; - top: 12px; - font-size: 27px; - font-weight: normal; - line-height: 32px; - position: absolute; - left: 0; - text-align: center; - .fa { - line-height: inherit; - position: absolute; - width: 100%; - height: 100%; - left: 0; - } - } - .modal-body { - padding: 0; - margin: 0 auto; - min-height: calc(100% - 62px); - } - li { - list-style: none; - } - label { - font-weight: 600; - } - - .no-padding--left { - padding-left: 0; - } - .padding-top { - padding-top: 7px; - &.x2 { - padding-top: 14px; - } - &.x3 { - padding-top: 21px; - } - } - .padding-bottom { - padding-bottom: 7px; - &.x2 { - padding-bottom: 14px; - } - &.x3 { - padding-bottom: 21px; - } - .control-label { - font-weight: 600; - &.text-left { - text-align: left; - } - } - } - .profile-img { - width: 128px; - height: 128px; - } - .settings-table { - max-width: 1000px; - margin: 0 auto; - display: table; - table-layout: fixed; - width: 100%; - > div { - display: table-cell; - vertical-align: top; - } - .nav { - position: fixed; - width: 179px; - &.position--top { - top: 57px; - } - } - .security-links { - margin-right: 20px; - .fa { - margin-right: 6px; - } - } - .settings-links { - width: 180px; - } - .settings-content { - padding: 0px 20px 30px; - .modal-header { - display: none; - } - .section-min { - padding: 1em 0; - margin-bottom: 0; - cursor: pointer; - position: relative; - @include clearfix; - &:hover { - background: #f9f9f9; - } - &:hover .fa { - display: inline-block; - } - &:hover .section-edit { - text-decoration: underline; - } - } - - .section-max { - background: rgba(black, .05); - padding: 1em 0 1.3em; - margin-bottom: 0; - @include clearfix; - .section-title { - margin-bottom: 10px; - } - } - - .appearance-section { - .theme-group { - .input-group-addon { - padding: 4px 5px; - width: 40px; - } - img { - border: 1px solid rgba(black, .15); - width: 29px; - } - } - .group--code { - select { - padding-right: 25px; - } - select::-ms-expand { - display: none; - } - &:before { - pointer-events: none; - position: absolute; - top: 11px; - right: 50px; - z-index: 5; - content: '\f0d7'; - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - select { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - } - } - .premade-themes { - margin-bottom: 10px; - .theme-label { - font-weight: 400; - margin-top: 5px; - } - img { - border: 3px solid transparent; - } - .active { - img { - border-color: $color--primary; - } - } - } - - .theme-elements { - padding-left: 15px; - - .element { - margin-right: 10px; - - &:nth-child(2n) { - margin-right: 0; - } - } - } - - .theme-elements__header { - margin: 10px 20px 0px 0; - border-bottom: 1px solid #ccc; - padding: 5px 0 10px; - font-size: em(13.5px); - font-weight: 600; - cursor: pointer; - - .fa-minus { - display: none; - } - - &.open { - .fa-minus { - display: inline-block; - } - .fa-plus { - display: none; - } - } - - .header__icon { - float: right; - @include opacity(.5); - } - } - - .theme-elements__body { - padding-top: 5px; - display: none; - @include legacy-pie-clearfix; - background: rgba(255, 255, 255, .05); - padding: 20px 0 0 20px; - margin: 0 20px 0 0; - @include border-radius(0 0 3px 3px); - } - - .custom-label { - white-space: nowrap; - font-weight: normal; - font-size: 12px; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - margin-bottom: 0; - } - .input-group-addon { - background: transparent; - } - .radio { - label { - font-weight: 600; - } - } - } - - .section-title { - margin-bottom: 5px; - font-weight: 600; - padding-right: 50px; - } - - .section-edit { - text-align: right; - margin-bottom: 5px; - .fa { - margin-right: 5px; - font-size: 12px; - @include opacity(.5); - display: none; - &.fa-chevron-down { - top: -1px; - margin-right: 0; - position: relative; - } - } - } - - .section-describe { - @include opacity(.7); - white-space: pre; - @include clearfix; - text-overflow: ellipsis; - } - - .divider-dark { - border-bottom: 1px solid #aaa; - } - - .divider-light { - border-bottom: 1px solid lightgrey; - } - - .setting-list { - padding: 0; - list-style-type: none; - } - - .setting-list__hint { - margin-top: 20px; - } - - .mentions-input { - margin-top: 10px; - } - - .setting-list-item { - margin-top: 7px; - } - .has-error { - color: #a94442; - } - - .file-status { - font-size: 13px; - margin-top: 8px; - color: #555; - } - - .confirm-import { - padding: 4px 10px; - margin: 10px 0; - } - } - } - } - .nav-pills { - > li { - margin: 0; - a { - padding: 8px 5px 8px 15px; - border-radius: 0; - color: #777; - } - .glyphicon { - width: 25px; - top: 2px; - } - &:hover { - a { - background-color: rgba(black, .1); - } - } - &.active { - a { - color: #111; - background-color: #e1e1e1; - &:before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 5px; - height: 100%; - background: #000; - } - } - a, - a:hover, - a:focus { - background-color: rgba(black, .1); - border-radius: 0; - font-weight: 400; - position: relative; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - } - } - } - h3 { - font-size: em(20px); - } -} - -.channel-settings { - padding: 0 10px; -} - -.tab-header { - margin-bottom: 1em; -} - -.setting-name { - color: grey; - font-weight: 500; -} - -.sel-btn { - margin-right: 5px; -} - -.member-div { - border-bottom: 1px solid lightgrey; - position: relative; - padding: 2px; - margin: 0; - width: 100%; - &:first-child { - border-top: 1px solid lightgrey; - } - .post-profile-img { - @include border-radius(50px); - margin-right: 8px; - } -} - -.member-role, -.member-drop { - .fa { - margin-right: 5px; - @include opacity(.5); - font-size: 12px; - } - - .member-menu { - top: -50%; - right: 110%; - } -} - -.member-invite { - position: absolute; - right: 10px; - top: 7px; -} - -.member-menu { - right: 0px; - left: auto; -} - -.member-list { - width: 100%; - overflow-x: visible; -} - -.member-page { - padding-top: 50px; -} - -.active-border { - border: 1px solid red; -} - -.color-btn { - margin: 4px; -} - -.no-resize { - resize: none; -} diff --git a/web/sass-files/sass/routes/_signup.scss b/web/sass-files/sass/routes/_signup.scss deleted file mode 100644 index 53c59c222..000000000 --- a/web/sass-files/sass/routes/_signup.scss +++ /dev/null @@ -1,440 +0,0 @@ -@charset 'UTF-8'; - -.signup-header { - width: 100%; - line-height: 33px; - padding: 0 1em .2em; - background: $bg--gray; - - .fa { - margin-right: 5px; - } -} -.signup-team__container { - padding: 100px 0px 50px 0px; - max-width: 380px; - margin: 0 auto; - position: relative; - - &.padding--less { - padding-top: 50px; - } - - .form-control:focus { - @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)); - } - - h1, - h2, - h3, - h4, - h5, - h6, - p { - line-height: 1.3; - } - - h1 { - font-weight: 600; - } - - h2 { - font-weight: 600; - margin-bottom: .8em; - letter-spacing: -.5px; - font-size: em(30px); - } - - h3 { - font-weight: 600; - margin: 0 0 1.3em 0; - font-size: 1.5em; - } - - h4 { - font-size: em(20px); - font-weight: 600; - margin-bottom: 1em; - } - - h5 { - font-size: em(16px); - } - - hr { - margin: 2em 0; - } - - p { - color: #555; - line-height: 1.5; - margin-bottom: 1em; - } - - .input-group { - &.input-group--limit { - table-layout: fixed; - width: 100%; - - .tooltip-inner { - word-wrap: break-word; - } - - .form-control { - text-align: left; - display: table-cell; - width: 100%; - } - - .input-group-addon { - text-align: left; - width: 50%; - display: table-cell; - overflow: hidden; - text-overflow: ellipsis; - } - } - } - - .inner__content { - padding: 0 1rem; - margin: 30px 0 20px; - } - - .block--gray { - background: #f2f2f2; - display: inline-block; - padding: .85em 1.2em; - font-weight: 600; - @include border-radius(3px); - } - - form { - margin-bottom: .8em; - } - - .signup-team-confirm__container { - padding: 100px 0px 100px 0px; - } - - .signup-team-logo { - display: none; - width: 210px; - margin: 0 0 2em 0; - } - - .signup-team-login { - padding-bottom: 10px; - font-weight: 600; - } - - .signup-team__name { - margin: .5em 0 0; - font-size: 2.2em; - font-weight: 600; - padding-left: 1rem; - } - - .signup-team__subdomain { - margin: .2em 0 1.2em; - font-size: 1.5em; - padding-left: 1rem; - font-weight: 300; - text-transform: uppercase; - } - - .form-control { - height: em(38px); - } - - .or__container { - height: 1px; - background: #ddd; - text-align: left; - margin: 2em 0; - - span { - width: 40px; - top: -10px; - position: relative; - font-size: 1.14286em; - line-height: 20px; - font-weight: 600; - background: #fff; - display: inline-block; - text-align: center; - } - } - - ul { - margin-bottom: 0; - padding-left: 18px; - } - - .signup__email-container { - margin-left: 1rem; - } - - .btn { - font-size: 1em; - padding: em(7px) em(15px); - font-weight: 600; - margin-right: 5px; - - .fa { - font-size: 17px; - margin-right: 8px; - } - - .icon { - width: 18px; - height: 18px; - margin-right: 8px; - @include background-size(100% 100%); - display: inline-block; - } - - &.btn-custom-login { - display: block; - min-width: 200px; - width: 200px; - padding: 0 1em; - margin: 1em 1rem; - height: 40px; - line-height: 34px; - color: #fff; - @include border-radius(2px); - - &.gitlab { - background: #548; - - &:hover { - background: darken(#548, 10%); - } - - span { - vertical-align: middle; - } - - .icon { - background-image: url('../images/gitlabLogo.png'); - } - } - - &.google { - background: #dd4b39; - - &:hover { - background: darken(#dd4b39, 10%); - } - - span { - vertical-align: middle; - } - - .icon { - background-image: url('../images/googleLogo.png'); - } - } - - &.ldap { - background: #dd4b39; - - &:hover { - background: darken(#dd4b39, 10%); - } - - span { - vertical-align: middle; - } - } - - &.email { - background: #2389d7; - - &:hover { - background: darken(#2389d7, 10%); - } - - span { - vertical-align: middle; - } - } - - &.btn-full { - width: 100%; - text-align: left; - padding-left: 35px; - } - } - - &.btn-default { - color: #444; - } - - .glyphicon { - &.glyphicon-ok, - &.glyphicon-refresh { - margin-right: .5em; - left: -2px; - font-size: .9em; - } - - &.glyphicon-chevron-right { - font-size: .8em; - right: -2px; - top: 0px; - } - - &.glyphicon-chevron-left { - font-size: .8em; - left: -2px; - top: 0px; - } - } - } - - .has-error { - .control-label { - background: #f2f2f2; - padding: .7em 1em; - @include border-radius(3px); - margin: 1em 0 0; - font-size: 14px; - font-weight: normal; - color: #999; - width: 100%; - - &:before { - @extend .fa; - content: '\f071'; - margin-right: 4px; - color: #aaa; - } - } - } - - .reset-form { - @include border-radius(3px); - position: relative; - font-size: .95em; - p { - color: inherit; - } - } - - // Modifier Styles - h1, - h2, - h3, - h4, - h5, - h6 { - &.margin--top-none { - margin-top: 0; - } - - &.margin--bottom-none { - margin-bottom: 0; - } - - &.margin--less { - margin-bottom: .3em; - } - - &.sub-heading { - font-weight: 400; - margin-bottom: 0; - } - - &.color--light { - font-weight: 300; - } - } - - p { - &.margin--extra { - margin-bottom: 1.5em; - } - - &.margin--less { - margin-bottom: .3em; - } - - .black, - &.black { - color: #000; - } - } - - .color--light { - color: #777; - } - - .margin--extra { - margin-top: 3em; - } - - .margin--extra-2x { - margin-top: 6em; - } -} - -.signup-team-all { - margin: 0 0 20px; - border: 1px solid #ddd; - @include border-radius(2px); - .signup-team-dir { - background: #fafafa; - border-top: 1px solid #d5d5d5; - - &:first-child { - border: none; - } - - a { - color: inherit; - display: block; - padding: 0 15px; - line-height: 3.5em; - height: 3.5em; - font-size: 1.1em; - } - } - - .signup-team-dir__name { - white-space: nowrap; - float: left; - overflow: hidden; - text-overflow: ellipsis; - width: 90%; - } - - .signup-team-dir__arrow { - float: right; - font-size: .9em; - color: #999; - line-height: 3.5em; - } -} - - -.authorize-box { - margin: 100px auto; - width: 500px; - height: 280px; - border: 1px solid black; -} - -.authorize-inner { - padding: 20px; -} - -.authorize-btn { - margin-right: 6px; -} - -.verify_panel { - margin: 60px auto auto auto; - max-width: 380px; -} diff --git a/web/sass-files/sass/routes/_statistics.scss b/web/sass-files/sass/routes/_statistics.scss deleted file mode 100644 index b48c137c3..000000000 --- a/web/sass-files/sass/routes/_statistics.scss +++ /dev/null @@ -1,85 +0,0 @@ -@charset 'UTF-8'; - -.team_statistics { - .total-count { - margin: 1em 0; - text-align: center; - background: #fff; - border: 1px solid #ddd; - width: 100%; - @include border-radius(3px); - - .title { - font-weight: 400; - padding: 7px 10px; - border-bottom: 1px solid #ddd; - text-align: left; - font-size: 13px; - - .fa { - float: right; - margin: 0px 0 0; - color: #555; - font-size: 16px; - } - } - - .content { - font-size: 30px; - font-weight: 600; - color: #555; - padding: .3em 0 .35em; - overflow: auto; - } - } - - .total-count--day { - width: 760px; - height: 275px; - border: 1px solid #ddd; - padding: 5px 10px 10px 10px; - margin: 10px 10px 10px 10px; - background: #fff; - clear: both; - - > div { - font-size: 18px; - font-weight: 300; - } - } - - .recent-active-users { - table { - width: 100%; - table-layout: fixed; - } - - .content { - max-height: 400px; - overflow: auto; - padding: 0; - } - - tr { - &:first-child { - td { - border-top: none; - } - } - - td { - font-weight: 400; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 13px; - border-left: 1px solid #ddd; - border-top: 1px solid #ddd; - padding: 5px 5px 6px; - @include clearfix; - &:first-child { - border-left: none; - } - } - } - } -} diff --git a/web/sass-files/sass/styles.scss b/web/sass-files/sass/styles.scss deleted file mode 100644 index 88c098f18..000000000 --- a/web/sass-files/sass/styles.scss +++ /dev/null @@ -1,18 +0,0 @@ -@charset "UTF-8"; - -/* Welcome to Compass. - * In this file you should write your main styles. (or centralize your imports) - * Import this file using the following HTML or equivalent: - * */ - -@import "compass/utilities"; -@import "compass/css3"; - -// styles.scss -@import 'vendors/module'; -@import 'utils/module'; -@import 'base/module'; -@import 'routes/module'; -@import 'components/module'; -@import 'layout/module'; -@import 'responsive/module'; \ No newline at end of file diff --git a/web/sass-files/sass/utils/_animations.scss b/web/sass-files/sass/utils/_animations.scss deleted file mode 100644 index 767e30847..000000000 --- a/web/sass-files/sass/utils/_animations.scss +++ /dev/null @@ -1,19 +0,0 @@ -@charset 'UTF-8'; - -@-webkit-keyframes spin2 { - from { - -webkit-transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - } -} - -@keyframes spin { - from { - transform: scale(1) rotate(0deg); - } - to { - transform: scale(1) rotate(360deg); - } -} diff --git a/web/sass-files/sass/utils/_functions.scss b/web/sass-files/sass/utils/_functions.scss deleted file mode 100644 index 9013920fa..000000000 --- a/web/sass-files/sass/utils/_functions.scss +++ /dev/null @@ -1,9 +0,0 @@ -@charset "UTF-8"; - -@function em($pixels, $context: 14px) { - @return #{$pixels/$context}em -} - -%popover-box-shadow { - @include box-shadow(rgba(black, .175) 1px -3px 12px); -} \ No newline at end of file diff --git a/web/sass-files/sass/utils/_mixins.scss b/web/sass-files/sass/utils/_mixins.scss deleted file mode 100644 index 28723e1a5..000000000 --- a/web/sass-files/sass/utils/_mixins.scss +++ /dev/null @@ -1,8 +0,0 @@ -@charset 'UTF-8'; - -@mixin file-icon($path) { - background: #fff url($path); - background-position: center; - background-repeat: no-repeat; - @include background-size(60px auto); -} diff --git a/web/sass-files/sass/utils/_module.scss b/web/sass-files/sass/utils/_module.scss deleted file mode 100644 index e7f0c0c46..000000000 --- a/web/sass-files/sass/utils/_module.scss +++ /dev/null @@ -1,5 +0,0 @@ -// Only for combining all the files in this folder -@import 'variables'; -@import 'animations'; -@import 'functions'; -@import 'mixins'; diff --git a/web/sass-files/sass/utils/_variables.scss b/web/sass-files/sass/utils/_variables.scss deleted file mode 100644 index 065c37a17..000000000 --- a/web/sass-files/sass/utils/_variables.scss +++ /dev/null @@ -1,13 +0,0 @@ -@charset 'UTF-8'; - -// Color Variables -$color--primary: rgb(35, 137, 215); -$color--primary--hover: darken($color--primary, 10%); -$bg--gray: rgb(245, 245, 245); -$bg--white: rgb(255, 255, 255); - -// Page Variables -$border-gray: 1px solid #ddd; - -// Random variables -$border-rad: 1px; diff --git a/web/sass-files/sass/vendors/_colorpicker.scss b/web/sass-files/sass/vendors/_colorpicker.scss deleted file mode 100644 index 291145e80..000000000 --- a/web/sass-files/sass/vendors/_colorpicker.scss +++ /dev/null @@ -1,253 +0,0 @@ -@charset 'UTF-8'; - -/*! - * Bootstrap Colorpicker - * http://mjolnic.github.io/bootstrap-colorpicker/ - * - * Originally written by (c) 2012 Stefan Petre - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0.txt - * - */ - -.colorpicker-saturation { - float: left; - width: 100px; - height: 100px; - cursor: crosshair; - background-image: url('../images/bootstrap-colorpicker/saturation.png'); -} - -.colorpicker-saturation i { - position: absolute; - top: 0; - left: 0; - display: block; - width: 5px; - height: 5px; - margin: -4px 0 0 -4px; - border: 1px solid #000; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.colorpicker-saturation i b { - display: block; - width: 5px; - height: 5px; - border: 1px solid #fff; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.colorpicker-hue, -.colorpicker-alpha { - float: left; - width: 15px; - height: 100px; - margin-bottom: 4px; - margin-left: 4px; - cursor: row-resize; -} - -.colorpicker-hue i, -.colorpicker-alpha i { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 1px; - margin-top: -1px; - background: #000; - border-top: 1px solid #fff; -} - -.colorpicker-hue { - background-image: url('../images/bootstrap-colorpicker/hue.png'); -} - -.colorpicker-alpha { - display: none; - background-image: url('../images/bootstrap-colorpicker/alpha.png'); -} - -.colorpicker-saturation, -.colorpicker-hue, -.colorpicker-alpha { - background-size: contain; -} - -.colorpicker { - top: 0; - left: 0; - z-index: 2500; - min-width: 130px; - padding: 4px; - margin-top: 1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - *zoom: 1; -} - -.colorpicker:before, -.colorpicker:after { - display: table; - line-height: 0; - content: ''; -} - -.colorpicker:after { - clear: both; -} - -.colorpicker:before { - position: absolute; - top: -7px; - left: 6px; - display: inline-block; - border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-left: 7px solid transparent; - border-bottom-color: rgba(0, 0, 0, .2); - content: ''; -} - -.colorpicker:after { - position: absolute; - top: -6px; - left: 7px; - display: inline-block; - border-right: 6px solid transparent; - border-bottom: 6px solid #fff; - border-left: 6px solid transparent; - content: ''; -} - -.colorpicker div { - position: relative; -} - -.colorpicker.colorpicker-with-alpha { - min-width: 140px; -} - -.colorpicker.colorpicker-with-alpha .colorpicker-alpha { - display: block; -} - -.colorpicker-color { - height: 10px; - margin-top: 5px; - clear: both; - background-image: url('../images/bootstrap-colorpicker/alpha.png'); - background-position: 0 100%; -} - -.colorpicker-color div { - height: 10px; -} - -.colorpicker-selectors { - display: none; - height: 10px; - margin-top: 5px; - clear: both; -} - -.colorpicker-selectors i { - float: left; - width: 10px; - height: 10px; - cursor: pointer; -} - -.colorpicker-selectors i + i { - margin-left: 3px; -} - -.colorpicker-element .input-group-addon i, -.colorpicker-element .add-on i { - display: inline-block; - width: 16px; - height: 16px; - vertical-align: text-top; - cursor: pointer; -} - -.colorpicker.colorpicker-inline { - position: relative; - z-index: auto; - display: inline-block; - float: none; -} - -.colorpicker.colorpicker-horizontal { - width: 110px; - height: auto; - min-width: 110px; -} - -.colorpicker.colorpicker-horizontal .colorpicker-saturation { - margin-bottom: 4px; -} - -.colorpicker.colorpicker-horizontal .colorpicker-color { - width: 100px; -} - -.colorpicker.colorpicker-horizontal .colorpicker-hue, -.colorpicker.colorpicker-horizontal .colorpicker-alpha { - float: left; - width: 100px; - height: 15px; - margin-bottom: 4px; - margin-left: 0; - cursor: col-resize; -} - -.colorpicker.colorpicker-horizontal .colorpicker-hue i, -.colorpicker.colorpicker-horizontal .colorpicker-alpha i { - position: absolute; - top: 0; - left: 0; - display: block; - width: 1px; - height: 15px; - margin-top: 0; - background: #fff; - border: none; -} - -.colorpicker.colorpicker-horizontal .colorpicker-hue { - background-image: url('../images/bootstrap-colorpicker/hue-horizontal.png'); -} - -.colorpicker.colorpicker-horizontal .colorpicker-alpha { - background-image: url('../images/bootstrap-colorpicker/alpha-horizontal.png'); -} - -.colorpicker.colorpicker-hidden { - display: none; -} - -.colorpicker.colorpicker-visible { - display: block; -} - -.colorpicker-inline.colorpicker-visible { - display: inline-block; -} - -.colorpicker-right:before { - right: 6px; - left: auto; -} - -.colorpicker-right:after { - right: 7px; - left: auto; -} diff --git a/web/sass-files/sass/vendors/_font-awesome.scss b/web/sass-files/sass/vendors/_font-awesome.scss deleted file mode 100644 index 49ab318cd..000000000 --- a/web/sass-files/sass/vendors/_font-awesome.scss +++ /dev/null @@ -1,1803 +0,0 @@ -@charset 'UTF-8'; - -/*! - * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */ -/* FONT PATH - * -------------------------- */ -@font-face { - font-family: 'FontAwesome'; - src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); - src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); - font-weight: normal; - font-style: normal; -} -.fa { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - transform: translate(0, 0); -} -/* makes the font 33% larger relative to the icon container */ -.fa-lg { - font-size: 1.33333333em; - line-height: .75em; - vertical-align: -15%; -} -.fa-2x { - font-size: 2em; -} -.fa-3x { - font-size: 3em; -} -.fa-4x { - font-size: 4em; -} -.fa-5x { - font-size: 5em; -} -.fa-fw { - width: 1.28571429em; - text-align: center; -} -.fa-ul { - padding-left: 0; - margin-left: 2.14285714em; - list-style-type: none; -} -.fa-ul > li { - position: relative; -} -.fa-li { - position: absolute; - left: -2.14285714em; - width: 2.14285714em; - top: .14285714em; - text-align: center; -} -.fa-li.fa-lg { - left: -1.85714286em; -} -.fa-border { - padding: .2em .25em .15em; - border: solid .08em #eee; - border-radius: .1em; -} -.pull-right { - float: right; -} -.pull-left { - float: left; -} -.fa.pull-left { - margin-right: .3em; -} -.fa.pull-right { - margin-left: .3em; -} -.fa-spin { - -webkit-animation: fa-spin 2s infinite linear; - animation: fa-spin 2s infinite linear; -} -.fa-pulse { - -webkit-animation: fa-spin 1s infinite steps(8); - animation: fa-spin 1s infinite steps(8); -} -@-webkit-keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -.fa-rotate-90 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); -} -.fa-rotate-180 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -.fa-rotate-270 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); - -webkit-transform: rotate(270deg); - -ms-transform: rotate(270deg); - transform: rotate(270deg); -} -.fa-flip-horizontal { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); - -webkit-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - transform: scale(-1, 1); -} -.fa-flip-vertical { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); - -webkit-transform: scale(1, -1); - -ms-transform: scale(1, -1); - transform: scale(1, -1); -} -:root .fa-rotate-90, -:root .fa-rotate-180, -:root .fa-rotate-270, -:root .fa-flip-horizontal, -:root .fa-flip-vertical { - filter: none; -} -.fa-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: middle; -} -.fa-stack-1x, -.fa-stack-2x { - position: absolute; - left: 0; - width: 100%; - text-align: center; -} -.fa-stack-1x { - line-height: inherit; -} -.fa-stack-2x { - font-size: 2em; -} -.fa-inverse { - color: #fff; -} -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.fa-glass:before { - content: '\f000'; -} -.fa-music:before { - content: '\f001'; -} -.fa-search:before { - content: '\f002'; -} -.fa-envelope-o:before { - content: '\f003'; -} -.fa-heart:before { - content: '\f004'; -} -.fa-star:before { - content: '\f005'; -} -.fa-star-o:before { - content: '\f006'; -} -.fa-user:before { - content: '\f007'; -} -.fa-film:before { - content: '\f008'; -} -.fa-th-large:before { - content: '\f009'; -} -.fa-th:before { - content: '\f00a'; -} -.fa-th-list:before { - content: '\f00b'; -} -.fa-check:before { - content: '\f00c'; -} -.fa-remove:before, -.fa-close:before, -.fa-times:before { - content: '\f00d'; -} -.fa-search-plus:before { - content: '\f00e'; -} -.fa-search-minus:before { - content: '\f010'; -} -.fa-power-off:before { - content: '\f011'; -} -.fa-signal:before { - content: '\f012'; -} -.fa-gear:before, -.fa-cog:before { - content: '\f013'; -} -.fa-trash-o:before { - content: '\f014'; -} -.fa-home:before { - content: '\f015'; -} -.fa-file-o:before { - content: '\f016'; -} -.fa-clock-o:before { - content: '\f017'; -} -.fa-road:before { - content: '\f018'; -} -.fa-download:before { - content: '\f019'; -} -.fa-arrow-circle-o-down:before { - content: '\f01a'; -} -.fa-arrow-circle-o-up:before { - content: '\f01b'; -} -.fa-inbox:before { - content: '\f01c'; -} -.fa-play-circle-o:before { - content: '\f01d'; -} -.fa-rotate-right:before, -.fa-repeat:before { - content: '\f01e'; -} -.fa-refresh:before { - content: '\f021'; -} -.fa-list-alt:before { - content: '\f022'; -} -.fa-lock:before { - content: '\f023'; -} -.fa-flag:before { - content: '\f024'; -} -.fa-headphones:before { - content: '\f025'; -} -.fa-volume-off:before { - content: '\f026'; -} -.fa-volume-down:before { - content: '\f027'; -} -.fa-volume-up:before { - content: '\f028'; -} -.fa-qrcode:before { - content: '\f029'; -} -.fa-barcode:before { - content: '\f02a'; -} -.fa-tag:before { - content: '\f02b'; -} -.fa-tags:before { - content: '\f02c'; -} -.fa-book:before { - content: '\f02d'; -} -.fa-bookmark:before { - content: '\f02e'; -} -.fa-print:before { - content: '\f02f'; -} -.fa-camera:before { - content: '\f030'; -} -.fa-font:before { - content: '\f031'; -} -.fa-bold:before { - content: '\f032'; -} -.fa-italic:before { - content: '\f033'; -} -.fa-text-height:before { - content: '\f034'; -} -.fa-text-width:before { - content: '\f035'; -} -.fa-align-left:before { - content: '\f036'; -} -.fa-align-center:before { - content: '\f037'; -} -.fa-align-right:before { - content: '\f038'; -} -.fa-align-justify:before { - content: '\f039'; -} -.fa-list:before { - content: '\f03a'; -} -.fa-dedent:before, -.fa-outdent:before { - content: '\f03b'; -} -.fa-indent:before { - content: '\f03c'; -} -.fa-video-camera:before { - content: '\f03d'; -} -.fa-photo:before, -.fa-image:before, -.fa-picture-o:before { - content: '\f03e'; -} -.fa-pencil:before { - content: '\f040'; -} -.fa-map-marker:before { - content: '\f041'; -} -.fa-adjust:before { - content: '\f042'; -} -.fa-tint:before { - content: '\f043'; -} -.fa-edit:before, -.fa-pencil-square-o:before { - content: '\f044'; -} -.fa-share-square-o:before { - content: '\f045'; -} -.fa-check-square-o:before { - content: '\f046'; -} -.fa-arrows:before { - content: '\f047'; -} -.fa-step-backward:before { - content: '\f048'; -} -.fa-fast-backward:before { - content: '\f049'; -} -.fa-backward:before { - content: '\f04a'; -} -.fa-play:before { - content: '\f04b'; -} -.fa-pause:before { - content: '\f04c'; -} -.fa-stop:before { - content: '\f04d'; -} -.fa-forward:before { - content: '\f04e'; -} -.fa-fast-forward:before { - content: '\f050'; -} -.fa-step-forward:before { - content: '\f051'; -} -.fa-eject:before { - content: '\f052'; -} -.fa-chevron-left:before { - content: '\f053'; -} -.fa-chevron-right:before { - content: '\f054'; -} -.fa-plus-circle:before { - content: '\f055'; -} -.fa-minus-circle:before { - content: '\f056'; -} -.fa-times-circle:before { - content: '\f057'; -} -.fa-check-circle:before { - content: '\f058'; -} -.fa-question-circle:before { - content: '\f059'; -} -.fa-info-circle:before { - content: '\f05a'; -} -.fa-crosshairs:before { - content: '\f05b'; -} -.fa-times-circle-o:before { - content: '\f05c'; -} -.fa-check-circle-o:before { - content: '\f05d'; -} -.fa-ban:before { - content: '\f05e'; -} -.fa-arrow-left:before { - content: '\f060'; -} -.fa-arrow-right:before { - content: '\f061'; -} -.fa-arrow-up:before { - content: '\f062'; -} -.fa-arrow-down:before { - content: '\f063'; -} -.fa-mail-forward:before, -.fa-share:before { - content: '\f064'; -} -.fa-expand:before { - content: '\f065'; -} -.fa-compress:before { - content: '\f066'; -} -.fa-plus:before { - content: '\f067'; -} -.fa-minus:before { - content: '\f068'; -} -.fa-asterisk:before { - content: '\f069'; -} -.fa-exclamation-circle:before { - content: '\f06a'; -} -.fa-gift:before { - content: '\f06b'; -} -.fa-leaf:before { - content: '\f06c'; -} -.fa-fire:before { - content: '\f06d'; -} -.fa-eye:before { - content: '\f06e'; -} -.fa-eye-slash:before { - content: '\f070'; -} -.fa-warning:before, -.fa-exclamation-triangle:before { - content: '\f071'; -} -.fa-plane:before { - content: '\f072'; -} -.fa-calendar:before { - content: '\f073'; -} -.fa-random:before { - content: '\f074'; -} -.fa-comment:before { - content: '\f075'; -} -.fa-magnet:before { - content: '\f076'; -} -.fa-chevron-up:before { - content: '\f077'; -} -.fa-chevron-down:before { - content: '\f078'; -} -.fa-retweet:before { - content: '\f079'; -} -.fa-shopping-cart:before { - content: '\f07a'; -} -.fa-folder:before { - content: '\f07b'; -} -.fa-folder-open:before { - content: '\f07c'; -} -.fa-arrows-v:before { - content: '\f07d'; -} -.fa-arrows-h:before { - content: '\f07e'; -} -.fa-bar-chart-o:before, -.fa-bar-chart:before { - content: '\f080'; -} -.fa-twitter-square:before { - content: '\f081'; -} -.fa-facebook-square:before { - content: '\f082'; -} -.fa-camera-retro:before { - content: '\f083'; -} -.fa-key:before { - content: '\f084'; -} -.fa-gears:before, -.fa-cogs:before { - content: '\f085'; -} -.fa-comments:before { - content: '\f086'; -} -.fa-thumbs-o-up:before { - content: '\f087'; -} -.fa-thumbs-o-down:before { - content: '\f088'; -} -.fa-star-half:before { - content: '\f089'; -} -.fa-heart-o:before { - content: '\f08a'; -} -.fa-sign-out:before { - content: '\f08b'; -} -.fa-linkedin-square:before { - content: '\f08c'; -} -.fa-thumb-tack:before { - content: '\f08d'; -} -.fa-external-link:before { - content: '\f08e'; -} -.fa-sign-in:before { - content: '\f090'; -} -.fa-trophy:before { - content: '\f091'; -} -.fa-github-square:before { - content: '\f092'; -} -.fa-upload:before { - content: '\f093'; -} -.fa-lemon-o:before { - content: '\f094'; -} -.fa-phone:before { - content: '\f095'; -} -.fa-square-o:before { - content: '\f096'; -} -.fa-bookmark-o:before { - content: '\f097'; -} -.fa-phone-square:before { - content: '\f098'; -} -.fa-twitter:before { - content: '\f099'; -} -.fa-facebook-f:before, -.fa-facebook:before { - content: '\f09a'; -} -.fa-github:before { - content: '\f09b'; -} -.fa-unlock:before { - content: '\f09c'; -} -.fa-credit-card:before { - content: '\f09d'; -} -.fa-rss:before { - content: '\f09e'; -} -.fa-hdd-o:before { - content: '\f0a0'; -} -.fa-bullhorn:before { - content: '\f0a1'; -} -.fa-bell:before { - content: '\f0f3'; -} -.fa-certificate:before { - content: '\f0a3'; -} -.fa-hand-o-right:before { - content: '\f0a4'; -} -.fa-hand-o-left:before { - content: '\f0a5'; -} -.fa-hand-o-up:before { - content: '\f0a6'; -} -.fa-hand-o-down:before { - content: '\f0a7'; -} -.fa-arrow-circle-left:before { - content: '\f0a8'; -} -.fa-arrow-circle-right:before { - content: '\f0a9'; -} -.fa-arrow-circle-up:before { - content: '\f0aa'; -} -.fa-arrow-circle-down:before { - content: '\f0ab'; -} -.fa-globe:before { - content: '\f0ac'; -} -.fa-wrench:before { - content: '\f0ad'; -} -.fa-tasks:before { - content: '\f0ae'; -} -.fa-filter:before { - content: '\f0b0'; -} -.fa-briefcase:before { - content: '\f0b1'; -} -.fa-arrows-alt:before { - content: '\f0b2'; -} -.fa-group:before, -.fa-users:before { - content: '\f0c0'; -} -.fa-chain:before, -.fa-link:before { - content: '\f0c1'; -} -.fa-cloud:before { - content: '\f0c2'; -} -.fa-flask:before { - content: '\f0c3'; -} -.fa-cut:before, -.fa-scissors:before { - content: '\f0c4'; -} -.fa-copy:before, -.fa-files-o:before { - content: '\f0c5'; -} -.fa-paperclip:before { - content: '\f0c6'; -} -.fa-save:before, -.fa-floppy-o:before { - content: '\f0c7'; -} -.fa-square:before { - content: '\f0c8'; -} -.fa-navicon:before, -.fa-reorder:before, -.fa-bars:before { - content: '\f0c9'; -} -.fa-list-ul:before { - content: '\f0ca'; -} -.fa-list-ol:before { - content: '\f0cb'; -} -.fa-strikethrough:before { - content: '\f0cc'; -} -.fa-underline:before { - content: '\f0cd'; -} -.fa-table:before { - content: '\f0ce'; -} -.fa-magic:before { - content: '\f0d0'; -} -.fa-truck:before { - content: '\f0d1'; -} -.fa-pinterest:before { - content: '\f0d2'; -} -.fa-pinterest-square:before { - content: '\f0d3'; -} -.fa-google-plus-square:before { - content: '\f0d4'; -} -.fa-google-plus:before { - content: '\f0d5'; -} -.fa-money:before { - content: '\f0d6'; -} -.fa-caret-down:before { - content: '\f0d7'; -} -.fa-caret-up:before { - content: '\f0d8'; -} -.fa-caret-left:before { - content: '\f0d9'; -} -.fa-caret-right:before { - content: '\f0da'; -} -.fa-columns:before { - content: '\f0db'; -} -.fa-unsorted:before, -.fa-sort:before { - content: '\f0dc'; -} -.fa-sort-down:before, -.fa-sort-desc:before { - content: '\f0dd'; -} -.fa-sort-up:before, -.fa-sort-asc:before { - content: '\f0de'; -} -.fa-envelope:before { - content: '\f0e0'; -} -.fa-linkedin:before { - content: '\f0e1'; -} -.fa-rotate-left:before, -.fa-undo:before { - content: '\f0e2'; -} -.fa-legal:before, -.fa-gavel:before { - content: '\f0e3'; -} -.fa-dashboard:before, -.fa-tachometer:before { - content: '\f0e4'; -} -.fa-comment-o:before { - content: '\f0e5'; -} -.fa-comments-o:before { - content: '\f0e6'; -} -.fa-flash:before, -.fa-bolt:before { - content: '\f0e7'; -} -.fa-sitemap:before { - content: '\f0e8'; -} -.fa-umbrella:before { - content: '\f0e9'; -} -.fa-paste:before, -.fa-clipboard:before { - content: '\f0ea'; -} -.fa-lightbulb-o:before { - content: '\f0eb'; -} -.fa-exchange:before { - content: '\f0ec'; -} -.fa-cloud-download:before { - content: '\f0ed'; -} -.fa-cloud-upload:before { - content: '\f0ee'; -} -.fa-user-md:before { - content: '\f0f0'; -} -.fa-stethoscope:before { - content: '\f0f1'; -} -.fa-suitcase:before { - content: '\f0f2'; -} -.fa-bell-o:before { - content: '\f0a2'; -} -.fa-coffee:before { - content: '\f0f4'; -} -.fa-cutlery:before { - content: '\f0f5'; -} -.fa-file-text-o:before { - content: '\f0f6'; -} -.fa-building-o:before { - content: '\f0f7'; -} -.fa-hospital-o:before { - content: '\f0f8'; -} -.fa-ambulance:before { - content: '\f0f9'; -} -.fa-medkit:before { - content: '\f0fa'; -} -.fa-fighter-jet:before { - content: '\f0fb'; -} -.fa-beer:before { - content: '\f0fc'; -} -.fa-h-square:before { - content: '\f0fd'; -} -.fa-plus-square:before { - content: '\f0fe'; -} -.fa-angle-double-left:before { - content: '\f100'; -} -.fa-angle-double-right:before { - content: '\f101'; -} -.fa-angle-double-up:before { - content: '\f102'; -} -.fa-angle-double-down:before { - content: '\f103'; -} -.fa-angle-left:before { - content: '\f104'; -} -.fa-angle-right:before { - content: '\f105'; -} -.fa-angle-up:before { - content: '\f106'; -} -.fa-angle-down:before { - content: '\f107'; -} -.fa-desktop:before { - content: '\f108'; -} -.fa-laptop:before { - content: '\f109'; -} -.fa-tablet:before { - content: '\f10a'; -} -.fa-mobile-phone:before, -.fa-mobile:before { - content: '\f10b'; -} -.fa-circle-o:before { - content: '\f10c'; -} -.fa-quote-left:before { - content: '\f10d'; -} -.fa-quote-right:before { - content: '\f10e'; -} -.fa-spinner:before { - content: '\f110'; -} -.fa-circle:before { - content: '\f111'; -} -.fa-mail-reply:before, -.fa-reply:before { - content: '\f112'; -} -.fa-github-alt:before { - content: '\f113'; -} -.fa-folder-o:before { - content: '\f114'; -} -.fa-folder-open-o:before { - content: '\f115'; -} -.fa-smile-o:before { - content: '\f118'; -} -.fa-frown-o:before { - content: '\f119'; -} -.fa-meh-o:before { - content: '\f11a'; -} -.fa-gamepad:before { - content: '\f11b'; -} -.fa-keyboard-o:before { - content: '\f11c'; -} -.fa-flag-o:before { - content: '\f11d'; -} -.fa-flag-checkered:before { - content: '\f11e'; -} -.fa-terminal:before { - content: '\f120'; -} -.fa-code:before { - content: '\f121'; -} -.fa-mail-reply-all:before, -.fa-reply-all:before { - content: '\f122'; -} -.fa-star-half-empty:before, -.fa-star-half-full:before, -.fa-star-half-o:before { - content: '\f123'; -} -.fa-location-arrow:before { - content: '\f124'; -} -.fa-crop:before { - content: '\f125'; -} -.fa-code-fork:before { - content: '\f126'; -} -.fa-unlink:before, -.fa-chain-broken:before { - content: '\f127'; -} -.fa-question:before { - content: '\f128'; -} -.fa-info:before { - content: '\f129'; -} -.fa-exclamation:before { - content: '\f12a'; -} -.fa-superscript:before { - content: '\f12b'; -} -.fa-subscript:before { - content: '\f12c'; -} -.fa-eraser:before { - content: '\f12d'; -} -.fa-puzzle-piece:before { - content: '\f12e'; -} -.fa-microphone:before { - content: '\f130'; -} -.fa-microphone-slash:before { - content: '\f131'; -} -.fa-shield:before { - content: '\f132'; -} -.fa-calendar-o:before { - content: '\f133'; -} -.fa-fire-extinguisher:before { - content: '\f134'; -} -.fa-rocket:before { - content: '\f135'; -} -.fa-maxcdn:before { - content: '\f136'; -} -.fa-chevron-circle-left:before { - content: '\f137'; -} -.fa-chevron-circle-right:before { - content: '\f138'; -} -.fa-chevron-circle-up:before { - content: '\f139'; -} -.fa-chevron-circle-down:before { - content: '\f13a'; -} -.fa-html5:before { - content: '\f13b'; -} -.fa-css3:before { - content: '\f13c'; -} -.fa-anchor:before { - content: '\f13d'; -} -.fa-unlock-alt:before { - content: '\f13e'; -} -.fa-bullseye:before { - content: '\f140'; -} -.fa-ellipsis-h:before { - content: '\f141'; -} -.fa-ellipsis-v:before { - content: '\f142'; -} -.fa-rss-square:before { - content: '\f143'; -} -.fa-play-circle:before { - content: '\f144'; -} -.fa-ticket:before { - content: '\f145'; -} -.fa-minus-square:before { - content: '\f146'; -} -.fa-minus-square-o:before { - content: '\f147'; -} -.fa-level-up:before { - content: '\f148'; -} -.fa-level-down:before { - content: '\f149'; -} -.fa-check-square:before { - content: '\f14a'; -} -.fa-pencil-square:before { - content: '\f14b'; -} -.fa-external-link-square:before { - content: '\f14c'; -} -.fa-share-square:before { - content: '\f14d'; -} -.fa-compass:before { - content: '\f14e'; -} -.fa-toggle-down:before, -.fa-caret-square-o-down:before { - content: '\f150'; -} -.fa-toggle-up:before, -.fa-caret-square-o-up:before { - content: '\f151'; -} -.fa-toggle-right:before, -.fa-caret-square-o-right:before { - content: '\f152'; -} -.fa-euro:before, -.fa-eur:before { - content: '\f153'; -} -.fa-gbp:before { - content: '\f154'; -} -.fa-dollar:before, -.fa-usd:before { - content: '\f155'; -} -.fa-rupee:before, -.fa-inr:before { - content: '\f156'; -} -.fa-cny:before, -.fa-rmb:before, -.fa-yen:before, -.fa-jpy:before { - content: '\f157'; -} -.fa-ruble:before, -.fa-rouble:before, -.fa-rub:before { - content: '\f158'; -} -.fa-won:before, -.fa-krw:before { - content: '\f159'; -} -.fa-bitcoin:before, -.fa-btc:before { - content: '\f15a'; -} -.fa-file:before { - content: '\f15b'; -} -.fa-file-text:before { - content: '\f15c'; -} -.fa-sort-alpha-asc:before { - content: '\f15d'; -} -.fa-sort-alpha-desc:before { - content: '\f15e'; -} -.fa-sort-amount-asc:before { - content: '\f160'; -} -.fa-sort-amount-desc:before { - content: '\f161'; -} -.fa-sort-numeric-asc:before { - content: '\f162'; -} -.fa-sort-numeric-desc:before { - content: '\f163'; -} -.fa-thumbs-up:before { - content: '\f164'; -} -.fa-thumbs-down:before { - content: '\f165'; -} -.fa-youtube-square:before { - content: '\f166'; -} -.fa-youtube:before { - content: '\f167'; -} -.fa-xing:before { - content: '\f168'; -} -.fa-xing-square:before { - content: '\f169'; -} -.fa-youtube-play:before { - content: '\f16a'; -} -.fa-dropbox:before { - content: '\f16b'; -} -.fa-stack-overflow:before { - content: '\f16c'; -} -.fa-instagram:before { - content: '\f16d'; -} -.fa-flickr:before { - content: '\f16e'; -} -.fa-adn:before { - content: '\f170'; -} -.fa-bitbucket:before { - content: '\f171'; -} -.fa-bitbucket-square:before { - content: '\f172'; -} -.fa-tumblr:before { - content: '\f173'; -} -.fa-tumblr-square:before { - content: '\f174'; -} -.fa-long-arrow-down:before { - content: '\f175'; -} -.fa-long-arrow-up:before { - content: '\f176'; -} -.fa-long-arrow-left:before { - content: '\f177'; -} -.fa-long-arrow-right:before { - content: '\f178'; -} -.fa-apple:before { - content: '\f179'; -} -.fa-windows:before { - content: '\f17a'; -} -.fa-android:before { - content: '\f17b'; -} -.fa-linux:before { - content: '\f17c'; -} -.fa-dribbble:before { - content: '\f17d'; -} -.fa-skype:before { - content: '\f17e'; -} -.fa-foursquare:before { - content: '\f180'; -} -.fa-trello:before { - content: '\f181'; -} -.fa-female:before { - content: '\f182'; -} -.fa-male:before { - content: '\f183'; -} -.fa-gittip:before, -.fa-gratipay:before { - content: '\f184'; -} -.fa-sun-o:before { - content: '\f185'; -} -.fa-moon-o:before { - content: '\f186'; -} -.fa-archive:before { - content: '\f187'; -} -.fa-bug:before { - content: '\f188'; -} -.fa-vk:before { - content: '\f189'; -} -.fa-weibo:before { - content: '\f18a'; -} -.fa-renren:before { - content: '\f18b'; -} -.fa-pagelines:before { - content: '\f18c'; -} -.fa-stack-exchange:before { - content: '\f18d'; -} -.fa-arrow-circle-o-right:before { - content: '\f18e'; -} -.fa-arrow-circle-o-left:before { - content: '\f190'; -} -.fa-toggle-left:before, -.fa-caret-square-o-left:before { - content: '\f191'; -} -.fa-dot-circle-o:before { - content: '\f192'; -} -.fa-wheelchair:before { - content: '\f193'; -} -.fa-vimeo-square:before { - content: '\f194'; -} -.fa-turkish-lira:before, -.fa-try:before { - content: '\f195'; -} -.fa-plus-square-o:before { - content: '\f196'; -} -.fa-space-shuttle:before { - content: '\f197'; -} -.fa-slack:before { - content: '\f198'; -} -.fa-envelope-square:before { - content: '\f199'; -} -.fa-wordpress:before { - content: '\f19a'; -} -.fa-openid:before { - content: '\f19b'; -} -.fa-institution:before, -.fa-bank:before, -.fa-university:before { - content: '\f19c'; -} -.fa-mortar-board:before, -.fa-graduation-cap:before { - content: '\f19d'; -} -.fa-yahoo:before { - content: '\f19e'; -} -.fa-google:before { - content: '\f1a0'; -} -.fa-reddit:before { - content: '\f1a1'; -} -.fa-reddit-square:before { - content: '\f1a2'; -} -.fa-stumbleupon-circle:before { - content: '\f1a3'; -} -.fa-stumbleupon:before { - content: '\f1a4'; -} -.fa-delicious:before { - content: '\f1a5'; -} -.fa-digg:before { - content: '\f1a6'; -} -.fa-pied-piper:before { - content: '\f1a7'; -} -.fa-pied-piper-alt:before { - content: '\f1a8'; -} -.fa-drupal:before { - content: '\f1a9'; -} -.fa-joomla:before { - content: '\f1aa'; -} -.fa-language:before { - content: '\f1ab'; -} -.fa-fax:before { - content: '\f1ac'; -} -.fa-building:before { - content: '\f1ad'; -} -.fa-child:before { - content: '\f1ae'; -} -.fa-paw:before { - content: '\f1b0'; -} -.fa-spoon:before { - content: '\f1b1'; -} -.fa-cube:before { - content: '\f1b2'; -} -.fa-cubes:before { - content: '\f1b3'; -} -.fa-behance:before { - content: '\f1b4'; -} -.fa-behance-square:before { - content: '\f1b5'; -} -.fa-steam:before { - content: '\f1b6'; -} -.fa-steam-square:before { - content: '\f1b7'; -} -.fa-recycle:before { - content: '\f1b8'; -} -.fa-automobile:before, -.fa-car:before { - content: '\f1b9'; -} -.fa-cab:before, -.fa-taxi:before { - content: '\f1ba'; -} -.fa-tree:before { - content: '\f1bb'; -} -.fa-spotify:before { - content: '\f1bc'; -} -.fa-deviantart:before { - content: '\f1bd'; -} -.fa-soundcloud:before { - content: '\f1be'; -} -.fa-database:before { - content: '\f1c0'; -} -.fa-file-pdf-o:before { - content: '\f1c1'; -} -.fa-file-word-o:before { - content: '\f1c2'; -} -.fa-file-excel-o:before { - content: '\f1c3'; -} -.fa-file-powerpoint-o:before { - content: '\f1c4'; -} -.fa-file-photo-o:before, -.fa-file-picture-o:before, -.fa-file-image-o:before { - content: '\f1c5'; -} -.fa-file-zip-o:before, -.fa-file-archive-o:before { - content: '\f1c6'; -} -.fa-file-sound-o:before, -.fa-file-audio-o:before { - content: '\f1c7'; -} -.fa-file-movie-o:before, -.fa-file-video-o:before { - content: '\f1c8'; -} -.fa-file-code-o:before { - content: '\f1c9'; -} -.fa-vine:before { - content: '\f1ca'; -} -.fa-codepen:before { - content: '\f1cb'; -} -.fa-jsfiddle:before { - content: '\f1cc'; -} -.fa-life-bouy:before, -.fa-life-buoy:before, -.fa-life-saver:before, -.fa-support:before, -.fa-life-ring:before { - content: '\f1cd'; -} -.fa-circle-o-notch:before { - content: '\f1ce'; -} -.fa-ra:before, -.fa-rebel:before { - content: '\f1d0'; -} -.fa-ge:before, -.fa-empire:before { - content: '\f1d1'; -} -.fa-git-square:before { - content: '\f1d2'; -} -.fa-git:before { - content: '\f1d3'; -} -.fa-hacker-news:before { - content: '\f1d4'; -} -.fa-tencent-weibo:before { - content: '\f1d5'; -} -.fa-qq:before { - content: '\f1d6'; -} -.fa-wechat:before, -.fa-weixin:before { - content: '\f1d7'; -} -.fa-send:before, -.fa-paper-plane:before { - content: '\f1d8'; -} -.fa-send-o:before, -.fa-paper-plane-o:before { - content: '\f1d9'; -} -.fa-history:before { - content: '\f1da'; -} -.fa-genderless:before, -.fa-circle-thin:before { - content: '\f1db'; -} -.fa-header:before { - content: '\f1dc'; -} -.fa-paragraph:before { - content: '\f1dd'; -} -.fa-sliders:before { - content: '\f1de'; -} -.fa-share-alt:before { - content: '\f1e0'; -} -.fa-share-alt-square:before { - content: '\f1e1'; -} -.fa-bomb:before { - content: '\f1e2'; -} -.fa-soccer-ball-o:before, -.fa-futbol-o:before { - content: '\f1e3'; -} -.fa-tty:before { - content: '\f1e4'; -} -.fa-binoculars:before { - content: '\f1e5'; -} -.fa-plug:before { - content: '\f1e6'; -} -.fa-slideshare:before { - content: '\f1e7'; -} -.fa-twitch:before { - content: '\f1e8'; -} -.fa-yelp:before { - content: '\f1e9'; -} -.fa-newspaper-o:before { - content: '\f1ea'; -} -.fa-wifi:before { - content: '\f1eb'; -} -.fa-calculator:before { - content: '\f1ec'; -} -.fa-paypal:before { - content: '\f1ed'; -} -.fa-google-wallet:before { - content: '\f1ee'; -} -.fa-cc-visa:before { - content: '\f1f0'; -} -.fa-cc-mastercard:before { - content: '\f1f1'; -} -.fa-cc-discover:before { - content: '\f1f2'; -} -.fa-cc-amex:before { - content: '\f1f3'; -} -.fa-cc-paypal:before { - content: '\f1f4'; -} -.fa-cc-stripe:before { - content: '\f1f5'; -} -.fa-bell-slash:before { - content: '\f1f6'; -} -.fa-bell-slash-o:before { - content: '\f1f7'; -} -.fa-trash:before { - content: '\f1f8'; -} -.fa-copyright:before { - content: '\f1f9'; -} -.fa-at:before { - content: '\f1fa'; -} -.fa-eyedropper:before { - content: '\f1fb'; -} -.fa-paint-brush:before { - content: '\f1fc'; -} -.fa-birthday-cake:before { - content: '\f1fd'; -} -.fa-area-chart:before { - content: '\f1fe'; -} -.fa-pie-chart:before { - content: '\f200'; -} -.fa-line-chart:before { - content: '\f201'; -} -.fa-lastfm:before { - content: '\f202'; -} -.fa-lastfm-square:before { - content: '\f203'; -} -.fa-toggle-off:before { - content: '\f204'; -} -.fa-toggle-on:before { - content: '\f205'; -} -.fa-bicycle:before { - content: '\f206'; -} -.fa-bus:before { - content: '\f207'; -} -.fa-ioxhost:before { - content: '\f208'; -} -.fa-angellist:before { - content: '\f209'; -} -.fa-cc:before { - content: '\f20a'; -} -.fa-shekel:before, -.fa-sheqel:before, -.fa-ils:before { - content: '\f20b'; -} -.fa-meanpath:before { - content: '\f20c'; -} -.fa-buysellads:before { - content: '\f20d'; -} -.fa-connectdevelop:before { - content: '\f20e'; -} -.fa-dashcube:before { - content: '\f210'; -} -.fa-forumbee:before { - content: '\f211'; -} -.fa-leanpub:before { - content: '\f212'; -} -.fa-sellsy:before { - content: '\f213'; -} -.fa-shirtsinbulk:before { - content: '\f214'; -} -.fa-simplybuilt:before { - content: '\f215'; -} -.fa-skyatlas:before { - content: '\f216'; -} -.fa-cart-plus:before { - content: '\f217'; -} -.fa-cart-arrow-down:before { - content: '\f218'; -} -.fa-diamond:before { - content: '\f219'; -} -.fa-ship:before { - content: '\f21a'; -} -.fa-user-secret:before { - content: '\f21b'; -} -.fa-motorcycle:before { - content: '\f21c'; -} -.fa-street-view:before { - content: '\f21d'; -} -.fa-heartbeat:before { - content: '\f21e'; -} -.fa-venus:before { - content: '\f221'; -} -.fa-mars:before { - content: '\f222'; -} -.fa-mercury:before { - content: '\f223'; -} -.fa-transgender:before { - content: '\f224'; -} -.fa-transgender-alt:before { - content: '\f225'; -} -.fa-venus-double:before { - content: '\f226'; -} -.fa-mars-double:before { - content: '\f227'; -} -.fa-venus-mars:before { - content: '\f228'; -} -.fa-mars-stroke:before { - content: '\f229'; -} -.fa-mars-stroke-v:before { - content: '\f22a'; -} -.fa-mars-stroke-h:before { - content: '\f22b'; -} -.fa-neuter:before { - content: '\f22c'; -} -.fa-facebook-official:before { - content: '\f230'; -} -.fa-pinterest-p:before { - content: '\f231'; -} -.fa-whatsapp:before { - content: '\f232'; -} -.fa-server:before { - content: '\f233'; -} -.fa-user-plus:before { - content: '\f234'; -} -.fa-user-times:before { - content: '\f235'; -} -.fa-hotel:before, -.fa-bed:before { - content: '\f236'; -} -.fa-viacoin:before { - content: '\f237'; -} -.fa-train:before { - content: '\f238'; -} -.fa-subway:before { - content: '\f239'; -} -.fa-medium:before { - content: '\f23a'; -} diff --git a/web/sass-files/sass/vendors/_module.scss b/web/sass-files/sass/vendors/_module.scss deleted file mode 100644 index ed8a124a2..000000000 --- a/web/sass-files/sass/vendors/_module.scss +++ /dev/null @@ -1,4 +0,0 @@ -// Only for combining all the files in this folder -@import 'perfect-scrollbar'; -@import 'font-awesome'; -@import 'colorpicker'; diff --git a/web/sass-files/sass/vendors/_perfect-scrollbar.scss b/web/sass-files/sass/vendors/_perfect-scrollbar.scss deleted file mode 100755 index 212a22687..000000000 --- a/web/sass-files/sass/vendors/_perfect-scrollbar.scss +++ /dev/null @@ -1,141 +0,0 @@ -@charset 'UTF-8'; - -.ps-container { - overflow: hidden !important; -} -.ps-container.ps-active-x > .ps-scrollbar-x-rail, -.ps-container.ps-active-y > .ps-scrollbar-y-rail { - display: block; -} - -.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { - background-color: #eee; - opacity: .9; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; - filter: alpha(opacity=90); -} -.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { - background-color: #999; -} -.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { - background-color: #eee; - opacity: .9; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; - filter: alpha(opacity=90); -} -.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { - background-color: #999; -} -.ps-container > .ps-scrollbar-x-rail { - display: none; - position: absolute; - /* please don't change 'position' */ - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - border-radius: 4px; - opacity: 0; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; - filter: alpha(opacity=0); - -webkit-transition: background-color .2s linear, opacity .2s linear; - -moz-transition: background-color .2s linear, opacity .2s linear; - -o-transition: background-color .2s linear, opacity .2s linear; - transition: background-color .2s linear, opacity .2s linear; - bottom: 3px; - /* there must be 'bottom' for ps-scrollbar-x-rail */ - height: 8px; -} -.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { - position: absolute; - /* please don't change 'position' */ - background-color: #aaa; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - border-radius: 4px; - -webkit-transition: background-color .2s linear; - -moz-transition: background-color .2s linear; - -o-transition: background-color .2s linear; - transition: background-color .2s linear; - bottom: 0; - /* there must be 'bottom' for ps-scrollbar-x */ - height: 8px; -} -.ps-container > .ps-scrollbar-y-rail { - display: none; - position: absolute; - /* please don't change 'position' */ - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - border-radius: 4px; - opacity: 0; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; - filter: alpha(opacity=0); - -webkit-transition: background-color .2s linear, opacity .2s linear; - -moz-transition: background-color .2s linear, opacity .2s linear; - -o-transition: background-color .2s linear, opacity .2s linear; - transition: background-color .2s linear, opacity .2s linear; - right: 3px; - /* there must be 'right' for ps-scrollbar-y-rail */ - width: 8px; -} -.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { - position: absolute; - /* please don't change 'position' */ - background-color: #aaa; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - border-radius: 4px; - -webkit-transition: background-color .2s linear; - -moz-transition: background-color .2s linear; - -o-transition: background-color .2s linear; - transition: background-color .2s linear; - right: 0; - /* there must be 'right' for ps-scrollbar-y */ - width: 8px; -} - -.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { - background-color: #eee; - opacity: .9; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; - filter: alpha(opacity=90); -} -.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { - background-color: #999; -} -.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { - background-color: #eee; - opacity: .9; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; - filter: alpha(opacity=90); -} -.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { - background-color: #999; -} -.ps-container:hover > .ps-scrollbar-x-rail, -.ps-container:hover > .ps-scrollbar-y-rail { - opacity: .6; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; - filter: alpha(opacity=60); -} -.ps-container:hover > .ps-scrollbar-x-rail:hover { - background-color: #eee; - opacity: .9; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; - filter: alpha(opacity=90); -} -.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { - background-color: #999; -} -.ps-container:hover > .ps-scrollbar-y-rail:hover { - background-color: #eee; - opacity: .9; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; - filter: alpha(opacity=90); -} -.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { - background-color: #999; -} -- cgit v1.2.3-1-g7c22