.alert_holder { margin: -16px; .alert-link { font-weight: normal; } } .no-ssh-key-message, .project-limit-message { background-color: #f28d35; margin-bottom: 0; } .new_project, .edit-project { fieldset { &.features { .label-light { margin-bottom: 0; } .help-block { margin-top: 0; } } .form-group { margin-bottom: 5px; } &> .form-group { padding-left: 0; } } .help-block { margin-bottom: 10px; } .project-path { padding-right: 0; .form-control { border-radius: $border-radius-base; } } .input-group > div { &:last-child { padding-right: 0; } } @media (max-width: $screen-xs-max) { .input-group > div { margin-bottom: 14px; &:last-child { margin-bottom: 0; } } fieldset > .form-group:first-child { padding-right: 0; } } .input-group-addon { &.static-namespace { height: 35px; border-radius: 3px; border: 1px solid #e5e5e5; } &+ .select2 a { border-top-left-radius: 0; border-bottom-left-radius: 0; } } } .project-home-panel { padding-top: 24px; padding-bottom: 24px; @media (min-width: $screen-sm-min) { border-bottom: 1px solid $border-color; } .project-avatar { float: none; margin-left: auto; margin-right: auto; &.identicon { border-radius: 50%; } } .project-title { margin-top: 10px; margin-bottom: 10px; font-size: 24px; font-weight: 400; line-height: 1; .fa { margin-left: 2px; font-size: 12px; vertical-align: middle; } } .project-home-desc { margin-left: auto; margin-right: auto; margin-bottom: 15px; max-width: 700px; > p { margin-bottom: 0; } } .notifications-btn { .fa-bell, .fa-spinner { margin-right: 6px; } .fa-angle-down { margin-left: 6px; } } } .project-repo-buttons { font-size: 0; .btn { @include btn-gray; padding: 3px 10px; .fa { color: $layout-link-gray; } svg { path { fill: $layout-link-gray; } use { stroke: $layout-link-gray; } } .fa-caret-down { margin-left: 3px; } } .project-repo-btn-group, .notification-dropdown, .project-dropdown { margin-left: 10px; } .count-buttons { display: inline-block; vertical-align: top; } .project-clone-holder { display: inline-block; input { height: 29px; } } .count-with-arrow { display: inline-block; position: relative; margin-left: 4px; .arrow { &:before { content: ''; display: inline-block; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 50%; left: 0; margin-top: -6px; border-width: 7px 5px 7px 0; border-right-color: #dce0e5; pointer-events: none; } &:after { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 50%; left: 1px; margin-top: -9px; border-width: 10px 7px 10px 0; border-right-color: #fff; pointer-events: none; } } .count { @include btn-gray; display: inline-block; background: white; border-radius: 2px; border-width: 1px; border-style: solid; font-size: 13px; font-weight: 600; line-height: 13px; padding: $gl-vert-padding $gl-padding; letter-spacing: .4px; padding: 7px 14px; text-align: center; vertical-align: middle; touch-action: manipulation; background-image: none; white-space: nowrap; margin: 0 10px 0 4px; a { color: inherit; } &:hover { background: #fff; } } } } .split-one { display: inline-table; margin-right: 12px; > a { margin: -1px; } } .project-visibility-level-holder { .radio { margin-bottom: 10px; i { margin: 2px 0; font-size: 20px; } .option-title { font-weight: normal; display: inline-block; color: $gl-gray-dark; } .option-descr { margin-left: 29px; color: #54565b; } } } .save-project-loader { margin-top: 50px; margin-bottom: 50px; color: #555; } .transfer-project .select2-container { min-width: 200px; } .deploy-key-content { @media (min-width: $screen-sm-min) { float: left; &:last-child { float: right; } } } .deploy-key-projects { @media (min-width: $screen-sm-min) { line-height: 42px; } } a.deploy-project-label { padding: 5px; margin-right: 5px; color: $gl-gray; background-color: $row-hover; &:hover { color: $gl-link-color; } } .vs-public { color: $gl-primary; } .vs-internal { color: $gl-warning; } .vs-private { color: $gl-success; } .lfs-enabled { color: $gl-success; } .lfs-disabled { color: $gl-warning; } .breadcrumb.repo-breadcrumb { padding: 0; background: transparent; border: none; line-height: 36px; margin: 0; > li + li:before { padding: 0 3px; color: #999; } a { color: $gl-dark-link-color; } .dropdown-menu { width: 240px; } } .last-push-widget { margin-top: -1px; } .fork-namespaces { .row { -webkit-flex-wrap: wrap; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: flex-start; .fork-thumbnail { border-radius: $border-radius-base; background-color: $white-light; border: 1px solid $border-white-light; height: 202px; margin: $gl-padding; text-align: center; width: 169px; &:hover, &.forked { background-color: $row-hover; border-color: $row-hover-border; } .no-avatar { width: 100px; height: 100px; background-color: $gray-light; border: 1px solid $gray-dark; margin: 0 auto; border-radius: 50%; i { font-size: 100px; color: $gray-dark; } } a { display: block; width: 100%; height: 100%; padding-top: $gl-padding; color: $gl-gray; .caption { min-height: 30px; padding: $gl-padding 0; } } img { border-radius: 50%; max-width: 100px; } } } } .project-import { .form-group { margin-bottom: 5px; } .import-buttons { padding-left: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; .btn { margin: 0 10px 10px 0; padding: 8px; } > div { padding-left: 0; &:last-child { margin-bottom: 0; .btn { margin-right: 0; } } } } } .project-stats { font-size: 0; border-bottom: 1px solid $border-color; .nav { padding-top: 12px; padding-bottom: 12px; } .nav > li { display: inline-block; &:not(:last-child) { margin-right: $gl-padding; } &.project-repo-buttons-right { margin-top: 10px; @media (min-width: $screen-md-min) { float: right; margin-top: 0; } } } .nav > li > a { padding: 0; background-color: transparent; font-size: 15px; line-height: 29px; color: $notes-light-color; &:hover, &:focus { color: darken($notes-light-color, 15%); } } li.missing { border: 1px dashed $border-gray-light; border-radius: $border-radius-default; a { padding-left: 10px; padding-right: 10px; color: $notes-light-color; display: block; } &:hover { background-color: $gray-normal; } } } pre.light-well { border-color: #f1f1f1; } .git-empty { margin: 0 7px 7px; h5 { color: #5c5d5e; } .light-well { border-radius: 2px; color: #5b6169; font-size: 13px; line-height: 1.6em; } } .project-footer { margin-top: 20px; .btn-remove { @include btn-middle; @include btn-red; float: left !important; } } /* * Projects list rendered on dashboard and user page */ .projects-list { @include basic-list; .project-row { border-color: $table-border-color; .project-full-name { @include str-truncated; } .controls { line-height: $list-text-height; a:hover { text-decoration: none; } > span { margin-left: 10px; } svg { position: relative; top: 2px; } } } .bottom { padding-top: $gl-padding; padding-bottom: 0; } } .panel .projects-list li { padding: 10px 15px; margin: 0; } .activity-filter-block { .controls { padding-bottom: 7px; margin-top: 8px; border-bottom: 1px solid $border-color; } } .project-last-commit { @media (min-width: $screen-sm-min) { margin-top: $gl-padding; } &.container-fluid { padding-top: 12px; padding-bottom: 12px; background-color: $background-color; border: 1px solid $border-color; border-right-width: 0; border-left-width: 0; @media (min-width: $screen-sm-min) { border-right-width: 1px; border-left-width: 1px; } } &.container-limited { @media (min-width: 1281px) { border-radius: $border-radius-base; } } .ci-status { margin-right: $gl-padding; } .commit-row-message { color: $gl-gray; } .commit_short_id { margin-right: 5px; color: $gl-link-color; font-weight: 600; } .commit-author-link { .commit-author-name { font-weight: 600; } } } .project-show-readme { .row-content-block { background-color: inherit; border: none; } .readme-holder { padding: $gl-padding 0; border-top: 0; .edit-project-readme { z-index: 2; position: relative; } .wiki h1 { border-bottom: none; padding: 0; } } } .git-clone-holder { width: 380px; .btn-clipboard { border: 1px solid $border-color; } .clone-options { display: table-cell; a.btn { width: 100%; } } .form-control { @extend .monospace; background: #fff; font-size: 14px; margin-left: -1px; cursor: auto; width: 101%; } } .cannot-be-merged, .cannot-be-merged:hover { color: #e62958; margin-top: 2px; } .private-forks-notice .private-fork-icon { i:nth-child(1) { color: #2aa056; } i:nth-child(2) { color: #fff; } } .new_protected_branch { label { margin-top: 6px; font-weight: normal; } } .protected-branches-list { a { color: $gl-gray; &:hover { color: $gl-link-color; } &.is-active { font-weight: 600; } } .settings-message { margin: 0; border-radius: 0 0 1px 1px; padding: 20px 0; border: none; } .table-bordered { border-radius: 1px; th:not(:last-child), td:not(:last-child) { border-right: solid 1px transparent; } } } .custom-notifications-form { .is-loading { .custom-notification-event-loading { display: inline-block; } } } .custom-notification-event-loading { display: none; margin-left: 5px; &.is-done { color: $gl-text-green; } } .project-refs-form .dropdown-menu, .dropdown-menu-projects { width: 300px; @media (min-width: $screen-sm-min) { width: 500px; } a { white-space: normal; } } .compare-form-group { .dropdown-menu { width: 300px; } } .clearable-input { position: relative; .clear-icon { @extend .fa-times; display: none; position: absolute; right: 7px; top: 7px; color: $location-icon-color; &:before { font-family: FontAwesome; font-weight: normal; font-style: normal; } } &.has-value { .clear-icon { cursor: pointer; display: block; } } } .project-path { .form-control { min-width: 100px; } .select2-choice { border-top-right-radius: 0; border-bottom-right-radius: 0; } } .project-home-empty { border-top: 0; .container-fluid { background: none; } p { margin-left: auto; margin-right: auto; max-width: 650px; } } .project-feature-nested { @media (min-width: $screen-sm-min) { padding-left: 45px; } } .project-repo-select { &.disabled { opacity: 0.5; pointer-events: none; } }