vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

initial import for Open Source 🎉

Browse source
This commit is contained in:
Jimmy Zelinskie 2019-11-12 11:09:47 -05:00
parent 1898c361f3
commit 9c0dd3b722
2048 changed files with 218743 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

34
static/css/directives/repo-view/repo-panel-builds.css Normal file
View file

@ -0,0 +1,34 @@
.repo-panel-builds .status-col {
width: 48px;
}
.repo-panel-builds .building-tag {
margin-right: 10px;
}
.repo-panel-builds .building-tag .fa {
margin-right: 6px;
vertical-align: middle;
}
.repo-panel-builds .heading-controls {
white-space: nowrap;
}
.repo-panel-builds .trigger-disabled {
background-color: #fcfcfc;
}
.repo-panel-builds .trigger-disabled td {
border-bottom: 0px;
color: #ccc;
}
.repo-panel-builds .trigger-disabled-message {
font-size: 13px;
}
.repo-panel-builds i.fa-exclamation-triangle {
color: #f5c77d;
margin-right: 4px;
}

43
static/css/directives/repo-view/repo-panel-changes.css Normal file
View file

@ -0,0 +1,43 @@
.repo-panel-changes .tab-header {
margin-bottom: 30px !important;
}
.repo-panel-changes .side-panel-title {
font-size: 20px;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 10px;
}
.repo-panel-changes .side-panel-title i.fa {
margin-right: 10px;
}
.repo-panel-changes .side-panel {
padding: 10px;
}
.repo-panel-changes .visualized-tag {
font-size: 18px;
margin-left: 10px;
}
.repo-panel-changes .visualized-tag .fa {
margin-right: 8px;
vertical-align: middle;
}
.repo-panel-changes .multiselect-dropdown {
display: inline-block;
margin-left: 10px;
min-width: 200px;
}
.repo-panel-changes .multiselect-dropdown .tag-span {
white-space: nowrap;
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
vertical-align: text-bottom;
}

162
static/css/directives/repo-view/repo-panel-info.css Normal file
View file

@ -0,0 +1,162 @@
.repo-panel-info-element .right-sec-controls {
border: 1px solid #ddd;
padding: 20px;
border-radius: 4px;
max-width: 400px;
}
.repo-panel-info-element .right-sec-controls {
color: #333;
font-weight: 300;
padding-left: 70px;
position: relative;
}
.repo-panel-info-element .right-sec-controls .sec-logo {
position: absolute;
top: 17px;
left: 15px;
}
.repo-panel-info-element .right-sec-controls .sec-logo .lock {
position: absolute;
top: 5px;
right: 10px;
}
.repo-panel-info-element .right-sec-controls b {
color: #333;
font-weight: normal;
margin-bottom: 20px;
display: block;
}
.repo-panel-info-element .right-sec-controls .configure-alerts {
margin-top: 20px;
font-weight: normal;
}
.repo-panel-info-element .right-sec-controls .configure-alerts .fa {
margin-right: 6px;
}
.repo-panel-info-element .right-sec-controls .repository-events-summary {
margin-top: 20px;
}
.repo-panel-info-element .right-pull-controls {
margin-bottom: 20px;
}
.repo-panel-info-element .right-pull-controls .copy-box {
width: 400px;
margin-top: 10px;
margin-bottom: 20px;
}
.repo-panel-info-element .stat-col {
border-right: 2px solid #eee;
padding-right: 26px;
}
.repo-panel-info-element .stat-title {
text-align: center;
display: block;
font-size: 20px;
margin-bottom: 10px;
}
.repo-panel-info-element .stat-row {
text-align: center;
margin-bottom: 20px;
}
.repo-panel-info-element .stat-row .heatmap {
margin-top: 20px;
}
.repo-panel-info-element .stat {
display: inline-block;
margin-left: 20px;
margin-right: 20px;
}
.repo-panel-info-element .stat .stat-value {
font-size: 46px;
}
.repo-panel-info-element .stat .stat-subtitle {
font-size: 12px;
color: #ccc;
text-transform: uppercase;
}
.repo-panel-info-element .description-container {
margin-top: 30px;
border-top: 2px solid #eee;
padding-top: 18px;
}
.repo-panel-info-element .description-container table {
width: 100%;
}
.repo-panel-info-element .description-container table td {
vertical-align: top;
}
.repo-panel-info-element .description-container table td:first-child {
width: 100%;
padding: 10px;
padding-right: 30px;
}
.repo-panel-info-element .description-container table td:first-child p {
display: block;
}
.repo-panel-info-element .description-container table td:first-child pre {
max-width: 100%;
}
.repo-panel-info-element .description {
padding-bottom: 0px;
position: relative;
}
@media (max-width: 767px) {
.repo-panel-info-element .description {
margin-right: 0px;
}
.repo-panel-info-element .description-container table td:first-child {
padding: 6px;
}
}
.repo-panel-info-element .description p {
font-size: 16px !important;
}
.repo-panel-info-element .description .fa-edit {
display: none;
}
.repo-panel-info-element .build-mini-status {
margin-top: 10px;
margin-bottom: 10px;
}
.repo-panel-info-element .view-all {
display: block;
padding: 10px;
text-align: center;
}
.repo-panel-info-element .builds-list {
min-height: 200px;
}
.repo-panel-info-element .copy-box {
vertical-align: middle;
}

51
static/css/directives/repo-view/repo-panel-settings.css Normal file
View file

@ -0,0 +1,51 @@
.repo-panel-settings-element .panel-section {
padding: 20px;
border-bottom: 1px solid #eee;
}
.repo-panel-settings-element .lock-section {
position: relative;
padding-left: 80px;
}
.repo-panel-settings-element .lock-section .lock-icon {
position: absolute;
top: 10px;
left: 22px;
color: #ccc;
font-size: 46px;
}
.repo-panel-settings-element .panel-section .btn {
margin-top: 20px;
}
.repo-panel-settings-element .panel-section .btn .fa {
margin-right: 6px;
}
.repo-panel-settings-element .delete-btn {
float: right;
margin-top: -7px !important;
}
.repo-panel-settings-element .repo-count-checker {
margin-top: 20px;
}
.repo-panel-settings-element .co-alert {
margin-bottom: 0px;
}
.repo-panel-settings-element .panel-body {
border-bottom: 0px;
}
@media (max-width: 767px) {
.repo-panel-settings-element .delete-btn {
float: none;
margin-top: 0px !important;
margin-bottom: 20px;
display: block;
}
}

300
static/css/directives/repo-view/repo-panel-tags.css Normal file
View file

@ -0,0 +1,300 @@
.repo-panel-tags-element .fa-tag {
margin-right: 10px;
}
.repo-panel-tags-element .empty {
margin-top: 20px;
}
.repo-panel-tags-element .image-track {
width: 20px;
position: relative;
}
.repo-panel-tags-element .image-track-dot {
display: inline-block;
position: absolute;
top: 15px;
left: 2px;
width: 12px;
height: 12px;
background: white;
z-index: 300;
border: 2px solid black;
border-radius: 50%;
cursor: pointer;
}
.repo-panel-tags-element .image-track-filled-dot {
display: inline-block;
position: absolute;
top: 15px;
left: 2px;
width: 12px;
height: 12px;
background: white;
z-index: 300;
border-radius: 50%;
cursor: pointer;
}
.repo-panel-tags-element .image-track-line {
position: absolute;
top: 0px;
bottom: -1px;
left: 7px;
width: 0px;
display: inline-block;
border-left: 2px solid black;
display: none;
z-index: 200;
}
.repo-panel-tags-element .image-track-line.start {
top: 18px;
height: 28px;
display: block;
}
.repo-panel-tags-element .image-track-line.middle {
display: block;
}
.repo-panel-tags-element .image-track-line.end {
top: -1px;
height: 16px;
display: block;
}
.repo-panel-tags-element .options-col {
padding-left: 20px;
}
.repo-panel-tags-element .options-col .fa-download, .repo-panel-tags-element .options-col .fa-history {
color: #999;
cursor: pointer;
}
.repo-panel-tags-element .tag-image-history-item .image-id {
font-family: Consolas, "Lucida Console", Monaco, monospace;
font-size: 12px;
}
.repo-panel-tags-element .tag-image-history-item .image-apply-time {
color: #ccc;
font-size: 11px;
padding-left: 20px;
}
.repo-panel-tags-element .tag-image-history-item .fa-circle-o {
margin-right: 2px;
}
.repo-panel-tags-element .signing-col {
text-align: center;
}
.repo-panel-tags-element .security-scan-col span {
cursor: pointer;
}
.repo-panel-tags-element .security-scan-col .donut-chart {
margin-right: 4px;
}
.repo-panel-tags-element .security-scan-col .scanning,
.repo-panel-tags-element .security-scan-col .failed-scan,
.repo-panel-tags-element .security-scan-col .vuln-load-error {
color: #9B9B9B;
font-size: 12px;
cursor: default;
}
.repo-panel-tags-element .security-scan-col .no-vulns a {
color: #2FC98E;
display: flex;
}
.repo-panel-tags-element .security-scan-col .vuln-link,
.repo-panel-tags-element .security-scan-col .vuln-link span {
text-decoration: none !important
}
.repo-panel-tags-element .security-scan-col .has-vulns.Critical .highest-vuln,
.repo-panel-tags-element .security-scan-col .has-vulns.Defcon1 .highest-vuln {
}
.repo-panel-tags-element .security-scan-col .has-vulns {
font-size: 14px;
}
.repo-panel-tags-element .security-scan-col .has-vulns .donut-chart {
margin-right: 4px;
}
.repo-panel-tags-element .security-scan-col .has-vulns .dot {
margin-left: 2px;
margin-right: 2px;
font-size: 150%;
line-height: 100%;
vertical-align: middle;
color: #aaa;
}
.repo-panel-tags-element .other-vulns {
color: black;
}
.repo-panel-tags-element tr.expanded-view td {
border-bottom: 0px;
}
.repo-panel-tags-element .image-id-row {
margin-bottom: 6px;
padding-left: 6px;
position: relative;
}
.repo-panel-tags-element .image-id-row:before {
content: "\f1c5";
font-family: FontAwesome;
position: absolute;
left: -22px;
top: 0px;
font-size: 15px;
color: #888;
}
.repo-panel-tags-element .labels-col {
padding-top: 0px;
}
.repo-panel-tags-element .manifest-list .labels-col {
padding-top: 10px;
}
.repo-panel-tags-element .signing-delegations-list {
margin-top: 8px;
}
@media (max-width: 1000px) {
.repo-panel-tags-element .image-track {
display: none;
}
}
@media (max-width: 767px) {
.repo-panel-tags-element .tag-span {
overflow: hidden;
text-overflow: ellipsis;
max-width: 110px;
display: inline-block;
}
.repo-panel-tags-element .tag-span i {
display: none;
}
.repo-panel-tags-element .co-filter-box {
display: block;
float: none;
margin-top: 10px;
margin-bottom: 20px;
}
.repo-panel-tags-element .co-filter-box input {
width: 100%;
}
.repo-panel-tags-element .co-checked-actions .btn i {
font-size: 16px;
width: 18px;
text-align: center;
display: inline-block;
}
.repo-panel-tags-element .co-checked-actions .btn .text {
display: none;
}
}
.repo-panel-tags-element .disabled-option,
.repo-panel-tags-element .disabled-option a {
color: #ccc;
}
.repo-panel-tags-element .image-tag-tooltip {
padding-bottom: 4px;
}
.repo-panel-tags-element .image-tag-tooltip .image-tag-tooltip-header {
padding: 4px;
padding-left: 10px;
padding-right: 10px;
border-radius: 4px;
margin-bottom: 10px;
}
.repo-panel-tags-element .image-tag-tooltip .image-tag-tooltip-tags {
list-style: none;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 4px;
}
.repo-panel-tags-element .image-tag-tooltip .image-tag-tooltip-tags .fa-tag {
margin-right: 8px;
color: #ccc;
vertical-align: middle;
}
.repo-panel-tags-element .image-tag-tooltip .image-tag-tooltip-tags-more {
color: #aaa;
font-size: 14px;
margin-bottom: 4px;
text-align: center;
padding: 4px;
}
.repo-panel-tags-element .manifest-list-icons {
display: inline-block;
float: right;
}
.repo-panel-tags-element .manifest-list-manifest-icon {
display: inline-block;
margin-right: 4px;
background-color: #e8f1f6;
padding: 6px;
border-radius: 4px;
font-size: 14px;
padding-top: 4px;
padding-bottom: 4px;
vertical-align: middle;
}
.repo-panel-tags-element .secscan-manifestlist {
color: #aaa;
font-size: 12px;
}
.repo-panel-tags-element .manifest-list-view td {
border-bottom: 0px;
border-top: 1px dotted #eee;
}
.repo-panel-tags-element .expanded-viewport.manifest-list {
border-top: 1px solid #eee;
}
.repo-panel-tags-element .manifest-list-view .image-track-line {
opacity: 0.2;
}

147
static/css/directives/ui/angular-tour-ui.css Normal file
View file

@ -0,0 +1,147 @@
.angular-tour-ui-element.overlay {
display: block;
position: fixed;
bottom: 50px;
right: 20px;
z-index: 9999999;
background: white;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
opacity: 0;
transition: opacity 750ms ease-in-out;
-webkit-transition: opacity 750ms ease-in-out;
min-width: 400px;
}
.angular-tour-ui-element.overlay.touring {
opacity: 1;
}
.angular-tour-ui-element.overlay.nottouring {
pointer-events: none;
position: absolute;
left: -10000px;
width: 0px;
height: 0px;
}
.angular-tour-ui-element.overlay .tour-title {
background-color: #3276b1;
color: white;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
border-radius: 4px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.angular-tour-ui-element.overlay .tour-title h4 {
display: inline-block;
font-size: 16px;
margin: 0px;
padding: 2px;
}
.angular-tour-ui-element.overlay .step-title {
font-size: 20px;
}
.angular-tour-ui-element.overlay .step-content {
padding: 10px;
padding-left: 0px;
font-size: 16px;
}
.angular-tour-ui-element.overlay .tour-contents {
padding: 10px;
}
.angular-tour-ui-element.overlay .controls {
text-align: right;
}
.angular-tour-ui-element.overlay .controls .btn {
font-size: 16px;
}
.angular-tour-ui-element.overlay .fa {
display: none;
}
.angular-tour-ui-element.inline .fa-dot-circle-o {
font-size: 34px;
background: #ddd;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
padding-top: 4px;
vertical-align: middle;
margin-right: 10px;
}
.angular-tour-ui-element.inline .tour-title h4 {
font-size: 28px;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
}
.angular-tour-ui-element.inline .tour-title .close {
display: none;
}
.angular-tour-ui-element.inline .step-title {
font-size: 20px;
border-bottom: 1px solid #eee;
padding-bottom: 16px;
margin-bottom: 20px;
}
.angular-tour-ui-element.inline .step-content {
margin-bottom: 10px;
}
.angular-tour-ui-element.inline .controls {
margin-top: 20px;
border-top: 1px solid #eee;
padding-top: 20px;
}
.angular-tour-ui-element p {
margin-bottom: 20px;
}
.angular-tour-ui-element .wait-message {
font-size: 16px;
color: #999;
}
.angular-tour-ui-element .wait-message .quay-spinner {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.angular-tour-ui-element .wait-message .quay-spinner .small-spinner {
border-top-color: #999;
border-left-color: #999;
}
.angular-tour-ui-element .note {
margin: 10px;
padding: 6px;
background: #eee;
border: 1px solid #ddd;
}
.angular-tour-ui-element .skip-message {
display: inline-block;
margin-left: 20px;
}

81
static/css/directives/ui/app-public-view.css Normal file
View file

@ -0,0 +1,81 @@
.app-public-view-element {
height: 100%;
}
.app-public-view-element .app-header {
padding: 10px;
padding-left: 24px;
}
.app-public-view-element .app-header i.fa {
margin-right: 8px;
}
.app-public-view-element .main-content {
min-height: 300px;
padding: 0px;
}
.app-public-view-element .side-bar {
padding: 20px;
border-left: 1px solid #dddddd;
background-color: #fdfdfd;
}
.app-public-view-element .side-bar .sidebar-table {
margin-top: 40px;
}
.app-public-view-element .side-bar .sidebar-table h4 {
margin-bottom: 25px;
}
.app-public-view-element .app-row {
display: table;
width: 100%;
}
.app-public-view-element .main-content,
.app-public-view-element .side-bar {
float: none;
display: table-cell;
vertical-align: top;
}
.app-public-view-element .side-bar .visibility-indicator-component-element {
margin-bottom: 10px;
display: inline-block;
}
.app-public-view-element .tab-content {
padding: 30px;
}
.app-public-view-element .tab-content .tab-header {
display: none;
}
.app-public-view-element .co-main-content-panel {
padding: 0px;
}
.app-public-view-element .co-top-tab-bar li {
font-size: 18px;
}
.app-public-view-element .co-panel .co-panel-heading {
font-size: 16px;
margin-left: -30px;
margin-right: -30px;
padding-left: 22px;
}
.app-public-view-element .co-panel .co-panel-heading i.fa {
display: none;
}
.app-public-view-element .co-tab-panel {
margin: 0px;
box-shadow: none;
border: none;
}

7
static/css/directives/ui/application-manager.css Normal file
View file

@ -0,0 +1,7 @@
.application-manager-element .co-table {
margin-top: 20px;
}
.application-manager-element i.fa {
margin-right: 4px;
}

3
static/css/directives/ui/authorized-apps-manager.css Normal file
View file

@ -0,0 +1,3 @@
.authorized-apps-manager .avatar {
margin-right: 4px;
}

29
static/css/directives/ui/avatar.css Normal file
View file

@ -0,0 +1,29 @@
.avatar-element {
display: inline-block;
vertical-align: middle;
color: white !important;
text-align: center;
position: relative;
overflow: hidden;
}
.avatar-element.team {
border-radius: 50%;
}
.avatar-element img {
position: absolute;
top: 0px;
left: 0px;
}
.avatar-element .letter {
cursor: default !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
}
a .avatar-element .letter {
cursor: pointer !important;
}

44
static/css/directives/ui/billing-invoices.css Normal file
View file

@ -0,0 +1,44 @@
.billing-invoices-element .fields-menu {
float: right;
}
.billing-invoices-element .invoice-title {
padding: 6px;
cursor: pointer;
}
.billing-invoices-element .invoice-status .success {
color: green;
}
.billing-invoices-element .invoice-status .pending {
color: steelblue;
}
.billing-invoices-element .invoice-status .danger {
color: red;
}
.billing-invoices-element .invoice-amount:before {
content: '$';
}
.billing-invoices-element .fa-download {
color: #aaa;
}
.billing-invoices-element .fa-trash-o {
float: right;
margin-top: -3px;
margin-right: -14px !important;
font-size: 14px;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
border-radius: 4px;
}
.billing-invoices-element .invoice-field {
padding-top: 6px;
padding-bottom: 6px;
}

32
static/css/directives/ui/billing-management-panel.css Normal file
View file

@ -0,0 +1,32 @@
.billing-management-panel-element .credit-card-image {
width: 33px;
margin-right: 10px;
}
.billing-management-panel-element .credit-card-number {
display: inline-block;
font-size: 16px;
margin-right: 10px;
}
.billing-management-panel-element .receipt-form {
padding-top: 20px;
padding-bottom: 12px;
}
.billing-management-panel-element .sub-usage {
margin-bottom: 10px;
font-size: 16px;
}
.billing-management-panel-element .sub-usage .fa {
margin-right: 4px;
}
.billing-management-panel-element .sub-usage .red {
color: #D64456;
}
.billing-management-panel-element .sub-usage .yellow {
color: #FCA657;
}

44
static/css/directives/ui/build-info-bar.css Normal file
View file

@ -0,0 +1,44 @@
.build-info-bar-element {
position: relative;
padding: 6px;
padding-left: 20px;
}
.build-info-bar-element .phase-icon {
position: absolute;
top: 4px;
left: 4px;
bottom: 0px;
height: auto;
border-radius: 0px;
width: 5px;
}
.build-info-bar-element .build-side-info {
float: right;
}
.build-info-bar-element .build-side-info .build-side-id {
font-size: 12px;
color: #ccc;
margin-bottom: 10px;
}
.build-info-bar-element .build-side-info .timing .fa {
display: inline-block;
margin-right: 4px;
}
.build-info-bar-element .build-side-info .timing {
text-align: right;
}
.build-info-bar-element .source-commit-link {
margin-left: 4px;
}
@media (max-width: 767px) {
.build-info-bar-element .build-side-info .build-side-id {
display: none;
}
}

16
static/css/directives/ui/build-log-command.css Normal file
View file

@ -0,0 +1,16 @@
.build-log-command-element.multistep-seperator {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #666;
}
.build-log-command-element .from-name {
position: absolute;
top: 3px;
left: 22px;
background-color: #263945;
display: inline-block;
color: #aaa;
font-size: 12px;
padding-right: 10px;
}

189
static/css/directives/ui/build-logs-view.css Normal file
View file

@ -0,0 +1,189 @@
.build-logs-view {
position: relative;
color: white;
padding: 10px;
overflow: auto;
box-shadow: inset 10px 10px 5px -9px rgba(0,0,0,0.75);
background-color: #263945;
min-height: 74px;
}
.build-logs-view .co-alert {
margin-bottom: 0px;
color: black !important;
}
.build-logs-view .no-logs {
color: #8C8C8C;
}
.build-logs-view .container-header {
padding: 2px;
}
.build-logs-view .container-logs {
margin: 4px;
padding-bottom: 4px;
}
.build-logs-view .command-title,
.build-logs-view .log-entry .message,
.build-logs-view .log-entry .message span {
font-family: Consolas, "Lucida Console", Monaco, monospace;
font-size: 13px;
}
.build-logs-view .container-header {
cursor: pointer;
position: relative;
}
.build-logs-view .container-header i.fa.chevron {
color: #666;
margin-right: 4px;
width: 14px;
text-align: center;
position: absolute;
top: 6px;
left: 0px;
}
.build-logs-view .log-container.command {
margin-left: 22px;
}
.build-logs-view .container-header.building {
margin-bottom: 10px;
}
.build-logs-view .container-header.pushing {
margin-top: 10px;
}
.build-logs-view .build-log-error-element .error-message-container {
position: relative;
display: inline-block;
margin: 10px;
padding: 10px;
background: rgba(255, 0, 0, 0.17);
border-radius: 10px;
margin-left: 22px;
}
.build-logs-view .build-log-error-element .error-message-container i.fa {
color: red;
position: absolute;
top: 13px;
left: 11px;
}
.build-logs-view .build-log-error-element .error-message {
display: inline-block;
margin-left: 25px;
}
.build-logs-view .container-header .label {
background-color: #717171;
}
.build-logs-view .dockerfile-command .command-title {
padding-left: 0px;
}
.build-logs-view .container-header .container-content {
display: block;
padding-left: 20px;
}
.build-logs-view .log-entry {
position: relative;
}
.build-logs-view .log-entry:hover {
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.build-logs-view .log-entry:hover .timestamp {
visibility: visible;
}
.build-logs-view .log-entry .timestamp {
float: right;
visibility: hidden;
color: #aaa;
margin-right: 10px;
}
.build-logs-view .log-entry .message {
display: inline-block;
margin-left: 46px;
}
.build-logs-view .log-entry .id {
color: #aaa;
padding-right: 6px;
margin-right: 10px;
text-align: right;
font-size: 12px;
width: 40px;
position: absolute;
top: 1px;
left: 4px;
}
.build-logs-view .copy-button {
position: absolute;
top: 6px;
right: 6px;
z-index: 2;
transition: all 0.15s ease-in-out;
}
.build-logs-view .download-button i.fa {
margin-right: 10px;
}
.build-logs-view .download-button {
position: absolute;
top: 6px;
right: 124px;
z-index: 2;
transition: all 0.15s ease-in-out;
}
.build-logs-view .download-button:not(:hover) {
background: transparent;
border: 1px solid transparent;
color: #ddd;
}
.build-logs-view .copy-button:not(.zeroclipboard-is-hover) {
background: transparent;
border: 1px solid transparent;
color: #ddd;
}
.build-logs-view .copy-button i.fa {
margin-right: 10px;
}
.build-logs-view-element.with-timestamps .log-entry .message {
display: inline-block;
margin-left: 146px;
}
.build-logs-view-element.with-timestamps .log-entry .id {
width: 140px;
white-space: nowrap;
padding-right: 10px;
}
@media (max-width: 767px) {
#copyButton {
display: none;
}
}

48
static/css/directives/ui/build-mini-status.css Normal file
View file

@ -0,0 +1,48 @@
.build-mini-status {
display: block;
padding: 4px;
position: relative;
border: 1px solid #eee;
}
.build-mini-status-element {
color: black;
text-decoration: none !important;
}
.build-mini-status a {
text-decoration: none !important;
color: black;
}
.build-mini-status .timing {
display: inline-block;
margin-left: 30px;
margin-right: 20px;
}
.build-mini-status .timing .fa {
display: inline-block;
margin-right: 4px;
}
.build-mini-status .build-description {
position: absolute;
top: 4px;
right: 4px;
left: 250px;
bottom: 4px;
line-height: 33px;
overflow: hidden;
}
.build-mini-status .build-description .tbd-content {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

27
static/css/directives/ui/build-state-icon.css Normal file
View file

@ -0,0 +1,27 @@
.build-state-icon {
width: 42px;
padding: 4px;
text-align: center;
display: inline-block;
font-size: 18px;
}
.build-state-icon .error {
color: #D64456;
}
.build-state-icon .expired {
color: #FCA657;
}
.build-state-icon .internalerror {
color: #99BA45;
}
.build-state-icon .complete {
color: #2fcc66;
}
.build-state-icon .cancelled {
color: #9b9b9b;
}

38
static/css/directives/ui/build-status.css Normal file
View file

@ -0,0 +1,38 @@
.build-status {
display: inline-block;
}
.build-status-container {
padding: 4px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
width: 350px;
}
.build-status-container .build-message {
display: block;
white-space: nowrap;
font-size: 14px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-left: 20px;
}
.build-status-container .progress {
height: 10px;
margin: 0px;
margin-top: 10px;
margin-left: 20px;
width: 310px;
}
.build-status-container .timing {
margin-left: 20px;
margin-top: 6px;
}
.build-status-container:last-child {
margin-bottom: 0px;
border-bottom: 0px solid white;
}

54
static/css/directives/ui/channel-icon.css Normal file
View file

@ -0,0 +1,54 @@
.channel-icon-element {
position: relative;
vertical-align: middle;
margin-right: 4px;
display: inline-block;
height: 32px;
cursor: default;
}
/* From: http://csshexagon.com/ */
.channel-icon-element .hexagon {
display: inline-block;
position: relative;
width: 30px;
height: 17.32px;
background-color: red;
margin: 8.66px 0;
}
.channel-icon-element .hexagon .before,
.channel-icon-element .hexagon .after {
content: "";
position: absolute;
width: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.channel-icon-element .hexagon .before {
bottom: 100%;
border-bottom: 8.66px solid red;
}
.channel-icon-element .hexagon .after {
top: 100%;
width: 0;
border-top: 8.66px solid red;
}
.channel-icon-element b {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
line-height: 34px;
text-align: center;
display: inline-block;
z-index: 1;
color: white;
font-weight: normal;
font-size: 18px;
}

77
static/css/directives/ui/convert-user-to-org.css Normal file
View file

@ -0,0 +1,77 @@
.convert-user-to-org-element {
padding: 10px;
}
.convert-user-to-org .convert-form {
padding: 20px;
}
.convert-user-to-org .convert-form h3 {
margin-bottom: 20px;
}
.convert-user-to-org #convertForm {
max-width: 700px;
margin-top: 20px;
}
.convert-user-to-org #convertForm .form-group {
margin-bottom: 20px;
}
.convert-user-to-org #convertForm input {
margin-bottom: 10px;
}
.convert-user-to-org #convertForm .existing-data {
display: block;
font-size: 16px;
font-weight: bold;
}
.convert-user-to-org #convertForm .existing-data .avatar {
margin-right: 4px;
}
.convert-user-to-org #convertForm .existing-data .username {
vertical-align: middle;
}
.convert-user-to-org #convertForm .description {
margin-top: 10px;
display: block;
color: #888;
font-size: 12px;
}
.convert-user-to-org .org-list {
list-style: none;
}
.convert-user-to-org .org-list li {
margin-top: 4px;
}
.convert-user-to-org .org-list li a {
vertical-align: middle;
margin-left: 6px;
}
.convert-user-to-org .fa-arrow-circle-right {
margin-left: 6px;
}
.convert-user-to-org .form-group-content {
padding-left: 10px;
padding-top: 10px;
}
.convert-user-to-org .form-group-content .co-table {
margin: 0px;
}
.convert-user-to-org .co-option-table {
margin-top: 12px;
}

338
static/css/directives/ui/cor-tabs.css Normal file
View file

@ -0,0 +1,338 @@
.vertical cor-tabs {
vertical-align: top;
background-color: #e8f1f6;
border-right: 1px solid #DDE7ED;
}
@media (min-width: 768px) {
.co-tab-container.vertical {
flex-direction: row;
display: flex;
align-items: stretch;
}
.vertical .co-tab-content {
width: 91.66666667%;
}
.horizontal-label {
color: #666;
}
.vertical .horizontal-label {
display: none;
}
.horizontal .horizontal-label {
display: inline-block;
vertical-align: middle;
}
.horizontal .horizontal-label {
margin-left: 10px;
display: inline-block;
}
.horizontal .cor-tab-itself {
font-size: 18px;
padding: 6px;
padding-left: 10px;
padding-right: 10px;
}
.horizontal .cor-tab-itself i.fa {
display: none;
}
}
.co-tab-container {
padding: 0px;
}
.co-tabs {
margin: 0px;
padding: 0px;
width: 82px;
display: table-cell;
vertical-align: top;
}
.horizontal .co-tab-content {
width: 100%;
display: block;
float: none;
padding: 30px;
}
.vertical .co-tab-content {
float: none;
padding: 30px;
flex-grow: 1;
}
@media (max-width: 767px) {
.co-tab-content {
padding: 20px;
width: 100%;
display: block;
}
}
.co-tabs li {
list-style: none;
display: block;
border-bottom: 1px solid #DDE7ED;
}
.co-tabs li.active {
background-color: white;
border-right: 1px solid white;
margin-right: -1px;
}
.co-tabs li a {
display: block;
width: 82px;
height: 82px;
line-height: 82px;
text-align: center;
font-size: 36px;
}
.co-tabs li a i {
font-size: 36px;
color: gray;
}
.co-tabs li.active a {
color: black;
}
.co-tabs .xs-toggle {
display: none;
}
@media (max-width: 767px) {
.vertical cor-tabs {
display: block;
}
.co-tabs {
display: block;
width: auto;
border-right: none;
border-bottom: 1px solid #DDE7ED;
}
cor-tabs {
position: relative;
display: block;
float: none;
vertical-align: top;
background-color: #e8f1f6;
border-right: 1px solid #DDE7ED;
}
.co-tab-element li.active {
background-color: white;
border-right: 1px solid white;
margin-right: -1px;
}
.co-tab-element .xs-toggle {
display: inline-block;
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 40px;
height: 40px;
cursor: pointer;
font-size: 18px;
text-align: center;
line-height: 40px;
border: 2px solid #DDE7ED;
background: white;
}
.co-tab-element.closed .xs-toggle:before {
content: "\f0d7";
font-family: FontAwesome;
}
.co-tab-element.open .xs-toggle:before {
content: "\f0d8";
font-family: FontAwesome;
}
.co-tab-element .horizontal-label {
font-size: 16px;
margin-left: 16px;
display: inline-block !important;
color: gray;
vertical-align: middle;
}
.cor-tab-itself {
width: 100%;
}
.cor-tab-icon {
vertical-align: middle;
}
.co-top-tab-bar {
padding: 0px;
}
.co-top-tab-bar li {
padding: 0px;
}
.co-tabs li a, .co-top-tab-bar li a {
display: inline-block;
height: 60px;
line-height: 54px;
white-space: nowrap;
width: 100%;
text-align: left;
padding-left: 20px;
text-decoration: none !important;
font-size: 28px;
color: #666;
}
.co-top-tab {
display: block !important;
border-bottom: 0px !important;
}
.co-tabs li a i {
vertical-align: middle;
font-size: 28px;
}
.co-tabs li.active a .horizontal-label {
color: black;
}
.co-tabs li.active a i {
color: black;
}
.co-tab-element.open li {
height: 60px;
}
.co-tab-element.closed li {
height: 0px;
padding: 0px;
overflow: hidden;
}
.co-tab-element.closed li.active {
height: 60px;
}
}
.co-tab-panel {
padding: 0px;
}
.co-dialog .co-tabs {
width: auto;
min-height: 400px;
padding-top: 58px;
}
.co-dialog .co-main-content-panel {
margin-bottom: 0px;
}
.co-dialog .co-tabs li a {
width: auto;
height: 42px;
line-height: 42px;
text-align: left;
font-size: 120%;
white-space: nowrap;
padding: 0px;
padding-left: 16px;
padding-right: 30px;
color: #5A5A5A;
}
.co-dialog .co-tabs li.active a, .co-dialog .co-tabs li.active a .fa {
color: black;
filter: none !important;
-webkit-filter: none !important;
}
.co-dialog .co-tabs li a .fa {
vertical-align: middle;
margin-right: 10px;
font-size: 20px;
line-height: 20px;
width: 20px;
text-align: center;
margin-top: -2px;
}
.co-dialog .co-tabs li a .fa.icon {
width: 20px;
height: 20px;
background-size: 20px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.co-dialog .co-tab-content {
padding: 16px;
padding-bottom: 30px;
}
.co-dialog .co-tab-content h3 {
margin-top: 0px;
margin-bottom: 0px;
overflow: hidden;
text-overflow: ellipsis;
}
.co-dialog .co-tab-content label {
margin-top: 24px;
font-weight: bold;
font-size: 16px;
}
.co-dialog .co-tab-content .help-text {
margin-top: 7px;
margin-left: 6px;
color: #aaa;
}
.co-dialog .co-tab-content .co-list-table {
width: 100%;
}
.co-dialog .co-tab-content .co-list-table td:first-child {
white-space: nowrap;
vertical-align: middle;
font-weight: normal;
}
.co-dialog .co-tabs li:first-child {
border-top: 1px solid #DDE7ED;
}
@media screen and (max-width: 767px) {
.co-dialog .co-tabs {
min-height: 0px;
padding-top: 0px;
}
.co-dialog .co-tabs li a {
line-height: 60px;
height: auto;
}
}

17
static/css/directives/ui/create-entity-dialog.css Normal file
View file

@ -0,0 +1,17 @@
.create-entity-dialog-element .modal-body {
min-height: 300px;
}
.create-entity-dialog-element form {
padding: 10px;
}
.create-entity-dialog-element .help-text {
color: #aaa;
margin-top: 10px;
}
.create-entity-dialog-element h4 .fa {
margin-left: 4px;
margin-right: 4px;
}

75
static/css/directives/ui/create-external-notification.css Normal file
View file

@ -0,0 +1,75 @@
.create-external-notification-element {
padding: 10px;
}
.create-external-notification-element .dropdown-select {
margin: 0px;
}
.create-external-notification-element .button-bar {
margin-top: 20px;
padding: 20px;
border-top: 1px solid #eee;
padding-bottom: 8px;
padding-left: 6px;
}
.create-external-notification-element .options-table .section-header {
font-size: 18px;
padding: 6px;
padding-bottom: 2px;
}
.create-external-notification-element .options-table {
width: 100%;
}
.create-external-notification-element .options-table td {
padding: 10px;
}
.create-external-notification-element .options-table td.name {
padding-left: 20px;
width: 1px;
white-space: nowrap;
vertical-align: top;
padding-top: 16px;
}
.create-external-notification-element .options-table td.value {
padding-left: 20px;
}
.create-external-notification-element .help-table {
width: 100%;
}
.create-external-notification-element .help-table > tbody > tr > td {
vertical-align: top;
max-width: 600px;
}
.create-external-notification-element .help-table td.help-col {
vertical-align: top;
padding: 20px;
padding-top: 40px;
width: 500px;
font-size: 15px;
color: #aaa;
}
.create-external-notification-element .config-section {
margin-top: 20px;
}
.create-external-notification-element .help-text {
margin-top: 10px;
color: #aaa;
}
#authorizeEmailModal .loading-container {
display: flex;
justify-content: center;
margin: 20px;
}

75
static/css/directives/ui/credentials-dialog.css Normal file
View file

@ -0,0 +1,75 @@
.credentials-dialog-element .action-text {
margin-bottom: 10px;
}
.credentials-dialog-element .action-bar {
list-style: none;
padding: 0px;
margin-top: 10px;
margin-bottom: 0px;
}
.credentials-dialog-element .action-bar li {
display: inline-block;
margin-right: 20px;
}
.credentials-dialog-element .action-bar li .fa {
margin-right: 6px;
}
.credentials-dialog-element .viewing-file {
margin-top: 10px;
min-height: 200px;
background: white;
cursor: text;
font-family: Consolas, "Lucida Console", Monaco, monospace;
}
.credentials-dialog-element pre {
margin-top: 20px;
}
.credentials-dialog-element .dialog-title {
padding-right: 5px;
overflow: hidden;
text-overflow: ellipsis;
}
.credentials-dialog-element .dialog-title-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
white-space: nowrap;
}
.conjoined-box-wrapper input {
box-shadow: none;
outline: none;
}
.conjoined-box-wrapper {
border: 1px solid #999;
border-radius: 4px;
}
.conjoined-box-wrapper .conjoined-box-top .copy-container {
border: none;
margin: 5px;
}
.conjoined-box-wrapper .conjoined-box-bottom .copy-container {
border: none;
margin: 5px;
border-top: 1px solid #999;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* Ensure content is bounded unless small screen */
@media screen and (min-width: 768px) {
.credentials-dialog .co-tab-content {
width: 62%;
}
}

3
static/css/directives/ui/delete-namespace-view.css Normal file
View file

@ -0,0 +1,3 @@
.delete-namespace-view-element .yellow {
color: #FCA657;
}

26
static/css/directives/ui/dockerfile-build-dialog.css Normal file
View file

@ -0,0 +1,26 @@
.dockerfile-build-dialog-element .btn-group {
margin-bottom: 20px;
}
.dockerfile-build-dialog-element button i {
margin-right: 6px;
}
.dockerfile-build-dialog-element .trigger-list {
margin: 0px;
width: 100%;
}
.dockerfile-build-dialog-element .trigger-list td {
padding-bottom: 10px;
}
.dockerfile-build-dialog-element .trigger-list td .empty {
color: #ccc;
font-size: 12px;
}
.dockerfile-build-dialog-element .fa-exclamation-triangle {
margin-right: 4px;
color: #FCA657;
}

20
static/css/directives/ui/dockerfile-build-form.css Normal file
View file

@ -0,0 +1,20 @@
.dockerfile-build-form .help-text {
font-size: 14px;
margin-bottom: 10px;
}
.dockerfile-build-form .robot-permission {
margin-top: 10px;
background: #fafafa;
padding: 20px;
}
.dockerfile-build-form .co-alert {
margin-top: 10px;
margin-bottom: 0px;
}
.dockerfile-build-form .starting-build {
text-align: center;
padding: 20px;
}

5
static/css/directives/ui/donut-chart.css Normal file
View file

@ -0,0 +1,5 @@
.donut-chart-element svg {
display: inline-block;
width: auto;
vertical-align: middle;
}

58
static/css/directives/ui/dropdown-select-direct.css Normal file
View file

@ -0,0 +1,58 @@
.dropdown-select-direct {
margin: 10px;
position: relative;
}
.dropdown-select-direct .dropdown-select-direct-icon {
position: absolute;
top: 6px;
left: 6px;
z-index: 2;
}
.dropdown-select-direct .dropdown-select-direct-icon.fa {
top: 10px;
left: 8px;
font-size: 20px;
}
.dropdown-select-direct .dropdown-select-direct-icon.none-icon {
color: #ccc;
display: inline;
}
.dropdown-select-direct.has-item .dropdown-direct-icon-icon {
display: inline;
}
.dropdown-select-direct.has-item .dropdown-direct-icon-icon.none-icon {
display: none;
}
.dropdown-select-direct input.form-control[readonly] {
cursor: pointer;
background-color: #fff;
}
.dropdown-select-direct .lookahead-input {
padding-left: 32px;
}
.dropdown-select-direct .twitter-typeahead {
display: block !important;
}
.dropdown-select-direct .twitter-typeahead .tt-hint {
padding-left: 32px;
}
.dropdown-select-direct .dropdown {
position: absolute;
right: 0px;
top: 0px;
}
.dropdown-select-direct .dropdown button.dropdown-toggle {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}

5
static/css/directives/ui/duration-input.css Normal file
View file

@ -0,0 +1,5 @@
.duration-input-element input {
display: inline-block;
width: 200px;
margin-right: 10px;
}

57
static/css/directives/ui/entity-reference.css Normal file
View file

@ -0,0 +1,57 @@
.entity-reference .new-entity-reference .entity-name {
margin-left: 6px;
}
.entity-reference .new-entity-reference .ci-robot {
width: 16px;
}
.entity-reference .prefix {
color: #aaa;
}
.entity-reference.block-reference {
position: relative;
display: block;
}
.entity-reference.block-reference .entity-reference-element {
display: block;
}
.entity-reference.block-reference i.fa-exclamation-triangle {
position: absolute;
right: 10px;
top: 4px;
}
.entity-reference-element {
white-space: nowrap;
}
.entity-reference-element i.fa-exclamation-triangle {
color: #c09853;
margin-left: 10px;
}
.entity-reference-element i.fa-user {
margin-left: 2px;
margin-right: 7px;
}
.entity-reference-element i.ci-robot {
margin-left: 1px;
margin-right: 5px;
}
.entity-reference-element i.fa-group {
margin-right: 4px;
}
.entity-reference-element .robot-shortname {
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: text-bottom;
}

101
static/css/directives/ui/entity-search.css Normal file
View file

@ -0,0 +1,101 @@
.entity-search-element {
position: relative;
display: block;
}
.entity-search-element .entity-reference {
position: absolute !important;
top: 7px;
left: 8px;
right: 36px;
z-index: 0;
pointer-events: none;
}
.entity-search-element .entity-reference .entity-reference-element {
pointer-events: none;
}
.entity-search-element .entity-reference-element i.fa-exclamation-triangle {
pointer-events: all;
}
.entity-search-element .entity-reference .entity-name {
display: none;
}
.entity-search-element input {
vertical-align: middle;
width: 100%;
}
.entity-search-element.persistent input {
padding-left: 28px;
padding-right: 28px;
}
.entity-search-element .twitter-typeahead {
vertical-align: middle;
display: block !important;
margin-right: 36px;
}
.entity-search-element .entity-menu {
overflow-x: hidden;
overflow-y: auto;
max-height: 400px;
}
.entity-search-element .dropdown {
vertical-align: middle;
position: absolute;
top: 0px;
right: 0px;
}
.entity-search-element .menuitem .avatar {
margin-right: 4px;
}
.entity-mini-listing {
margin: 2px;
white-space: nowrap !important;
position: relative;
}
.entity-mini-listing i {
margin-right: 8px;
position: relative;
}
.entity-mini-listing i.fa {
width: 20px;
text-align: center;
font-size: 16px;
line-height: 16px;
color: #444;
}
.entity-mini-listing i.fa-exclamation-triangle {
position: absolute;
right: -14px;
top: 4px;
color: #c09853;
}
.entity-mini-listing i.fa.ci-robot {
position: relative;
top: -2px;
}
.entity-mini-listing .warning {
margin-top: 6px;
font-size: 10px;
padding: 4px;
}
.entity-mini-listing span.title {
color: #aaa;
font-size: 12px;
display: block;
}

15
static/css/directives/ui/external-login-button.css Normal file
View file

@ -0,0 +1,15 @@
.external-login-button i.fa {
margin-right: 4px;
width: 24px;
font-size: 18px;
text-align: center;
vertical-align: middle;
}
.external-login-button img {
margin-right: 4px;
width: 24px;
font-size: 18px;
text-align: center;
vertical-align: middle;
}

14
static/css/directives/ui/external-logins-manager.css Normal file
View file

@ -0,0 +1,14 @@
.external-logins-manager .empty {
color: #ccc;
}
.external-logins-manager .external-auth-provider td:first-child {
font-size: 18px;
}
.external-logins-manager .external-auth-provider-title i.fa,
.external-logins-manager .external-auth-provider-title img {
margin-right: 6px;
width: 24px;
text-align: center;
}

60
static/css/directives/ui/feedback-bar.css Normal file
View file

@ -0,0 +1,60 @@
.feedback-bar {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
z-index: 50;
overflow: hidden;
text-align: center;
height: 42px;
pointer-events: none;
}
@keyframes flow-down-up {
0% {
top: -40px;
}
25% {
top: 0px;
}
75% {
top: 0px;
}
100% {
top: -40px;
}
}
.feedback-bar-element {
position: relative;
top: -40px;
text-align: center;
display: inline-block;
animation-name: flow-down-up;
animation-duration: 5s;
}
.feedback-bar-element .co-alert {
margin: 0px;
border-top: 0px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.feedback-bar-element .co-alert:before {
top: 5px !important;
}
.feedback-bar-element .co-alert .feedback-text i {
display: inline-block;
margin-left: 6px;
margin-right: 4px;
vertical-align: middle;
}

19
static/css/directives/ui/fetch-tag-dialog.css Normal file
View file

@ -0,0 +1,19 @@
.fetch-tag-dialog .modal-table {
width: 100%;
}
.fetch-tag-dialog .modal-table .first-col {
width: 140px;
}
.fetch-tag-dialog .co-dialog .modal-body {
padding: 20px;
}
.fetch-tag-dialog .entity-search {
margin: 10px;
}
.fetch-tag-dialog pre.command {
margin-top: 10px;
}

117
static/css/directives/ui/file-upload-box.css Normal file
View file

@ -0,0 +1,117 @@
/* Based off of http://tympanus.net/Tutorials/CustomFileInputs/ */
.file-upload-box-element .file-drop {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.file-upload-box-element .file-input-container {
text-align: center;
padding: 20px;
}
.file-upload-box-element .fa-times-circle {
margin-right: 4px;
color: #D64456;
}
.file-upload-box-element .fa-check-circle {
margin-right: 4px;
color: #2FC98E;
}
.file-upload-box-element .select-message {
color: #888;
}
.file-upload-box-element .file-drop + label {
margin-top: 14px;
margin-bottom: 20px;
cursor: pointer;
}
.file-upload-box-element .file-drop + label .chosen-file {
background: white;
display: inline-block;
height: 34px;
line-height: 34px;
padding-left: 10px;
padding-right: 10px;
font-weight: normal;
width: 250px;
border: 1px solid #ccc;
border-radius: 4px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.file-upload-box-element .file-drop + label .choose-button {
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 8px;
background-color: #51a3d9;
color: white;
font-weight: normal;
font-size: 16px;
height: 34px;
vertical-align: top;
padding-left: 16px;
padding-right: 16px;
line-height: 18px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.file-upload-box-element .file-drop + label:hover .choose-button {
background-color: #3d769c;
}
.file-upload-box-element .file-drop + label:hover .chosen-file {
border-color: #3d769c;
}
.file-upload-box-element .file-drop + label.okay .choose-button {
background-color: #2FC98E;
}
.file-upload-box-element .file-drop + label.okay .chosen-file {
border-color: #2FC98E;
}
.file-upload-box-element .file-drop + label.error .choose-button {
background-color: #D64456;
}
.file-upload-box-element .file-drop + label.error .chosen-file {
border-color: #D64456;
}
.file-upload-box-element .file-drop + label.uploading .choose-button {
background-color: #666;
}
.file-upload-box-element .file-drop + label.uploading .chosen-file {
border-color: #666;
}
.file-upload-box-element .file-drop + label .fa {
color: white;
margin-right: 6px;
}
.file-upload-box-element .file-drop + label * {
pointer-events: none;
}
.file-upload-box-element .status-message {
font-size: 16px;
}

49
static/css/directives/ui/filter-box.css Normal file
View file

@ -0,0 +1,49 @@
.filter-box {
display: block;
text-align: right;
margin-top: 20px;
margin-bottom: 26px;
}
.filter-box .form-control {
max-width: 300px;
display: inline-block;
}
.filter-box .filter-message {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
color: #ccc;
}
.filter-box.floating {
float: right;
min-width: 300px;
margin-top: 15px;
position: relative;
}
.filter-box.floating .filter-message {
position: absolute;
left: -200px;
top: 7px;
}
@media (max-width: 767px) {
.filter-box.floating {
float: none;
width: 100%;
display: block;
margin-top: 10px;
}
.filter-box.floating .form-control {
max-width: 100%;
}
.filter-box.floating .filter-message {
display: none;
}
}

15
static/css/directives/ui/filter-control.css Normal file
View file

@ -0,0 +1,15 @@
.filter-control {
padding: 4px;
}
.filter-control a {
text-decoration: none !important;
}
.filter-control .not-selected a {
color: #aaa;
}
.filter-control .selected {
font-weight: bold;
}

29
static/css/directives/ui/global-message-tab.css Normal file
View file

@ -0,0 +1,29 @@
.global-message-tab-element .message-content p {
display: inline-block;
margin: 0px;
}
.global-message-tab-element .fa {
margin-right: 4px;
}
.global-message-tab-element .ci-stop {
color: red;
}
.global-message-tab-element .fa-exclamation-triangle {
color: #E4C212;
}
.global-message-tab-element .fa-info-circle {
color: #124fd8;
}
.global-message-tab-element label {
margin-top: 20px;
font-size: 16px;
}
.global-message-tab-element label:first-child {
margin-top: 4px;
}

135
static/css/directives/ui/header-bar.css Normal file
View file

@ -0,0 +1,135 @@
nav.navbar {
border: 0px;
border-radius: 0px;
}
nav.navbar .navbar-toggle {
padding: 0px;
padding-left: 10px;
padding-right: 10px;
font-size: 22px;
}
nav.navbar-default .navbar-nav>li>a {
letter-spacing: 0.5px;
color: #428bca;
font-size: 16px;
}
nav.navbar-default .navbar-nav>li>a.active {
color: #f04c5c;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
background: #eee;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
cursor: pointer;
background: rgba(255, 255, 255, 0.4) !important;
}
#quay-logo {
height: 30px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: inline-block;
width: 205px;
margin-left: 0px;
margin-top: 4px;
}
.header-bar-element .search-box-element {
margin-top: 10px;
margin-right: 16px;
}
.header-bar-element .header-bar-content {
z-index: 5;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
background: white;
}
.header-bar-element .avatar {
margin-right: 6px;
}
.user-tools {
position: relative;
display: inline-block;
}
.user-tools .user-tool {
font-size: 24px;
margin-top: 14px;
color: #428bca;
margin-right: 20px;
}
.user-tools.with-menu {
margin-right: 6px;
}
.user-tools .caret {
position: absolute;
top: 3px;
left: 23px
}
.user-tools .notifications-bubble {
position: absolute;
top: 2px;
left: 13px;
}
.user-tools i.user-tool:hover {
cursor: pointer;
color: #333;
}
.user-tools .new-menu {
background: transparent !important;
}
.header-bar-element .context-dropdown i.fa {
width: 16px;
text-align: center;
display: inline-block;
}
.header-bar-element .block-search {
padding: 6px;
padding-top: 0px;
margin-top: 0px;
text-align: right
}
.header-bar-element .block-search search-box {
margin-top: -6px;
display: inline-block;
margin-bottom: 6px;
}
@media (max-width: 960px) {
.header-bar-element .navbar-anon .search-box-element input {
width: 200px;
}
}
@media (max-width: 860px) {
.header-bar-element .navbar-anon .search-box-element input {
width: 150px;
}
}
@media (max-width: 1150px) {
.header-bar-element .navbar-signedin search-box {
display: none;
}
}

23
static/css/directives/ui/heatmap.css Normal file
View file

@ -0,0 +1,23 @@
.heatmap-element {
display: inline-block;
}
.heatmap-element svg {
overflow: visible;
}
.heatmap-element .cal-heatmap-container {
display: inline-block !important;
}
.heatmap-element .graph-label {
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.heatmap-element .cal-heatmap-container svg .highlight {
fill: white;
stroke: #eee;
stroke-dasharray: 2;
}

40
static/css/directives/ui/label-input.css Normal file
View file

@ -0,0 +1,40 @@
.label-input-element .tags {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.label-input-element .tags.focused {
border-color: #66afe9;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}
.label-input-element .tags .tag-item {
display: inline-block;
border-radius: 9px;
background: #eee;
font-size: 12px;
border: 0px;
padding: 0px;
padding-left: 8px;
padding-right: 8px;
height: 22px;
line-height: 22px;
}
.label-input-element tags-input .tags .input {
height: 22px;
}
.label-input-element .tags .tag-item.selected {
background: #31b0d5;
color: #fff;
}
.label-input-element .tags .tag-item button {
background: transparent;
color: #000;
opacity: .4;
}

9
static/css/directives/ui/label-list.css Normal file
View file

@ -0,0 +1,9 @@
.label-list-element .label-view {
margin-right: 6px;
margin-bottom: 4px;
}
.label-list-element .empty-list {
font-size: 12px;
color: #ccc;
}

25
static/css/directives/ui/label-view.css Normal file
View file

@ -0,0 +1,25 @@
.label-view-element {
display: inline-block;
padding: 1px;
border-radius: 9px;
background-color: #eee;
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
cursor: default;
}
.label-view-element .kind {
text-transform: uppercase;
font-size: 8px;
color: #aaa;
margin-right: 2px;
position: relative;
top: -1px;
}
.label-view-element .value {
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}

64
static/css/directives/ui/linear-workflow.css Normal file
View file

@ -0,0 +1,64 @@
linear-workflow-section {
margin-bottom: 10px;
}
linear-workflow-section.row {
margin-left: 0px;
margin-right: 0px;
}
linear-workflow .upcoming-table {
vertical-align: middle;
margin-left: 20px;
}
linear-workflow .upcoming-table .fa {
margin-right: 8px;
}
linear-workflow .upcoming {
color: #888;
vertical-align: middle;
margin-left: 10px;
}
linear-workflow .upcoming ul {
padding: 0px;
display: inline-block;
margin: 0px;
}
linear-workflow .upcoming li {
display: inline-block;
margin-right: 6px;
margin-left: 2px;
}
linear-workflow .upcoming li:after {
content: "•";
display: inline-block;
margin-left: 6px;
margin-right: 2px;
}
linear-workflow .upcoming li:last-child:after {
content: "";
}
linear-workflow .bottom-controls {
padding: 10px;
}
.linear-workflow-section-element {
padding: 20px;
padding-top: 10px;
}
.linear-workflow-section-element h3, .linear-workflow-section-element strong {
color: #444;
}
.linear-workflow-section-element.current-section h3,
.linear-workflow-section-element.current-section strong {
color: black;
}

204
static/css/directives/ui/logs-view.css Normal file
View file

@ -0,0 +1,204 @@
.logs-view-element .header {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.logs-view-element {
min-width: 300px;
}
.logs-view-element #bar-chart {
display: none;
}
.logs-view-element .date-line {
display: block;
margin-bottom: 10px;
}
.logs-view-element .date-line-caption {
display: inline-block;
width: 50px;
text-transform: capitalize;
}
.logs-view-element .manager-header {
padding-bottom: 82px;
}
}
.logs-view-element .table-container {
min-height: 200px;
}
.logs-view-element .manager-header .header-text {
font-size: 24px;
vertical-align: middle;
}
.logs-view-element .manager-header .header-text .mini {
font-size: 18px;
color: #999;
margin-left: 10px;
}
.logs-view-element .logs-date-picker {
width: 122px;
}
.logs-view-element .datepicker {
padding: 12px;
}
.logs-view-element .datepicker button {
border: 0px;
}
.logs-view-element .manager-header input {
font-size: 14px;
text-align: center;
border: 1px solid #eee;
padding: 4px;
border-radius: 4px;
margin-left: 4px;
margin-right: 4px;
}
.logs-view-element .manager-header .right {
float: right;
margin-left: 10px;
}
.logs-view-element .log i.fa {
margin-right: 6px;
}
.logs-view-element .log .circle {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
margin-right: 6px;
margin-top: 5px;
vertical-align: middle;
float: left;
}
.logs-view-element .log .arrow {
display: inline-block;
margin-right: 6px;
margin-top: 5px;
vertical-align: middle;
float: left;
color: #c1c1c1;
font-size: 10px;
cursor: pointer;
}
.logs-view-element .log .arrow:hover {
color: black;
}
.logs-view-element .log .log-description {
margin-left: 32px;
display: block;
line-height: 22px;
}
.logs-view-element .log-datetime {
font-size: 85%;
}
.logs-view-element .log .log-description code {
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
padding-top: 0px;
padding-bottom: 0px;
}
.logs-view-element .log .log-description code.tag-manifest_digest {
max-width: 135px;
}
.tag-stdout:before {
display: block;
content:"\aSTDOUT:";
white-space: pre;
}
.tag-stderr:before {
display: block;
content:"\aSTDERR:";
white-space: pre;
}
.log .log-description code.tag-stdout {
display: block;
font-family: monospace;
white-space: pre;
color: #333;
background-color: #fff;
max-height: 300px;
overflow-y: auto;
}
.log .log-description code.tag-stderr {
display: block;
font-family: monospace;
white-space: pre;
color: #333;
background-color: #fff;
max-height: 300px;
overflow-y: auto;
}
.log .log-description code.tag-tags {
display: block;
white-space: pre;
max-height: 300px;
overflow-y: auto;
}
.logs-view-element .log-performer {
white-space: nowrap;
}
.logs-view-element .side-controls .filter-input {
vertical-align: middle;
}
.logs-view-element .side-controls {
float: none !important;
text-align: right;
margin-bottom: 20px;
}
.logs-view-element .toggle-icon {
vertical-align: middle;
}
.logs-view-element .download-btn {
margin-left: 6px;
vertical-align: middle;
}
.logs-view-element .download-btn i.fa {
margin-right: 4px;
}
.logs-view-element .help-text {
font-size: 12px;
color: #888;
padding-top: 0px;
padding: 10px;
}
.logs-view-element code.date {
font-size: 70%;
color: #2581c7;
}

112
static/css/directives/ui/manage-trigger-control.css Normal file
View file

@ -0,0 +1,112 @@
.manage-trigger-control .help-col {
padding: 30px;
padding-top: 100px;
}
.manage-trigger-control .main-col {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
.manage-trigger-control strong {
margin-bottom: 10px;
display: block;
}
.manage-trigger-control .namespace-avatar {
margin-right: 4px;
width: 24px;
vertical-align: middle;
}
.manage-trigger-control .importance-col {
text-align: center;
width: 120px;
}
.manage-trigger-control .co-top-bar {
margin-top: 20px;
height: 28px;
}
@media (max-width: 768px) {
.manage-trigger-control .co-top-bar {
margin-bottom: 80px;
}
}
.manage-trigger-control .namespace-avatar {
margin-left: 2px;
margin-right: 2px;
display: inline-block;
}
.manage-trigger-control .service-icon {
font-size: 24px;
margin-right: 4px;
vertical-align: middle;
}
.manage-trigger-control .fa-exclamation-triangle {
color: #FCA657;
}
.manage-trigger-control .empty-description {
color: #ccc;
}
.manage-trigger-control .radio {
margin-bottom: 20px;
}
.manage-trigger-control .radio input[type="radio"] {
padding: 4px;
}
.manage-trigger-control .radio label .title {
font-size: 16px;
}
.manage-trigger-control .radio label .weak {
font-weight: 300;
}
.manage-trigger-control .radio label .description {
margin-top: 6px;
color: #aaa;
}
.manage-trigger-control .radio label .extended {
margin-top: 20px;
}
.manage-trigger-control .radio label td:first-child {
vertical-align: top;
padding: 4px;
padding-right: 10px;
}
.manage-trigger-control .regex-match-view {
margin-top: 20px;
}
.manage-trigger-control h3 .fa {
margin-right: 4px;
}
.manage-trigger-control h3.warning {
color: #FCA657;
}
.manage-trigger-control h3.error {
color: #D64456;
}
.manage-trigger-control .success {
color: #2FC98E !important;
}
.manage-trigger-control .nowrap-col {
white-space: nowrap;
}

55
static/css/directives/ui/manager-header.css Normal file
View file

@ -0,0 +1,55 @@
.manager-header {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.manager-header h3 {
margin-bottom: 10px;
}
.manager-header .manager-header-side-controls {
float: right;
}
.manager-filter-box {
margin-bottom: 20px;
height: 30px;
}
.manager-filter-box input {
float: right;
min-width: 175px;
max-width: 300px;
}
@media (max-width: 767px) {
.manager-header {
position: relative;
padding-bottom: 36px;
}
.manager-header .manager-header-side-controls {
float: none;
display: block;
border-top: 1px solid #eee;
padding-top: 6px;
position: absolute;
top: 34px;
left: 0px;
right: 0px;
}
.manager-header .manager-header-side-controls .btn, .manager-header .manager-header-side-controls .popup-input-button {
display: block;
width: 100%;
}
.manager-filter-box {
margin-bottom: 30px;
}
.manager-filter-box input {
max-width: none;
}
}

124
static/css/directives/ui/manifest-feature-view.css Normal file
View file

@ -0,0 +1,124 @@
.manifest-feature-view-element .donut-icon {
position: absolute;
top: 60px;
left: 95px;
font-size: 80px;
text-align: center;
color: #EAEAEA;
margin-left: -6px;
}
.manifest-feature-view-element > .empty {
margin-top: 20px;
}
.manifest-feature-view-element .no-vulns {
color: #2FC98E;
}
.manifest-feature-view-element .no-vulns i.fa {
margin-right: 6px;
}
.manifest-feature-view-element .security-header {
margin-top: -4px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
}
.manifest-feature-view-element .donut-col {
padding-top: 20px;
text-align: center;
max-width: 250px;
display: inline-block;
vertical-align: top;
}
.manifest-feature-view-element #featureDonutChart {
display: inline-block;
}
.manifest-feature-view-element .summary-col {
font-size: 18px;
display: inline-block;
vertical-align: top;
padding-top: 30px;
}
.manifest-feature-view-element .summary-col .title-item {
font-size: 24px;
margin-bottom: 30px;
}
.manifest-feature-view-element .summary-list {
text-align: left;
list-style: none;
}
.manifest-feature-view-element .summary-list i.fa {
margin-right: 10px;
}
.manifest-feature-view-element .summary-list .package-item strong {
text-align: right;
width: 40px;
display: inline-block;
margin-right: 6px;
}
.manifest-feature-view-element .co-table .empty {
color: #ddd;
}
.manifest-feature-view-element .co-table .single-col {
width: 12.5%;
}
.manifest-feature-view-element .co-table .double-col {
width: 25%;
}
.manifest-feature-view-element .co-table .impact-col {
text-align: center;
width: 130px;
}
.manifest-feature-view-element .co-table .image-col {
white-space: nowrap;
}
.manifest-feature-view-element .co-table .image-col .fa {
margin-left: 6px;
opacity: 0.5;
}
@media (max-width: 767px) {
.manifest-feature-view-element .co-table .single-col {
width: auto !important;
}
}
.manifest-feature-view-element .dockerfile-command {
cursor: default;
}
.manifest-feature-view-element .dockerfile-command .command-title {
font-size: 12px;
max-width: 297px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
vertical-align: middle;
}
.manifest-feature-view-element .vuln-summary i.fa {
margin-right: 6px;
}
.manifest-feature-view-element .defcon1 {
background-color: #FB5151;
color: white;
}

20
static/css/directives/ui/manifest-label-list.css Normal file
View file

@ -0,0 +1,20 @@
.manifest-label-list-element {
padding-left: 6px;
display: inline-block;
position: relative;
}
.manifest-label-list-element:before {
content: "\f02c";
font-family: FontAwesome;
position: absolute;
left: -22px;
top: 0px;
font-size: 15px;
color: #888;
}
.manifest-label-list-element .none {
font-size: 12px;
color: #ccc;
}

29
static/css/directives/ui/manifest-link.css Normal file
View file

@ -0,0 +1,29 @@
.manifest-link {
display: inline-block;
white-space: nowrap;
width: 120px;
}
.manifest-link a {
font-family: Consolas, "Lucida Console", Monaco, monospace;
font-size: 10px;
text-decoration: none;
}
.manifest-link .id-label {
font-size: 10px;
cursor: pointer;
padding: 2px;
background-color: #eee;
border-radius: 5px;
padding-left: 4px;
padding-right: 4px;
width: 40px;
text-align: center;
color: black !important;
display: inline-block;
}
.manifest-link .id-label.cas {
background-color: #e8f1f6;
}

69
static/css/directives/ui/manifest-view-layer.css Normal file
View file

@ -0,0 +1,69 @@
.manifest-view-layer-element {
position: relative;
padding: 10px;
padding-left: 40px;
}
.manifest-view-layer-element .image-comment {
margin-bottom: 10px;
}
.manifest-view-layer-element .nondocker-command {
font-family: monospace;
padding: 2px;
}
.manifest-view-layer-element .nondocker-command:before {
content: "\f120";
font-family: "FontAwesome";
font-size: 16px;
margin-right: 6px;
color: #999;
}
.manifest-view-layer-element .image-layer-line {
position: absolute;
top: 0px;
bottom: 0px;
left: 10px;
border-left: 2px solid #428bca;
width: 0px;
}
.manifest-view-layer-element.first .image-layer-line {
top: 20px;
}
.manifest-view-layer-element.last .image-layer-line {
height: 16px;
}
.manifest-view-layer-element .image-layer-dot {
position: absolute;
top: 14px;
left: 5px;
border: 2px solid #428bca;
border-radius: 50%;
width: 12px;
height: 12px;
background: white;
z-index: 2;
}
.manifest-view-layer-element.first .image-layer-dot {
background: #428bca;
}
@media (max-width: 767px) {
.manifest-view-layer-element .dockerfile-command-element .label {
position: relative;
display: block;
}
.manifest-view-layer-element .dockerfile-command-element .command-title {
padding-top: 10px;
padding-left: 0px;
}
}

208
static/css/directives/ui/manifest-vulnerability-view.css Normal file
View file

@ -0,0 +1,208 @@
.manifest-vulnerability-view-element .donut-icon {
position: absolute;
top: 70px;
left: 95px;
font-size: 80px;
text-align: center;
color: #EAEAEA;
margin-left: -6px;
}
.manifest-vulnerability-view-element > .empty {
margin-top: 20px;
}
.manifest-vulnerability-view-element .security-header {
margin-top: -4px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
}
.manifest-vulnerability-view-element .donut-col {
padding-top: 20px;
text-align: center;
max-width: 250px;
display: inline-block;
vertical-align: top;
}
.manifest-vulnerability-view-element #vulnDonutChart {
display: inline-block;
}
.manifest-vulnerability-view-element .summary-col {
font-size: 18px;
display: inline-block;
vertical-align: top;
padding-top: 30px;
}
.manifest-vulnerability-view-element .summary-col .title-item {
font-size: 24px;
margin-bottom: 6px;
}
.manifest-vulnerability-view-element .summary-col .subtitle-item {
font-size: 22px;
margin-bottom: 6px;
}
.manifest-vulnerability-view-element .summary-list {
text-align: left;
list-style: none;
}
.manifest-vulnerability-view-element .summary-list i.fa {
margin-right: 10px;
}
.manifest-vulnerability-view-element .summary-list li.severity-item strong {
text-align: right;
width: 40px;
display: inline-block;
margin-right: 6px;
}
.manifest-vulnerability-view-element .dockerfile-command {
cursor: default;
}
.manifest-vulnerability-view-element .dockerfile-command .command-title {
font-size: 12px;
max-width: 297px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
vertical-align: middle;
}
.manifest-vulnerability-view-element .co-table .empty {
color: #ddd;
}
.manifest-vulnerability-view-element .co-table .single-col {
width: 15%;
}
.manifest-vulnerability-view-element .co-table .double-col {
width: 30%;
}
.manifest-vulnerability-view-element .co-table .impact-col {
text-align: center;
width: 130px;
}
.manifest-vulnerability-view-element .co-table .nowrap-col {
white-space: nowrap;
}
.manifest-vulnerability-view-element .co-table .image-col {
white-space: nowrap;
}
.manifest-vulnerability-view-element .co-table .image-col .fa {
margin-left: 6px;
opacity: 0.5;
}
@media (max-width: 767px) {
.manifest-vulnerability-view-element .co-table .single-col {
width: auto !important;
}
}
.manifest-vulnerability-view-element .fixed-in-version:before {
font-family: FontAwesome;
content: '\f0a9';
margin-right: 6px;
}
.manifest-vulnerability-view-element .fixed-in-version {
color: rgb(47, 201, 142);
}
.manifest-vulnerability-view-element .cvss-text {
display: inline-block;
width: 40px;
text-align: right;
}
.cvss-text::after {
content: " / 10";
color: #ccc;
}
.manifest-vulnerability-view-element .vulnerability-priority-view {
margin-left: 10px;
}
.manifest-vulnerability-view-element .cvss {
display: inline-block;
width: 100px;
height: 10px;
margin-left: 8px;
background: #eee;
position: relative;;
}
.manifest-vulnerability-view-element .cvss span {
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
}
.manifest-vulnerability-view-element .expansion-col {
padding-top: 20px;
padding-bottom: 20px;
}
.manifest-vulnerability-view-element .subtitle {
color: #999;
font-size: 90%;
text-transform: uppercase;
font-weight: 300;
padding-top: 0!important;
text-align: left;
margin-bottom: 6px;
}
.manifest-vulnerability-view-element .expand-link {
color: black !important;
}
.manifest-vulnerability-view-element .external-link {
margin-left: 10px;
font-size: 12px;
}
.manifest-vulnerability-view-element .description {
display: inline-block;
max-width: 1000px;
}
.manifest-vulnerability-view-element .asterisk {
vertical-align: super;
font-size: 9px;
margin-left: 2px;
}
.manifest-vulnerability-view-element .severity-note {
margin-bottom: 10px;
}
.manifest-vulnerability-view-element .severity-note .vulnerability-priority-view {
margin: 0px;
margin-left: 2px;
margin-right: 2px;
}
.manifest-vulnerability-view-element .defcon1 {
background-color: #FB5151;
color: white;
}

42
static/css/directives/ui/multiselect-dropdown.css Normal file
View file

@ -0,0 +1,42 @@
.multiselect-dropdown .dropdown,
.multiselect-dropdown .dropdown .btn-dropdown,
.multiselect-dropdown .dropdown .dropdown-menu {
width: 100%;
}
.multiselect-dropdown .dropdown .btn-dropdown {
text-align: left;
position: relative;
padding-right: 16px;
}
.multiselect-dropdown .dropdown .btn-dropdown .caret {
position: absolute;
top: 14px;
right: 10px;
}
.multiselect-dropdown .none {
color: #ccc;
margin-right: 10px;
}
.multiselect-dropdown .dropdown-menu {
padding: 10px;
}
.multiselect-dropdown .dropdown-menu .menu-item {
padding: 4px;
}
.multiselect-dropdown .dropdown-menu .menu-item .co-checkable-item {
margin-right: 6px;
}
.multiselect-dropdown .dropdown-menu .menu-item .menu-item-template {
vertical-align: middle;
}
.multiselect-dropdown .selected-item-template {
margin-right: 10px;
}

35
static/css/directives/ui/namespace-selector.css Normal file
View file

@ -0,0 +1,35 @@
.namespace-selector-dropdown .namespace {
padding: 6px;
padding-left: 10px;
cursor: pointer;
font-size: 14px;
color: black;
}
.namespace-selector-dropdown .namespace-item {
position: relative;
}
.namespace-selector-dropdown .namespace-item .fa {
position: absolute;
right: 12px;
top: 12px;
color: #aaa;
}
.namespace-selector-dropdown .avatar {
margin-right: 4px;
}
.namespace-selector-dropdown a.namespace {
color: black !important;
}
.namespace-selector-dropdown .namespace-item.disabled .avatar {
-webkit-filter: grayscale(1);
opacity: 0.5;
}
.namespace-selector-dropdown .namespace-item .tooltip-inner {
min-width: 200px;
}

50
static/css/directives/ui/nvd-vectors-display.css Normal file
View file

@ -0,0 +1,50 @@
.nvd-vectors-display-element dl {
display: inline-block;
vertical-align: top;
max-width: 200px;
padding-right: 20px;
}
.nvd-vectors-display-element dt {
margin-bottom: 10px;
cursor: pointer;
}
.nvd-vectors-display-element dd {
cursor: pointer;
}
.nvd-vectors-display-element dd:before {
display: inline-block;
margin-right: 4px;
font-family: FontAwesome;
content: '\f111';
}
.nvd-vectors-display-element dd.not-current-vector {
color: #ddd;
}
.nvd-vectors-display-element dd.current-vector.high:before {
content: '\f071';
}
.nvd-vectors-display-element dd.current-vector.medium:before {
content: '\f06a';
}
.nvd-vectors-display-element dd.current-vector.low:before {
content: '\f056';
}
.nvd-vectors-display-element .current-vector.high {
color: rgb(214, 68, 86);
}
.nvd-vectors-display-element .current-vector.medium {
color: rgb(252, 166, 87);
}
.nvd-vectors-display-element .current-vector.low {
color: rgb(47, 201, 142);
}

35
static/css/directives/ui/page-controls.css Normal file
View file

@ -0,0 +1,35 @@
.page-controls-element {
display: inline-block
}
.page-controls {
display: inline-block;
}
.page-controls-element .current-items {
display: inline-block;
font-weight: bold;
margin-right: 10px;
padding: 4px;
border: 1px solid transparent;
vertical-align: middle;
margin-top: 2px;
}
.page-controls-element .current-items:hover {
border: 1px solid #ddd;
}
.page-controls-element .btn {
font-size: 18px;
line-height: 14px;
height: 34px;
}
.page-controls-element .btn:disabled {
color: #ccc;
}
.page-controls-element .page-view {
cursor: pointer;
}

48
static/css/directives/ui/phase-icon.css Normal file
View file

@ -0,0 +1,48 @@
.phase-icon {
border-radius: 50%;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 6px;
}
.active .build-tab-link .phase-icon {
box-shadow: 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF;
}
.build-status .phase-icon {
margin-top: 4px;
float: left;
}
.phase-icon.error {
background-color: #D64456;
}
.phase-icon.expired {
background-color: #FCA657;
}
.phase-icon.internalerror {
background-color: #99BA45;
}
.phase-icon.waiting, .phase-icon.build-scheduled {
background-color: rgba(66, 139, 202, 0.2);
}
.phase-icon.unpacking, .phase-icon.starting, .phase-icon.initializing {
background-color: rgba(66, 139, 202, 0.4);
}
.phase-icon.pulling, .phase-icon.priming-cache, .phase-icon.checking-cache {
background-color: rgba(66, 139, 202, 0.6);
}
.phase-icon.pushing, .phase-icon.building {
background-color: rgba(66, 139, 202, 0.8);
}
.phase-icon.complete {
background-color: #2fcc66;
}

42
static/css/directives/ui/plan-manager.css Normal file
View file

@ -0,0 +1,42 @@
.plan-manager-element .plans-list-table thead td {
color: #aaa;
font-weight: bold;
}
.plan-manager-element .plans-list-table td {
padding: 10px;
font-size: 16px;
vertical-align: middle;
}
.plan-manager-element .plans-list-table td.controls {
text-align: right;
}
.plan-manager-element .plans-list-table .plan-price {
font-size: 16px;
margin-bottom: 0px;
}
.plan-manager-element .plans-list-table .deprecated-plan {
color: #aaa;
}
.plan-manager-element .plans-list-table .deprecated-plan-label {
font-size: 0.7em;
}
.plan-manager-element .qe-shoutout {
float: right;
padding: 20px;
border: 1px solid #ddd;
border-radius: 4px;
margin-top: 20px;
max-width: 500px;
}
.plan-manager-element .qe-shoutout img {
max-width: 100%;
max-height: 28px;
margin-bottom: 10px;
}

30
static/css/directives/ui/plans-table.css Normal file
View file

@ -0,0 +1,30 @@
.plans-table-element table {
margin: 20px;
border: 1px solid #eee;
}
.plans-table-element thead td {
padding-top: 10px !important;
}
.plans-table-element td {
vertical-align: middle !important;
}
.plans-table-element .plan-price {
font-size: 16px;
}
.plans-table ul {
margin-top: 10px;
padding: 0px;
}
.plans-table ul li {
padding: 4px;
margin: 0px;
}
.plans-table ul li .plan-info {
padding: 4px;
}

8
static/css/directives/ui/prototype-manager.css Normal file
View file

@ -0,0 +1,8 @@
.prototype-manager-element i.fa {
margin-right: 4px;
}
.prototype-manager-element td {
padding: 10px !important;
vertical-align: middle !important;
}

34
static/css/directives/ui/quay-message-bar.css Normal file
View file

@ -0,0 +1,34 @@
.quay-message-bar-element .markdown-view p {
margin: 0px;
display: inline-block;
}
.quay-message-bar-element .quay-service-status-description.warning {
background: #FFFBF0;
color: black;
}
.quay-message-bar-element .quay-service-status-description.warning:before {
font-family: FontAwesome;
content: "\f071";
font-size: 22px;
color: #E4C212;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.quay-message-bar-element .quay-service-status-description.error {
background: #FFF0F0;
color: black;
}
.quay-message-bar-element .quay-service-status-description.error:before {
font-family: core-icons;
content: "\f109";
font-size: 22px;
color: red;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

36
static/css/directives/ui/quay-service-status.css Normal file
View file

@ -0,0 +1,36 @@
.quay-service-status-element {
display: flex;
align-items: center;
}
.quay-service-status-indicator {
display: inline-block;
border-radius: 50%;
width: 12px;
height: 12px;
margin-right: 6px;
background: #eee;
vertical-align: middle
}
.quay-service-status-description {
display: flex;
justify-content: center;
align-items: center;
}
.quay-service-status-indicator.none {
background: #2fcc66;
}
.quay-service-status-indicator.minor {
background: #f1c40f;
}
.quay-service-status-indicator.major {
background: #e67e22;
}
.quay-service-status-indicator.critical {
background: #e74c3c;
}

28
static/css/directives/ui/recovery-form.css Normal file
View file

@ -0,0 +1,28 @@
.recovery-form-element h4 {
text-align: center;
margin-bottom: 20px;
}
.recovery-form-element input {
margin-bottom: 10px;
}
.recovery-form-element .captcha {
display: block;
text-align: center;
}
.recovery-form-element .captcha div {
display: inline-block;
margin: 2px;
}
.recovery-form-element .captcha {
height: 0px;
transition: height ease-in-out 250ms;
overflow: hidden;
}
.recovery-form-element .captcha.expanded {
height: 94px;
}

36
static/css/directives/ui/regex-match-view.css Normal file
View file

@ -0,0 +1,36 @@
.regex-match-view-element .match-list {
list-style: none;
overflow: auto;
max-height: 150px;
}
.regex-match-view-element .match-list li {
display: inline-block;
margin-right: 4px;
width: 120px;
padding: 4px;
}
.regex-match-view-element .match-list li .fa {
margin-right: 4px;
vertical-align: middle;
}
.regex-match-view-element .match-list.not-matching li {
color: #aaa;
}
.regex-match-view-element .match-list.matching li {
color: #2fc98e;
}
.regex-match-view-element .match-table td:first-child {
vertical-align: top;
white-space: nowrap;
}
.regex-match-view-element .fa-exclamation-triangle {
margin-right: 4px;
}

3
static/css/directives/ui/repo-count-checker.css Normal file
View file

@ -0,0 +1,3 @@
.repo-count-checker .co-alert {
margin-bottom: 16px;
}

121
static/css/directives/ui/repo-list-grid.css Normal file
View file

@ -0,0 +1,121 @@
.repo-panel-title-row .repo-circle {
color: #999;
display: inline-block;
position: relative;
background: #eee;
padding: 4px;
border-radius: 50%;
display: inline-block;
width: 46px;
height: 46px;
}
.repo-panel-title-row .repo-circle .fa-hdd-o {
font-size: 1.7em;
}
.repo-panel-title-row .repo-circle.no-background .fa-hdd-o {
font-size: 1.7em;
}
.repo-panel-title-row .repo-circle .fa-lock {
width: 16px;
height: 16px;
line-height: 16px;
font-size: 12px !important;
}
.repo-panel-title-row .repo-circle.no-background .fa-lock {
bottom: 5px;
right: 2px;
}
.repo-list-title {
margin-bottom: 30px;
margin-top: 10px;
line-height: 24px;
font-size: 18px;
}
.repo-list-title a {
font-size: 18px;
margin: 0;
display: inline-block;
}
.repo-list-title i {
display: inline-block;
margin-right: 5px;
}
.repo-list-title .starred {
color: #ffba6d;
display: inline-block;
text-align: center;
width: 24px;
margin-right: 6px;
}
.repo-list-title .avatar {
margin-right: 6px !important;
}
.repo-panel {
padding: 20px;
border: 1px solid #eee;
margin-bottom: 30px;
}
.repo-panel-title-row {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.panel-body.starred {
background: -moz-linear-gradient(top, rgba(255,240,188,1) 0%, rgba(255,255,255,0.5) 5%, rgba(255,255,255,0.49) 51%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,240,188,1)), color-stop(5%,rgba(255,255,255,0.5)), color-stop(51%,rgba(255,255,255,0.49)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,240,188,1) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0.49) 51%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,240,188,1) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0.49) 51%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,240,188,1) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0.49) 51%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,240,188,1) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0.49) 51%,rgba(255,255,255,0) 100%); /* W3C */
}
.repo-list-grid .star-icon {
color: #ddd;
display: block;
font-size: 1.2em;
text-align: right;
line-height: 2em;
}
.new-repo-listing {
display: block;
font-size: 14px;
line-height: normal;
}
.new-repo-listing .description {
font-size: 0.91em;
padding-top: 13px;
padding-left: 11px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.repo-panel-repo-link {
font-size: 1.2em;
}
.repo-list-grid {
padding-top: 10px;
}
.repo-list-title .avatar {
margin-right: 10px;
}
.repo-list-grid .markdown-view-content p {
max-height: 16px;
}

36
static/css/directives/ui/repo-list-table.css Normal file
View file

@ -0,0 +1,36 @@
.repo-list-table .repo-name-icon .avatar {
margin-right: 10px;
}
.repo-list-table .repo-name-icon .namespace {
color: #444;
font-size: 85%;
}
.repo-list-table .repo-name-icon .namespace:after {
content: " / ";
}
.repo-list-table .empty {
color: #ccc;
}
.repo-list-table .last-modified {
font-size: 13px;
}
.repo-list-table .strength-indicator {
display: inline-block;
}
.repo-list-table .popularity {
line-height: 10px;
}
.repo-list-table .repo-star i {
color: #ccc;
}
.repo-list-table table tbody tr:last-child td {
border: 0px;
}

12
static/css/directives/ui/repo-list-view.css Normal file
View file

@ -0,0 +1,12 @@
.repo-list-view .btn-group {
float: right;
margin-bottom: 10px;
}
.repo-list-view.padded {
padding: 10px;
}
.repo-list-view-element {
min-height: 40px;
}

7
static/css/directives/ui/repo-list.css Normal file
View file

@ -0,0 +1,7 @@
.repo-list-sidebar .button-bar-right {
margin-bottom: 20px;
}
.repo-list-sidebar .panel .panel-body .fa-gear {
float: right;
}

8
static/css/directives/ui/repo-star.css Normal file
View file

@ -0,0 +1,8 @@
.repo-star .star-icon:hover {
cursor: pointer;
cursor: hand;
}
.repo-star .star-icon.starred {
color: #ffba6d;
}

270
static/css/directives/ui/repo-tag-history.css Normal file
View file

@ -0,0 +1,270 @@
.repo-tag-history-element .history-list {
margin: 10px;
}
.repo-tag-history-element .co-table thead {
margin-bottom: 20px;
}
.repo-tag-history-element .co-table tbody td {
border-bottom: 0px;
}
.repo-tag-history-element .co-table td.revert-col {
font-size: 12px;
}
.repo-tag-history-element .co-table td.revert-col .tag-span {
padding-left: 4px;
padding-right: 4px;
}
.repo-tag-history-element .co-table td.icon-col {
border-bottom: 0px;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
vertical-align: middle;
padding: 0px;
position: relative;
}
.repo-tag-history-element .co-table td.history-col {
width: 520px;
}
.repo-tag-history-element .co-table td.datetime-col {
width: 250px;
}
.repo-tag-history-element .co-table td.icon-col:after {
content: " ";
display: inline-block;
position: absolute;
top: 0px;
bottom: 0px;
left: 15px;
width: 2px;
background-color: #ddd;
z-index: 1;
}
.repo-tag-history-element .co-table td.icon-col .history-icon {
position: absolute;
top: 7px;
left: 0px;
z-index: 2;
}
.repo-tag-history-element .co-table td.icon-col .datetime-icon {
position: absolute;
top: 13px;
left: 9px;
z-index: 2;
background-color: white;
}
.repo-tag-history-element .history-row {
font-size: 13px;
color: #aaa;
}
.repo-tag-history-element .history-entry {
position:relative;
margin-top: 20px;
padding-left: 26px;
transition: all 350ms ease-in-out;
}
.repo-tag-history-element .history-entry .history-description,
.repo-tag-history-element .history-entry .history-datetime,
.repo-tag-history-element .history-entry .history-revert {
transition: height 350ms ease-in-out, opacity 350ms ease-in-out;
overflow: hidden;
height: 24px;
}
.repo-tag-history-element .co-filter-box {
float: right;
margin-bottom: 14px;
}
.repo-tag-history-element .history-datetime-small {
display: none;
}
@media (max-width: 767px) {
.repo-tag-history-element .history-list {
margin: 10px;
}
.repo-tag-history-element .history-entry .history-text {
height: 60px;
}
.repo-tag-history-element .co-filter-box {
float: none;
display: block;
}
.repo-tag-history-element .history-entry .history-description {
overflow: visible;
margin-bottom: 10px;
margin-left: 20px;
display: block;
height: auto;
}
.repo-tag-history-element .history-row {
padding-left: 20px;
}
.repo-tag-history-element .history-datetime-small {
font-size: 12px;
margin-left: 20px;
margin-top: 10px;
color: #aaa;
display: block;
}
}
.repo-tag-history-element .history-entry .history-revert a {
white-space: nowrap;
}
.repo-tag-history-element .history-entry.filtered-mismatch {
margin-top: 10px;
}
.repo-tag-history-element .history-entry.filtered-mismatch .history-datetime {
height: 18px;
opacity: 0;
}
.repo-tag-history-element .history-entry.filtered-mismatch .history-revert {
height: 18px;
opacity: 0;
}
.repo-tag-history-element .history-entry.filtered-mismatch .history-description {
height: 18px;
opacity: 0;
}
.repo-tag-history-element .history-entry.filtered-mismatch .history-icon {
opacity: 0.5;
transform: scale(0.5, 0.5);
}
.repo-tag-history-element .history-entry.filtered-mismatch.current .history-icon {
background-color: #ccc !important;
}
.repo-tag-history-element .history-entry .history-date-break {
font-size: 16px;
}
.repo-tag-history-element .history-entry .history-date-break:before {
content: "\f073";
font-family: FontAwesome;
width: 12px;
height: 12px;
background: white;
}
.repo-tag-history-element .history-entry .history-icon {
border-radius: 50%;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 20px;
color: white;
background: #ccc;
display: inline-block;
transition: all 350ms ease-in-out;
}
.repo-tag-history-element .history-entry.move .history-icon:before {
content: "\f061";
font-family: FontAwesome;
}
.repo-tag-history-element .history-entry.create .history-icon:before {
content: "\f02b";
font-family: FontAwesome;
}
.repo-tag-history-element .history-entry.recreate .history-icon:before {
content: "\f10d";
font-family: core-icons;
}
.repo-tag-history-element .history-entry.revert .history-icon:before {
content: "\f0e2";
font-family: FontAwesome;
}
.repo-tag-history-element .history-entry.delete .history-icon:before {
content: "\f014";
font-family: FontAwesome;
}
.repo-tag-history-element .history-entry.current.revert .history-icon {
background-color: #F0C577;
}
.repo-tag-history-element .history-entry.current.move .history-icon {
background-color: #77BFF0;
}
.repo-tag-history-element .history-entry.current.create .history-icon {
background-color: #98df8a;
}
.repo-tag-history-element .history-entry.current.recreate .history-icon {
background-color: #ba8adf;
}
.repo-tag-history-element .history-entry.current.delete .history-icon {
background-color: #ff9896;
}
.repo-tag-history-element .history-entry .history-icon .fa-tag {
margin-right: 0px;
}
.repo-tag-history-element .history-entry .tag-span {
display: inline-block;
border-radius: 4px;
padding: 2px;
background: #eee;
padding-left: 6px;
padding-right: 6px;
color: black;
cursor: default;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.repo-tag-history-element .history-entry .tag-span.checked {
background: #F6FCFF;
}
.repo-tag-history-element .history-entry .manifest-link {
margin-left: 6px;
}
.repo-tag-history-element .history-entry .history-description {
color: #777;
}
.repo-tag-history-element .history-entry .history-datetime {
font-size: 13px;
}

24
static/css/directives/ui/repository-events-summary.css Normal file
View file

@ -0,0 +1,24 @@
.repository-events-summary-element .summary-list {
padding: 0px;
margin: 0px;
list-style: none;
}
.repository-events-summary-element .summary-list > li {
margin-bottom: 8px;
position: relative;
margin-left: 26px;
}
.repository-events-summary-element .summary-list > li i.fa {
position: absolute;
top: 4px;
left: -26px;
}
.repository-events-summary-element .notification-event-fields {
display: inline-block;
padding: 0px;
margin: 0px;
list-style: none;
}

13
static/css/directives/ui/repository-events-table.css Normal file
View file

@ -0,0 +1,13 @@
.repository-events-table-element .notification-row i.fa {
margin-right: 6px;
}
.repository-events-table-element .notification-event-fields {
list-style: none;
padding: 0px;
margin-left: 28px;
margin-top: 3px;
font-size: 13px;
color: #888;
margin-bottom: 0px;
}

36
static/css/directives/ui/repository-permissions-table.css Normal file
View file

@ -0,0 +1,36 @@
.repository-permissions-table #add-entity-permission {
padding-left: 0px;
}
.repository-permissions-table .user-permission-entity {
position: relative;
}
.repository-permissions-table .outside-org {
position: absolute;
top: 15px;
left: -2px;
font-size: 16px;
color: #E8BB03;
}
.repository-permissions-table .mobile-add-row {
margin-top: 6px;
padding-top: 10px;
border-top: 2px solid #eee;
}
.repository-permissions-table .mobile-add-row .add-button,
.repository-permissions-table .mobile-add-row .role-group {
display: block;
width: 100%;
margin-top: 10px;
}
.repository-permissions-table .mobile-add-row .role-group .btn-group {
display: block;
}
.repository-permissions-table .mobile-add-row .role-group .btn-group .btn {
width: 100%;
}

16
static/css/directives/ui/repository-signing-config.css Normal file
View file

@ -0,0 +1,16 @@
.repository-signing-config-element td {
vertical-align: top;
}
.repository-signing-config-element .status-icon {
font-size: 48px;
margin-right: 10px;
}
.repository-signing-config-element .status-icon.ci-shield-check-outline {
color: #2FC98E;
}
.repository-signing-config-element .status-icon.ci-shield-none {
color: #9B9B9B;
}

11
static/css/directives/ui/request-service-key-dialog.css Normal file
View file

@ -0,0 +1,11 @@
.request-service-key-dialog-element .co-option-table {
margin-top: 20px;
}
.request-service-key-dialog-element .key-display {
margin-top: 10px;
font-size: 12px;
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
background: white;
min-height: 500px;
}

9
static/css/directives/ui/robot-credentials-dialog.css Normal file
View file

@ -0,0 +1,9 @@
.robot-credentials-dialog-element .token-regenerated {
margin-top: 10px;
font-size: 16px;
}
.robot-credentials-dialog-element .token-regenerated .fa {
margin-right: 6px;
color: #2FC98E;
}

114
static/css/directives/ui/robots-manager.css Normal file
View file

@ -0,0 +1,114 @@
.robots-manager-element .robot {
white-space: nowrap;
max-width: 550px;
}
.robots-manager-element .robot-account-name {
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
max-width: 90%;
}
.robots-manager-element .robots-description {
word-break: break-all;
max-width: 500px;
display: inline-block;
}
.robots-manager-element .robot a {
font-size: 16px;
cursor: pointer;
}
.robots-manager-element .robot .prefix {
color: #aaa;
}
.robots-manager-element .robot i {
margin-right: 10px;
}
.robots-manager-element .popup-input-button i.fa {
margin-right: 4px;
}
.robots-manager-element .empty {
color: #ccc;
}
.robots-manager-element tr.open td {
border-bottom: 1px solid transparent;
}
.robots-manager-element .permissions-table-wrapper {
margin-left: 0px;
margin-top: 0px;
background-color: rgba(238, 238, 238, 0.21);
padding: 14px;
padding-bottom: 8px;
padding-left: 16px;
padding-top: 20px;
}
.robots-manager-element .permissions-table {
margin-bottom: 10px;
}
.robots-manager-element .permissions-table tbody tr td {
border-bottom: 0px;
padding: 4px;
}
.robots-manager-element .permissions-display-row {
position: relative;
padding-bottom: 10px;
}
.robots-manager-element .permissions-display-row td:first-child {
min-width: 300px;
}
.robots-manager-element .repo-circle {
color: #999;
display: inline-block;
position: relative;
background: #eee;
padding: 4px;
border-radius: 50%;
display: inline-block;
width: 46px;
height: 46px;
margin-right: 6px;
}
.robots-manager-element .fa-caret-down, .robots-manager-element .fa-caret-right {
margin-right: 4px;
color: #aaa;
}
.robots-manager-element .repo-circle .fa-hdd-o {
font-size: 1.7em;
}
.robots-manager-element .repo-circle.no-background .fa-hdd-o {
font-size: 1.7em;
}
.robots-manager-element .repo-circle .fa-lock {
width: 16px;
height: 16px;
line-height: 16px;
font-size: 12px !important;
}
.robots-manager-element .repo-circle.no-background .fa-lock {
bottom: 5px;
right: 2px;
}
.robots-manager-element .member-perm-summary {
margin-right: 14px;
}

64
static/css/directives/ui/role-group.css Normal file
View file

@ -0,0 +1,64 @@
.new-role-group .btn {
width: 90px;
position: relative;
text-align: left;
padding: 4px;
padding-left: 10px;
}
.role-group.small .btn {
padding: 2px;
padding-left: 10px;
}
.new-role-group .btn .caret {
position: absolute;
top: 13px;
right: 7px;
}
.role-group.small .btn .caret {
top: 11px;
}
.new-role-group .role-help-text {
font-size: 12px;
color: #ccc;
margin-top: 4px;
margin-bottom: 2px;
}
.new-role-group .btn {
border-left: 4px solid #ccc;
}
.new-role-group .btn.success {
border-left-color: #5cb85c;
}
.new-role-group .btn.primary {
border-left-color: #337ab7;
}
.new-role-group li a {
vertical-align: middle;
}
.new-role-group li a:before {
content: "";
border-radius: 50%;
width: 10px;
height: 10px;
background: #ccc;
display: inline-block;
margin-right: 6px;
}
.new-role-group li.success a:before {
background-color: #5cb85c;
}
.new-role-group li.primary a:before {
background-color: #337ab7;
}

90
static/css/directives/ui/search-box.css Normal file
View file

@ -0,0 +1,90 @@
search-box {
display: inline-block;
max-width: 100%;
}
.search-box-element {
display: inline-block;
position: relative;
text-align: left;
max-width: 100%;
}
.search-box-element .twitter-typeahead {
max-width: 100%;
}
.search-box-element input {
width: 300px;
max-width: 100%;
display: inline-block;
border-radius: 0px;
height: 30px;
font-style: italic;
}
.search-box-element .search-icon {
position: absolute;
font-size: 18px;
color: #ccc;
top: 2px;
right: 6px;
}
.search-box-element .search-icon .cor-loader-inline {
top: -2px;
right: 2px;
position: absolute;
}
.search-box-element .search-icon .cor-loader-inline .co-m-loader-dot__one,
.search-box-element .search-icon .cor-loader-inline .co-m-loader-dot__two,
.search-box-element .search-icon .cor-loader-inline .co-m-loader-dot__three {
background: #ccc;
}
.search-box-result .kind {
text-transform: uppercase;
font-size: 12px;
display: inline-block;
margin-right: 10px;
color: #aaa;
width: 40px;
text-align: right;
}
.search-box-result .avatar {
margin-left: 6px;
margin-right: 2px;
}
.search-box-result i.fa {
margin-left: 6px;
margin-right: 4px;
}
.search-box-result .result-description {
overflow: hidden;
text-overflow: ellipsis;
max-height: 24px;
padding-left: 10px;
display: inline-block;
color: #aaa;
vertical-align: middle;
margin-top: 2px;
}
.search-box-result .description img {
display: none;
}
.search-box-result .result-name {
vertical-align: middle;
}
.search-box-result .clarification {
font-size: 12px;
margin-left: 6px;
display: inline-block;
vertical-align: middle;
}

101
static/css/directives/ui/service-keys-manager.css Normal file
View file

@ -0,0 +1,101 @@
.service-keys-manager-element .co-filter-box {
float: right;
}
.service-keys-manager-element .manager-header {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.service-keys-manager-element .co-filter-box {
float: none;
display: block;
}
}
.service-keys-manager-element .approval-user .pretext {
vertical-align: middle;
margin-right: 4px;
font-size: 12px;
color: #777;
}
.service-keys-manager-element .rotation {
color: #777;
}
.service-keys-manager-element .approval-automatic {
font-size: 12px;
color: #777;
}
.service-keys-manager-element i.fa {
margin-right: 4px;
}
.service-keys-manager-element .approval-rotation {
font-size: 12px;
color: #777;
}
.service-keys-manager-element .approval-rotation i.fa {
margin-right: 6px;
}
.service-keys-manager-element .subtitle {
color: #999;
font-size: 90%;
text-transform: uppercase;
font-weight: 300;
padding-top: 0!important;
text-align: left;
margin-bottom: 6px;
margin-top: 10px;
}
.service-keys-manager-element .approval-required i.fa {
margin-right: 4px;
}
.service-keys-manager-element .approval-required a {
margin-left: 10px;
}
.service-keys-manager-element .unnamed {
color: #ddd;
}
.service-keys-manager-element .key-display {
margin-top: 10px;
font-size: 12px;
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
background: white;
min-height: 500px;
}
.service-keys-manager-element .max-text {
display: inline-block;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.service-keys-manager-element .keys-list {
list-style: circle;
padding: 10px;
padding-left: 40px;
}
.service-keys-manager-element .keys-list li {
padding: 4px;
font-family: Consolas, "Lucida Console", Monaco, monospace;
}
.service-keys-manager-element .expiration-form .datetime-picker {
margin-top: 4px;
display: block;
margin-bottom: 2px;
}

35
static/css/directives/ui/set-repo-permissions.css Normal file
View file

@ -0,0 +1,35 @@
.set-repo-permissions-element label {
margin-top: 4px;
}
.set-repo-permissions-element .co-table {
margin-top: 20px;
}
.set-repo-permissions-element .fa-hdd-o {
margin-right: 4px;
vertical-align: middle;
}
.set-repo-permissions-element .co-filter-box {
display: block;
float: right;
margin-bottom: 20px;
}
.set-repo-permissions-element .co-filter-box .filter-message {
left: -180px;
top: 4px;
}
.set-repo-permissions-element .co-filter-box input {
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
height: 28px;
}
.set-repo-permissions-element label .avatar {
vertical-align: text-bottom;
margin-left: 4px;
}

81
static/css/directives/ui/signin-form.css Normal file
View file

@ -0,0 +1,81 @@
.signin-form-element h4 {
text-align: center;
margin-bottom: 30px;
font-size: 25px;
}
.signin-form-element input {
font-size: 14px;
padding: 18px;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 10px;
}
.signin-form-element .or-bar {
overflow: hidden;
text-align: center;
font-size: 16px;
color: #CCC8C8;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 20px;
}
/* Based on: http://jsfiddle.net/Puigcerber/vLwDf/1/ */
.signin-form-element .or-bar:before,
.signin-form-element .or-bar:after {
background-color: #ccc;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.signin-form-element .or-bar:before {
right: 0.5em;
margin-left: -50%;
}
.signin-form-element .or-bar:after {
left: 0.5em;
margin-right: -50%;
}
.signin-form-element .external-logins {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
.signin-form-element .external-login-button {
display: inline-block;
text-align: center;
padding: 6px;
margin-bottom: 10px;
max-width: 50%;
}
.signin-form-element .external-login-button a {
color: #40B4E5;
}
.signin-form-element .external-login-button .login-text {
margin-top: 6px;
display: block;
font-size: 14px;
}
.signin-form-element .external-login-button i.fa {
font-size: 46px;
width: auto !important;
}
.signin-form-element .external-login-button img {
width: 50% !important;
max-width: 80px;
margin-bottom: 6px;
}

33
static/css/directives/ui/signup-form.css Normal file
View file

@ -0,0 +1,33 @@
.signup-form-element h4 {
text-align: center;
margin-bottom: 20px;
}
.signup-form-element label {
font-weight: 600;
}
.signup-form-element input {
margin-bottom: 10px;
}
.signup-form-element .captcha {
display: block;
text-align: center;
}
.signup-form-element .captcha div {
display: inline-block;
margin: 2px;
}
.signup-form-element .captcha {
height: 0px;
transition: height ease-in-out 250ms;
overflow: hidden;
}
.user-setup-element .captcha.expanded {
height: 94px;
}

42
static/css/directives/ui/source-commit-link.css Normal file
View file

@ -0,0 +1,42 @@
.source-commit-link-element .commit-circle {
margin-right: 6px;
display: inline-block;
padding-top: 2px;
}
.source-commit-link-element .commit-circle {
display: inline-block;
border: 2px solid #999;
width: 10px;
height: 10px;
border-radius: 50%;
position: relative;
}
.source-commit-link-element .commit-circle:before,
.source-commit-link-element .commit-circle:after {
content: "";
display: inline-block;
border-top: 2px solid #999;
height: 10px;
width: 4px;
position: absolute;
top: 2px;
}
.source-commit-link-element .commit-circle:before {
left: -5px;
}
.source-commit-link-element .commit-circle:after {
left: 7px;
}
.source-commit-link-element {
white-space: nowrap;
}
.source-commit-link-element .anchor {
vertical-align: middle;
}

8
static/css/directives/ui/source-ref-link.css Normal file
View file

@ -0,0 +1,8 @@
.source-ref-link-element .fa {
margin-right: 4px;
display: inline-block;
}
.source-ref-link-element {
white-space: nowrap;
}

71
static/css/directives/ui/strength-indicator.css Normal file
View file

@ -0,0 +1,71 @@
.strength-indicator {
display: inline-block;
}
.strength-indicator .indicator-sliver {
display: inline-block;
margin: 0px;
margin-right: 2px;
width: 4px;
border: 1px solid #D5D5D5;
transition: 0.5s ease;
}
.strength-indicator .strength-indicator-element .indicator-sliver:nth-child(1) {
height: 10px;
}
.strength-indicator .strength-indicator-element .indicator-sliver:nth-child(2) {
height: 14px;
}
.strength-indicator .strength-indicator-element .indicator-sliver:nth-child(3) {
height: 18px;
}
.strength-indicator .strength-indicator-element .indicator-sliver:nth-child(4) {
height: 22px;
}
/** Good */
.strength-indicator .strength-indicator-element.good .indicator-sliver {
background: #83D29C;
border-color: #83D29C;
}
/** Fair */
.strength-indicator .strength-indicator-element.fair .indicator-sliver {
background: #E4C212;
border-color: #E4C212;
}
.strength-indicator .strength-indicator-element.fair .indicator-sliver:last-child {
background: transparent;
border-color: #D5D5D5;
}
/** Bairly */
.strength-indicator .strength-indicator-element.barely .indicator-sliver {
background: rgb(255, 155, 0);
border-color: rgb(255, 155, 0);
}
.strength-indicator .strength-indicator-element.barely .indicator-sliver:last-child {
background: transparent;
border-color: #D5D5D5;
}
.strength-indicator .strength-indicator-element.barely .indicator-sliver:nth-child(3) {
background: transparent;
border-color: #D5D5D5;
}
/** Poor */
.strength-indicator .strength-indicator-element.poor .indicator-sliver:first-child {
background: red;
border-color: red;
}

28
static/css/directives/ui/tag-operations-dialog.css Normal file
View file

@ -0,0 +1,28 @@
.tag-operations-dialog .image-id {
font-family: Consolas, "Lucida Console", Monaco, monospace;
font-size: 12px;
}
.tag-operations-dialog .loader-container {
height: 10px;
text-align: center;
margin-bottom: 20px;
margin-top: 10px;
position: relative;
}
.tag-operations-dialog .delete-tag-list {
margin: 4px;
padding: 0px;
}
.tag-operations-dialog .delete-tag-list li {
list-style: none;
display: inline-block;
margin: 4px;
}
.tag-operations-dialog .label-section {
margin-bottom: 10px;
padding: 6px;
}

175
static/css/directives/ui/tag-signing-display.css Normal file
View file

@ -0,0 +1,175 @@
.tag-signing-display-element {
text-align: center;
display: inline-block;
cursor: default;
position: relative;
}
.tag-signing-display-element .fa {
font-size: 24px;
}
.tag-signing-display-element .fa.fa-question-circle {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.tag-signing-display-element .signing-load-error {
color: #CCC;
}
.tag-signing-display-element .signing-not-signed {
color: #9B9B9B;
}
.tag-signing-display-element .signing-valid.okay-release {
color: #2FC98E;
}
.tag-signing-display-element .signing-valid.okay {
color: #5f9dd0;
}
.tag-signing-display-element .signing-valid.partial-okay {
color: #FCA657;
}
.tag-signing-display-element .signing-invalid {
color: #D64456;
}
.tag-signing-display-element .indicator {
position: relative;
}
.tag-signing-display-element .expiring-soon {
border-radius: 100%;
background-color: #fbab62;
position: absolute;
right: 0px;
bottom: 0px;
width: 8px;
height: 8px;
z-index: 2;
}
.tag-signing-display-element .expired {
border-radius: 100%;
background-color: #ec5266;
position: absolute;
right: 0px;
bottom: 0px;
width: 8px;
height: 8px;
z-index: 3;
}
.tag-signing-display-element .invalid {
border-radius: 100%;
background-color: #ec5266;
position: absolute;
right: 0px;
bottom: 0px;
width: 8px;
height: 8px;
z-index: 4;
}
.tag-signing-display-element.extended {
display: block;
position: relative;
}
.tag-signing-display-element.extended .fa {
color: #888 !important;
font-size: 16px;
}
.tag-signing-display-element.extended .indicator {
font-size: 16px;
position: absolute;
left: -22px;
top: 4px;
}
.tag-signing-display-element.extended .delegations {
margin: 0px;
padding: 0px;
text-align: left;
padding-left: 6px;
padding-top: 6px;
}
.tag-signing-display-element.extended .delegations td {
padding: 4px;
border: 0px;
}
.tag-signing-display-element.extended .delegations .delegation {
padding: 4px;
background-color: #eee;
border-radius: 4px;
font-size: 13px;
padding-right: 6px;
display: inline-block;
}
.tag-signing-display-element.extended .delegations .delegation:before {
content: "\f00c";
font-family: FontAwesome;
margin-right: 2px;
margin-left: 2px;
display: inline-block;
font-size: 10px;
}
.tag-signing-display-element.extended .delegations .delegation.okay {
background-color: #d0deea;
}
.tag-signing-display-element.extended .delegations .delegation.okay:before {
color: #5f9dd0;
}
.tag-signing-display-element.extended .delegations .delegation.default {
background-color: #bdf1dd;
}
.tag-signing-display-element.extended .delegations .delegation.default:before {
color: #2FC98E;
}
.tag-signing-display-element.extended .delegations .delegation.warning {
background-color: #ffe0c4;
}
.tag-signing-display-element.extended .delegations .delegation.warning:before {
content: "\f12a";
color: #FCA657;
}
.tag-signing-display-element.extended .delegations .delegation.error {
background-color: #ffcad1;
}
.tag-signing-display-element.extended .delegations .delegation.error:before {
content: "\f00d";
color: #D64456;
}
.tag-signing-display-element.extended .delegations .delegation-name {
font-size: 14px;
}
.tag-signing-display-element.extended .delegations .delegation-info {
display: inline-block;
white-space: nowrap;
vertical-align: middle;
margin-left: 4px;
font-size: 12px;
}

123
static/css/directives/ui/teams-manager.css Normal file
View file

@ -0,0 +1,123 @@
.teams-manager .co-filter-box {
display: block;
float: right;
margin-bottom: 20px;
}
.teams-manager.co-filter-box .filter-message {
left: -180px;
top: 4px;
}
.teams-manager .co-filter-box input {
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
height: 28px;
}
.teams-manager .manager-header {
border-bottom: 1px solid #eee;
margin-bottom: 16px;
}
.teams-manager .manager-header i.fa {
margin-right: 6px;
}
.teams-manager .cor-options-menu {
display: inline-block;
margin-left: 10px;
}
.cor-option a {
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
}
.teams-manager td .empty {
color: #ccc;
}
.teams-manager .co-table .avatar {
margin-right: 6px;
}
.teams-manager .cor-confirm-dialog .entity-reference .avatar {
margin-left: 4px;
margin-right: 0px;
}
.teams-manager .cor-confirm-dialog .entity-reference .entity-name {
margin-left: 2px;
}
@media (min-width: 768px) {
.teams-manager .manager-header {
padding-bottom: 0px;
}
}
@media (max-width: 767px) {
.teams-manager .co-filter-box {
display: block;
float: none;
}
}
.teams-manager .info-icon {
margin-left: 4px;
}
.teams-manager .popover-content {
color: black;
font-size: 16px;
text-transform: none;
}
.teams-manager .header-col .header-text {
text-transform: uppercase;
font-size: 14px;
color: #aaa !important;
display: inline-block;
padding-top: 4px;
}
.teams-manager .control-col {
padding-top: 6px;
}
.teams-manager .team-listing {
margin-bottom: 10px;
}
.teams-manager .team-listing .avatar {
margin-right: 6px;
}
.teams-manager .team-member-list .fa {
color: #ccc;
}
.teams-manager .team-member-list {
position: relative;
min-height: 20px;
padding: 4px;
padding-left: 40px;
}
.teams-manager .team-member-list .team-member a {
text-decoration: none !important;
}
.teams-manager .team-member-list .team-member-more {
vertical-align: middle;
padding-left: 6px;
color: #aaa;
font-size: 14px;
}
.teams-manager .fa-refresh {
color: #aaa;
}

3
static/css/directives/ui/time-machine-settings.css Normal file
View file

@ -0,0 +1,3 @@
.time-machine-settings-element .btn {
margin-top: 10px;
}

88
static/css/directives/ui/trigger-setup-githost.css Normal file
View file

@ -0,0 +1,88 @@
.trigger-setup-githost-element .ref-reference {
color: #ccc;
}
.trigger-setup-githost-element .ref-reference span {
cursor: pointer;
text-decoration: line-through;
}
.trigger-setup-githost-element .ref-reference:hover {
color: #3276b1;
}
.trigger-setup-githost-element .ref-reference:hover span {
text-decoration: none;
}
.trigger-setup-githost-element .ref-reference.match {
color: black;
}
.trigger-setup-githost-element .ref-reference.match span {
text-decoration: none;
cursor: default;
}
.trigger-setup-githost-element .ref-filter {
white-space: nowrap;
}
.trigger-setup-githost-element .ref-filter span {
display: inline-block;
}
.trigger-setup-githost-element .selected-info {
margin-bottom: 20px;
}
.trigger-setup-githost-element .org-icon {
width: 20px;
margin-right: 8px;
vertical-align: middle;
}
.trigger-setup-githost-element li.host-repo-listing i {
margin-right: 10px;
margin-left: 6px;
}
.trigger-setup-githost-element li.org-header {
padding-left: 6px;
}
.trigger-setup-githost-element .matching-refs {
margin: 0px;
padding: 0px;
margin-left: 10px;
display: inline-block;
}
.trigger-setup-githost-element .ref-matches {
padding-left: 70px;
position: relative;
margin-bottom: 10px;
}
.trigger-setup-githost-element .ref-matches .kind {
font-weight: bold;
position: absolute;
top: 0px;
left: 0px;
}
.trigger-setup-githost-element .matching-refs.tags li:before {
content: "\f02b";
font-family: FontAwesome;
}
.trigger-setup-githost-element .matching-refs.branches li:before {
content: "\f126";
font-family: FontAwesome;
}
.trigger-setup-githost-element .matching-refs li {
list-style: none;
display: inline-block;
margin-left: 10px;
}

71
static/css/directives/ui/triggered-build-description.css Normal file
View file

@ -0,0 +1,71 @@
.triggered-build-description-element .commit-message {
font-size: 16px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.triggered-build-description-element .commit-message a {
color: black;
}
.triggered-build-description-element .commit-who img {
width: 16px;
height: 16px;
margin-left: 4px;
margin-right: 2px;
}
.triggered-build-description-element .fa-github {
display: inline-block;
margin-left: 6px;
margin-right: 4px;
}
.triggered-build-description-element .commit-information {
margin-top: 6px;
font-size: 14px;
color: #999;
}
.triggered-build-description-element .source-commit-link a {
color: #999;
}
.triggered-build-description-element .source-ref-link a {
color: #999;
}
.triggered-build-description-element .commit-information > span {
margin-right: 20px;
}
.triggered-build-description-element .commit-who:before {
content: "by ";
}
.triggered-build-description-element .manual {
color: #ccc;
}
.triggered-build-description-element .fa-user {
margin-right: 4px;
}
.triggered-build-description-element .long-commit-description {
margin-top: 10px;
font-size: 13px;
white-space: pre;
font-family: Consolas, "Lucida Console", Monaco, monospace;
border-left: 1px solid #eee;
padding-left: 10px;
}
.triggered-build-description-element .long-description-toggle {
padding: 2px;
display: inline-block;
}
.triggered-build-description-element .long-description-toggle:hover {
cursor: pointer;
}

15
static/css/directives/ui/typeahead.css Normal file
View file

@ -0,0 +1,15 @@
.tt-menu {
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
right: 0px;
}
.tt-suggestion.tt-is-under-cursor {
color: #fff;
background-color: #428bca;
}
.tt-hint {
display: none;
}

110
static/css/directives/ui/user-setup.css Normal file
View file

@ -0,0 +1,110 @@
.user-setup-element {
text-align: center;
}
.user-setup-element .user-setup-element-view {
max-width: 420px;
width: 100%;
text-align: left;
display: inline-block;
}
.user-setup-element .setup-logo-container {
background-color: white;
display: block;
padding: 10px;
margin-bottom: 20px;
text-align: center;
}
.user-setup-element .user-setup-content {
background-color: rgba(247, 247, 247, 0.27);
padding: 34px;
padding-top: 20px;
padding-bottom: 20px;
border: 1px solid #eee;
}
.modal-body .user-setup-element .setup-logo-container {
margin-top: 20px;
margin-bottom: 0px;
}
.modal-body .user-setup-element .user-setup-content {
background: transparent;
border: 0px;
padding: 0px;
}
.user-setup-element .user-setup-content .pane-container-container {
overflow: hidden;
}
.user-setup-element .user-setup-content .pane-container {
white-space: nowrap;
width: 100%;
position: relative;
left: -100%;
transition: left 350ms ease-in-out;
}
.user-setup-element .user-setup-content .pane-container.signin {
left: -100%;
}
.user-setup-element .user-setup-content .pane-container.createAccount {
left: 0%;
}
.user-setup-element .user-setup-content .pane-container.forgotPassword {
left: -200%;
}
.user-setup-element .user-setup-content .pane-container .content-pane {
white-space: normal;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 8px;
}
.user-setup-element .setup-logo-container img {
max-height: 50px;
max-width: 100%;
}
.user-setup-element .user-footer-links {
margin-top: 18px;
margin-bottom: 10px;
font-size: 16px;
text-align: center;
}
.user-setup-element .user-footer-links a {
display: inline-block;
text-decoration: none !important;
}
.user-setup-element .user-footer-links a:after {
content: "\2022";
color: #ccc;
padding: 0 5px 0 9px;
text-decoration: none !important;
}
.user-setup-element .user-footer-links a:last-child:after {
content: "";
}
.user-setup-element .expandable {
height: 0px;
transition: height ease-in-out 250ms;
margin-top: 16px;
margin-bottom: 10px;
overflow: hidden;
}
.user-setup-element .expandable.expanded {
height: 60px;
}

17
static/css/directives/ui/visibility-indicator-component.css Normal file
View file

@ -0,0 +1,17 @@
.visibility-indicator-component-element {
display: inline-block;
padding: 4px;
color: white;
height: 25px;
font-size: 16px;
padding: 0 12px;
color: #ffffff;
}
.visibility-indicator-component-element.private {
background-color: #d64456;
}
.visibility-indicator-component-element.public {
background-color: #2fc98e;
}

7
static/css/directives/ui/vulnerability-priority-view.css Normal file
View file

@ -0,0 +1,7 @@
.vulnerability-priority-view-element {
cursor: default;
}
.vulnerability-priority-view-element i.fa {
margin-right: 4px;
}