diff options
Diffstat (limited to 'webapp/sass/routes/_settings.scss')
-rw-r--r-- | webapp/sass/routes/_settings.scss | 555 |
1 files changed, 0 insertions, 555 deletions
diff --git a/webapp/sass/routes/_settings.scss b/webapp/sass/routes/_settings.scss deleted file mode 100644 index 0c690178e..000000000 --- a/webapp/sass/routes/_settings.scss +++ /dev/null @@ -1,555 +0,0 @@ -@charset 'UTF-8'; - -.user-settings { - min-height: 300px; - - .table-responsive { - max-height: 300px; - max-width: 560px; - } - - .authorized-apps__help { - font-size: 13px; - font-weight: 400; - margin-top: 7px; - } - - .authorized-apps__wrapper { - padding: 10px 0; - } - - .authorized-app { - display: inline-block; - width: 100%; - - &:not(:last-child) { - border-bottom: 1px solid #ccc; - margin-bottom: 10px; - } - - .authorized-app__name { - font-weight: 600; - } - - .authorized-app__url { - font-size: 13px; - font-weight: 400; - } - - .authorized-app__description, - .authorized-app__deauthorize { - font-size: 13px; - margin: 5px 0; - } - } -} - -.modal { - .settings-modal { - width: 800px; - - .modal-back { - font-size: 27px; - font-weight: normal; - height: 40px; - left: 0; - line-height: 32px; - position: absolute; - text-align: center; - top: 12px; - width: 50px; - - .fa { - height: 100%; - left: 0; - line-height: inherit; - position: absolute; - width: 100%; - } - } - - .modal-body { - margin: 0 auto; - min-height: calc(100% - 62px); - padding: 0; - } - - li { - list-style: none; - } - - label { - font-weight: 600; - - &.has-error { - font-weight: normal; - } - } - - .no-padding--left { - padding-left: 0; - } - - .profile-img { - height: 128px; - width: 128px; - } - - .profile-img-preview { - background-position: 50% 50%; - background-size: cover; - border-radius: 100%; - height: 128px; - width: 128px; - } - - .settings-table { - display: table; - margin: 0 auto; - max-width: 1000px; - 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: 0 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 { - @include clearfix; - @include alpha-property(background, $black, .05); - margin-bottom: 0; - padding: 1em 0 1.3em; - - .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 { - @include appearance(none); - appearance: none; - padding-right: 25px; - } - - &:before { - @include font-smoothing; - content: '\f0d7'; - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - pointer-events: none; - position: absolute; - right: 50px; - text-rendering: auto; - top: 11px; - z-index: 5; - - .browser--ie & { - display: none; - } - } - } - - .premade-themes { - margin-bottom: 10px; - - .theme-label { - font-weight: 400; - margin-top: 5px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - img { - border: 3px solid transparent; - &:hover { - cursor: pointer; - } - } - - .active { - img { - border-color: $primary-color; - } - } - } - - .theme-elements { - padding-left: 15px; - - .element { - margin-right: 10px; - - &:nth-child(2n) { - margin-right: 0; - } - } - } - - .theme-elements__header { - border-bottom: 1px solid; - cursor: pointer; - font-size: em(13.5px); - font-weight: 600; - margin: 10px 20px 0 0; - padding: 1px 0 10px; - - .fa-minus { - display: none; - } - - &.open { - .fa-minus { - display: inline-block; - } - - .fa-plus { - display: none; - } - } - - .header__icon { - @include opacity(.5); - float: right; - } - } - - .theme-elements__body { - @include border-radius(0 0 3px 3px); - @include legacy-pie-clearfix; - @include alpha-property(background-color, $white, .05); - display: none; - margin: 0 20px 0 0; - padding: 20px 0 0 20px; - - &.open { - display: block; - } - } - - .custom-label { - font-size: 12px; - font-weight: normal; - margin-bottom: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; - } - - .input-group-addon { - background: transparent; - } - - .radio { - label { - font-weight: 600; - } - } - } - - .section-title { - font-weight: 600; - margin-bottom: 5px; - padding-right: 50px; - } - - .section-edit { - margin-bottom: 5px; - text-align: right; - - .fa { - @include opacity(.5); - display: none; - font-size: 12px; - margin-right: 5px; - - &.fa-chevron-down { - margin-right: 0; - position: relative; - top: -1px; - } - } - } - - .section-describe { - @include clearfix; - @include opacity(.7); - text-overflow: ellipsis; - white-space: pre; - } - - .divider-dark { - border-bottom: 1px solid #aaa; - } - - .divider-light { - border-bottom: 1px solid lightgrey; - - & + .divider-light { - display: none; - } - - & + .divider-dark { - display: none; - } - } - - .setting-list { - list-style-type: none; - padding: 0; - } - - .setting-box__item { - &:first-child { - padding-top: 3px; - } - - &:last-child { - hr { - display: none; - } - } - } - - .setting-box__token-id { - margin: 4px 0; - } - - .setting-list__hint { - margin-top: 20px; - } - - .mentions-input { - margin-top: 10px; - } - - .setting-list-item { - margin-top: 7px; - } - - .has-error { - color: #a94442; - } - - .file-status { - color: #555; - font-size: 13px; - margin-top: 8px; - } - - .confirm-import { - margin: 10px 0; - padding: 4px 10px; - } - } - } - } - - .nav-pills { - > li { - margin: 0; - - a { - border-radius: 0; - color: $gray; - overflow: hidden; - padding: 8px 15px; - text-overflow: ellipsis; - white-space: nowrap; - } - - .icon { - font-size: 15px; - margin-right: 10px; - text-align: center; - top: 2px; - width: 14px; - } - - &:hover { - a { - @include alpha-property(background-color, $black, .1); - } - } - - &.active { - a { - background-color: #e1e1e1; - color: #111; - - &:before { - background: $black; - content: ''; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 5px; - } - } - - a, - a:hover, - a:focus { - @include alpha-property(background-color, $black, .1); - border-radius: 0; - font-weight: 400; - position: relative; - } - } - } - } - - 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; - margin: 0; - padding: 2px; - position: relative; - width: 100%; - - &:first-child { - border-top: 1px solid lightgrey; - } - - .post-profile-img { - @include border-radius(50px); - margin-right: 8px; - } -} - -.member-role, -.member-drop { - .fa { - @include opacity(.5); - font-size: 12px; - margin-right: 5px; - } - - .member-menu { - right: 110%; - top: -50%; - } -} - -.member-invite { - position: absolute; - right: 10px; - top: 7px; -} - -.member-menu { - left: auto; - right: 0; -} - -.member-list { - overflow-x: visible; - width: 100%; -} - -.member-page { - padding-top: 50px; -} - -.active-border { - border: 1px solid red; -} - -.color-btn { - margin: 4px; -} - -.no-resize { - resize: none; -} - -.user-settings__submit-checkbox { - padding-top: 0px; - padding-bottom: 20px; -} |