diff --git a/app/styles/app.scss b/app/styles/app.scss index 21280bee..108cc3d8 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -16,13 +16,9 @@ @import "app/main/list"; @import "app/main/log"; -// @import "app/main/sponsors"; @import "app/misc"; @import "app/popup"; -// @import "app/pro"; -// @import "app/settings"; -// @import "app/components/travis-switch"; @import "app/components/sync-button"; @import "app/components/loading-indicator"; diff --git a/app/styles/app/components/travis-switch.sass b/app/styles/app/components/travis-switch.sass deleted file mode 100644 index c78f814f..00000000 --- a/app/styles/app/components/travis-switch.sass +++ /dev/null @@ -1,62 +0,0 @@ -.settings-row - margin-top: 20px - -.settings-row, -.short-settings-element - & > * - box-sizing: content-box - -a.travis-switch - margin: 0 10px 0 0 - -p.settings-row - line-height: 30px - -.travis-switch - box-sizing: content-box - position: relative - display: inline-block - float: left - width: 5em - height: 1.45em - margin: 20px 0 50px 0 - padding: 0.42em 1.5em - background-color: #F5F5F5 - border: 1px solid #E3E1E1 - border-radius: 4px - line-height: 1.58em - font-size: 12px - color: #999999 - cursor: pointer - text-align: right - &:before - content: "" - position: absolute - top: 2px - left: 2px - width: 3.5em - height: 1.9em - background: #e9e9e7 - border: 1px solid #d7d4d4 - border-radius: 2px - -.travis-switch.active - background-color: #607A83 - border-radius: 4px - color: #ffffff - font-weight: 600 - text-align: left - &:before - left: auto - right: 2px - border: 1px solid #9cafb5 - -span.on - background-color: #607A83 - color: #fff - font-weight: 800 - border-radius: 3px - float: left - -span.off - float: right diff --git a/app/styles/app/main/sponsors.sass b/app/styles/app/main/sponsors.sass deleted file mode 100644 index e5c79998..00000000 --- a/app/styles/app/main/sponsors.sass +++ /dev/null @@ -1,5 +0,0 @@ -#main - .sponsor - // float: left - margin-top: 0 - color: #999 diff --git a/app/styles/app/pro.sass b/app/styles/app/pro.sass deleted file mode 100644 index 6314675f..00000000 --- a/app/styles/app/pro.sass +++ /dev/null @@ -1,169 +0,0 @@ - -.pro - #log-container - padding-bottom: 1.2em - - .tip - a - text-decoration: underline - p - margin-top: 12px - margin-bottom: 0px - - #top - li.stats - display: none - - // .profile - // margin-right: 5px - - .legal - min-width: 110px - ul - margin-left: -20px - a - padding: 5px 35px - - #github - display: none - - &#home #main - padding-right: 30px - - #repository .github-stats - display: none - - #empty - font-size: $font-size-big - - h2 - margin-bottom: 37px - - ul - list-style-type: disc - padding-left: 18px - - a - text-decoration: underline - - .sponsor - display: none - - &#profile #main - .tabs .right - float: right - .tabs #tab_billing - margin-right: 0 - - .activate, - .activated - position: absolute - display: block - right: 0 - margin: -54px 30px 0 0 - padding-right: 25px - - &:before - content: "" - position: absolute - top: 5px - right: 7px - width: 12px - height: 12px - - .activate:before - background: inline-image('ui/activate.png') no-repeat 0 0 - background-position: 0px 5px - height: 100% - - .activate:hover:before, - .activate:focus:before, - .activate:active:before - background-position: -12px 5px - - .activated - background: #44a057 - border: 0 - color: white - - .activated:before - background: url(/images/ui/activated.png) no-repeat 0 0 - - #running-jobs - .jobs - margin: 5px 0 5px - .job - list-style-type: disc - list-style-position: inside - .slug - max-width: 150px - overflow: hidden - white-space: nowrap - text-overflow: ellipsis - display: inline-block - display: -moz-inline-stack - .group a - cursor: pointer - - #right - padding-top: 13px - padding-right: 20px - padding-left: 20px - color: $color-link - h4 - margin: 24px 0 0 - ul - @include resetul - margin-top: 10px - li - word-wrap: break-word - - .box - margin-top: 25px - margin-left: -3px - padding: 15px - border: 1px solid #e0e0e0 - background-color: $color-bg-sidebar-box - - h4 - margin: 0 - a - text-decoration: underline - li - list-style-type: square - margin-left: 15px - - #queues - ul - margin: 5px 0 5px - - - #slider - position: absolute - height: 99% - top: 12px - left: 0 - width: 10px - background-color: $color-bg-slider - cursor: pointer - background: transparent url(/images/ui/slider-closed.png) no-repeat 3px 38px - border-top-left-radius: 4px - - &:hover - background-color: $color-border-slider-hover - - #right .show-more-jobs - text-decoration: underline - cursor: pointer - - #right - background-color: $right-bg - border-left: 1px solid $color-border-normal - - #settings li.env-var span.name - width: 210px - - #settings li.env-var span.value - max-width: 265px - #settings - min-width: 675px diff --git a/app/styles/app/settings.sass b/app/styles/app/settings.sass deleted file mode 100644 index bea3d151..00000000 --- a/app/styles/app/settings.sass +++ /dev/null @@ -1,306 +0,0 @@ -#settings - ul - @include resetul - - .settings-form - margin: 30px 0 30px 0 - - p.short-settings-element - display: inline-block - vertical-align: middle - margin: 0 10px 0 0 - float: left - - label - line-height: 30px - - input - display: inline-block - float: left - width: 60px - height: 18px - padding: 5px 18px 5px 18px - background-color: #F5F5F5 - border: 1px solid #E3E1E1 - border-radius: 4px - line-height: 19px - font-size: 11px - color: #999999 - text-align: center - - .field.invalid - input, textarea - border-width: 1px - border-color: #ffb6c1 - background: rgb(252, 227, 230) - - form.env-var, form.ssh-key - margin-top: 20px - - .field - padding-bottom: 10px - clear: left - @media screen and (min-width: 47em) - clear: none - .field:after - visibility: hidden - display: block - font-size: 0 - content: " " - clear: both - height: 0 - - .travis-switch - display: block - - label - display: inline-block - - form.env-var - label - width: 40px - label.value - width: auto - line-height: 1.9em - .travis-switch.value - font-size: 10px - form.ssh-key - span.error - display: block - margin-left: 76px - label - width: 73px - label.value - float: left - textarea - margin-left: 3px - width: 580px - height: 250px - display: inline-block - padding: 0 5px 0 5px - background-color: #fff - border: 1px solid #ddd - line-height: 17px - font-size: 13px - color: #999999 - text-align: left - - span.error - display: inline-block - margin-left: 10px - color: #a80000 - - .env-var input[type=submit].saving, .ssh-key input[type=submit].saving, - .env-var .delete-var.deleting, .delete-ssh-key.deleting - background-color: #bbb - background-image: inline-image('ui/round-spinner.svg') - background-repeat: no-repeat - background-position: center - background-size: 20px - text-indent: -9999px - - .env-var-name - span - font-size: 18px - font-weight: 600 - color: #5e6872 - - span.value.value-display - font-size: 14px - background-color: #efefdf - border-radius: 4px - padding: 0 10px 0 10px - color: #838b8c - font-family: monospace - - span.value.value-display.secure - background-image: inline-image('ui/secure.png') - background-position: 8px center - background-repeat: no-repeat - background-size: 0.5em - padding-left: 26px - - .add-env-var, .add-ssh-key - color: $white - background-color: #97a3aa - border-radius: 4px - padding: 8px 12px 8px 12px - margin-bottom: 20px - font-size: 13px - line-height: 55px - cursor: pointer - - .add-env-var:hover, .add-ssh-key:hover - background-color: #7c878d - - input - display: inline-block - width: 260px - height: 20px - padding: 0 5px 0 5px - background-color: #fff - border: 1px solid #ddd - line-height: 17px - font-size: 13px - color: #999999 - text-align: left - - form.env-var .actions - margin-bottom: 35px - - input.submit-env-var, input.submit-ssh-key - color: #ffffff - background-color: #7ea35a - border-radius: 4px - font-size: 13px - width: 60px - height: 32px - text-align: center - margin: 10px 6px 0 0 - cursor: pointer - - .submit-env-var:hover, .submit-ssh-key:hover - background-color: #6f924f - - .cancel-env-var, .cancel-ssh-key - margin-left: 3px - - .cancel-env-var:hover, .cancel-ssh-key:hover - text-decoration: underline - - input[type="checkbox"] - display: inline-block - vertical-align: middle - - .edit-var - display: inline-block - margin: 6px 10px 7px 0 - color: #ffffff - background-color: #bcbcbb - border-radius: 4px - padding: 4px 15px 4px 15px - font-size: 13px - cursor: pointer - - .edit-var:hover - background-color: #a4a5a4 - - .delete-var, .delete-ssh-key - display: inline-block - margin: 6px 0 7px 0 - color: #ffffff - background-color: #932828 - border-radius: 4px - padding: 4px 15px 4px 15px - font-size: 13px - cursor: pointer - - .delete-var:hover, .delete-ssh-key:hover - background-color: #820b0b - - form.env-var - width: 100% - margin-top: 20px - margin-bottom: 30px - border-bottom: 1px solid #f1f1f1 - - span.error - margin-left: 0 - display: none - - &.show - display: inline-block - - label.name, label.value - display: none - - label.public - width: 80% - - .field.name, .field.value - float: left - padding-bottom: 0 - min-height: 33px - line-height: 2 - - span.equals - float: left - display: block - line-height: 2 - margin: 0 10px 0 14px - - .field.name - margin-bottom: 10px - input - width: 97% - .field.value - width: 45% - input - width: 97% - .actions - margin-bottom: 10px - clear: both - - ul.env-vars - display: block - li.env-var - margin: 10px 40px 0 0 - padding-bottom: 10px - overflow: auto - border-bottom: 1px solid #F1F1F1 - width: 100% - - form.env-var - margin-bottom: 6px - border-bottom: none - - .var - font-size: 13px - display: inline-block - margin-right: 10px - - .row - .label - display: inline-block - border: 1px solid #ddd - font-size: 13px - margin-top: 4px - height: 20px - - .name, - .value - line-height: 20px - position: relative - font-size: 15px - - .equals - margin: 0 10px 0 14px - - .name - width: 250px - text-align: left - - .value - display: block - width: auto - text-align: left - max-width: 390px - min-height: 25px - padding: 7px 12px 3px - - @media #{$medium-up} - .value, - .name - display: inline-block - vertical-align: middle - - .field--switch - display: inline-block - vertical-align: middle - label.public - width: auto - line-height: 1.8 - - .value--extra - padding: 0 !important - width: 250px !important