Merge branch 'master' into star
This commit is contained in:
Jimmy Zelinskie
commit
917dd6b674
229 changed files with 10807 additions and 3003 deletions
720
static/css/core-ui.css
Normal file
720
static/css/core-ui.css
Normal file
|
|
@ -0,0 +1,720 @@
|
|||
|
||||
.co-options-menu .fa-gear {
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.co-options-menu .dropdown.open .fa-gear {
|
||||
color: #428BCA;
|
||||
}
|
||||
|
||||
.co-img-bg-network {
|
||||
background: url('/static/img/network-tile.png') left top repeat, linear-gradient(30deg, #2277ad, #144768) no-repeat left top fixed;
|
||||
background-color: #2277ad;
|
||||
background-size: auto, 100% 100%;
|
||||
}
|
||||
|
||||
.co-m-navbar {
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.co-fx-box-shadow {
|
||||
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.co-fx-box-shadow-heavy {
|
||||
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.co-fx-text-shadow {
|
||||
text-shadow: rgba(0, 0, 0, 1) 1px 1px 2px;
|
||||
}
|
||||
|
||||
.co-nav-title {
|
||||
height: 70px;
|
||||
margin-top: -22px;
|
||||
}
|
||||
|
||||
.co-nav-title .co-nav-title-content {
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.co-tab-container {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.co-tabs {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 82px;
|
||||
background-color: #e8f1f6;
|
||||
border-right: 1px solid #DDE7ED;
|
||||
|
||||
display: table-cell;
|
||||
float: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.co-tab-content {
|
||||
width: 100%;
|
||||
display: table-cell;
|
||||
float: none;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.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;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.co-tabs li.active a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
.co-main-content-panel {
|
||||
margin-bottom: 20px;
|
||||
background-color: #fff;
|
||||
border: 1px solid transparent;
|
||||
padding: 10px;
|
||||
|
||||
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.co-tab-panel {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
.cor-log-box {
|
||||
width: 100%;
|
||||
height: 550px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.co-log-viewer {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
height: 500px;
|
||||
|
||||
padding: 20px;
|
||||
|
||||
background: rgb(55, 55, 55);
|
||||
border: 1px solid black;
|
||||
color: white;
|
||||
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.co-log-viewer .co-log-content {
|
||||
font-family: Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-size: 12px;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.cor-log-box .co-log-viewer-new-logs i {
|
||||
margin-left: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.cor-log-box .co-log-viewer-new-logs {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
right: 30px;
|
||||
padding: 10px;
|
||||
color: white;
|
||||
border-radius: 10px;
|
||||
background: rgba(72, 158, 72, 0.8);
|
||||
}
|
||||
|
||||
.co-panel {
|
||||
margin-bottom: 40px;
|
||||
|
||||
/*border: 1px solid #eee;*/
|
||||
}
|
||||
|
||||
.co-panel .co-panel-heading img {
|
||||
margin-right: 6px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.co-panel .co-panel-heading i.fa {
|
||||
margin-right: 6px;
|
||||
width: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.co-panel .co-panel-heading {
|
||||
padding: 6px;
|
||||
/*background: #eee;*/
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
margin-bottom: 4px;
|
||||
font-size: 135%;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.co-panel .co-panel-body {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.co-panel .co-panel-button-bar {
|
||||
margin-top: 10px;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .help-text {
|
||||
margin-top: 6px;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .description {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .config-table > tbody > tr > td:first-child {
|
||||
padding-top: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .config-table > tbody > tr > td.non-input {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .config-table > tbody > tr > td {
|
||||
padding: 8px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .config-table > tbody > tr > td .config-numeric-field-element {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .config-table > tbody > tr > td .config-string-field-element {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.config-contact-field {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.config-contact-field .dropdown button {
|
||||
width: 100px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.config-contact-field .dropdown button .caret {
|
||||
float: right;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.config-contact-field .dropdown button i.fa {
|
||||
margin-right: 6px;
|
||||
width: 14px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.config-contact-field .form-control {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.config-list-field-element .empty {
|
||||
color: #ccc;
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.config-list-field-element input {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .inner-table {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .inner-table tr td:first-child {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.config-setup-tool-element .inner-table td {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.config-file-field-element input {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.co-checkbox {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.co-checkbox input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.co-checkbox label {
|
||||
position: relative;
|
||||
padding-left: 28px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.co-checkbox label:before {
|
||||
content: '';
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-radius: 4px;
|
||||
|
||||
-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
|
||||
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
|
||||
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
|
||||
|
||||
background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
|
||||
background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
|
||||
background: -o-linear-gradient(top, #222 0%, #45484d 100%);
|
||||
background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
|
||||
background: linear-gradient(top, #222 0%, #45484d 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
|
||||
}
|
||||
|
||||
.co-checkbox label:after {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 11px;
|
||||
height: 7px;
|
||||
background: transparent;
|
||||
top: 5px;
|
||||
left: 4px;
|
||||
border: 3px solid #fcfff4;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.co-checkbox label:hover::after {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
|
||||
filter: alpha(opacity=30);
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.co-checkbox input[type=checkbox]:checked + label:after {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
filter: alpha(opacity=100);
|
||||
opacity: 1;
|
||||
border: 3px solid rgb(26, 255, 26);
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.co-floating-bottom-bar {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.co-floating-bottom-bar.floating {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.config-setup-tool .cor-floating-bottom-bar button i.fa {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.config-setup-tool .service-verification {
|
||||
padding: 20px;
|
||||
background: #343434;
|
||||
color: white;
|
||||
margin-bottom: -14px;
|
||||
}
|
||||
|
||||
.config-setup-tool .service-verification-row {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.config-setup-tool .service-verification-row .service-title {
|
||||
font-variant: small-caps;
|
||||
font-size: 145%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#validateAndSaveModal .fa-warning {
|
||||
font-size: 22px;
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
color: rgb(255, 186, 53);
|
||||
}
|
||||
|
||||
#validateAndSaveModal .fa-check-circle {
|
||||
font-size: 22px;
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
color: rgb(53, 186, 53);
|
||||
}
|
||||
|
||||
.config-setup-tool .service-verification-error {
|
||||
white-space: pre;
|
||||
margin-top: 10px;
|
||||
margin-left: 36px;
|
||||
margin-bottom: 20px;
|
||||
max-height: 250px;
|
||||
overflow: auto;
|
||||
border: 1px solid #797979;
|
||||
background: black;
|
||||
padding: 6px;
|
||||
font-family: Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.co-m-loader, .co-m-inline-loader {
|
||||
min-width: 28px; }
|
||||
|
||||
.co-m-loader {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin: -11px 0 0 -13px; }
|
||||
|
||||
.co-m-inline-loader {
|
||||
display: inline-block;
|
||||
cursor: default; }
|
||||
.co-m-inline-loader:hover {
|
||||
text-decoration: none; }
|
||||
|
||||
.co-m-loader-dot__one, .co-m-loader-dot__two, .co-m-loader-dot__three {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-fill-mode: both;
|
||||
-moz-animation-fill-mode: both;
|
||||
-ms-animation-fill-mode: both;
|
||||
-o-animation-fill-mode: both;
|
||||
animation-name: bouncedelay;
|
||||
animation-duration: 1s;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-delay: 0;
|
||||
animation-direction: normal;
|
||||
animation-iteration-count: infinite;
|
||||
animation-fill-mode: forwards;
|
||||
animation-play-state: running;
|
||||
-webkit-animation-name: bouncedelay;
|
||||
-webkit-animation-duration: 1s;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
-webkit-animation-delay: 0;
|
||||
-webkit-animation-direction: normal;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-webkit-animation-play-state: running;
|
||||
-moz-animation-name: bouncedelay;
|
||||
-moz-animation-duration: 1s;
|
||||
-moz-animation-timing-function: ease-in-out;
|
||||
-moz-animation-delay: 0;
|
||||
-moz-animation-direction: normal;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
-moz-animation-play-state: running;
|
||||
display: inline-block;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
background: #419eda;
|
||||
border-radius: 100%;
|
||||
display: inline-block; }
|
||||
|
||||
.co-m-loader-dot__one {
|
||||
animation-delay: -0.32s;
|
||||
-webkit-animation-delay: -0.32s;
|
||||
-moz-animation-delay: -0.32s;
|
||||
-ms-animation-delay: -0.32s;
|
||||
-o-animation-delay: -0.32s; }
|
||||
|
||||
.co-m-loader-dot__two {
|
||||
animation-delay: -0.16s;
|
||||
-webkit-animation-delay: -0.16s;
|
||||
-moz-animation-delay: -0.16s;
|
||||
-ms-animation-delay: -0.16s;
|
||||
-o-animation-delay: -0.16s; }
|
||||
|
||||
@-webkit-keyframes bouncedelay {
|
||||
0%, 80%, 100% {
|
||||
-webkit-transform: scale(0.25, 0.25);
|
||||
-moz-transform: scale(0.25, 0.25);
|
||||
-ms-transform: scale(0.25, 0.25);
|
||||
-o-transform: scale(0.25, 0.25);
|
||||
transform: scale(0.25, 0.25); }
|
||||
|
||||
40% {
|
||||
-webkit-transform: scale(1, 1);
|
||||
-moz-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
transform: scale(1, 1); } }
|
||||
|
||||
@-moz-keyframes bouncedelay {
|
||||
0%, 80%, 100% {
|
||||
-webkit-transform: scale(0.25, 0.25);
|
||||
-moz-transform: scale(0.25, 0.25);
|
||||
-ms-transform: scale(0.25, 0.25);
|
||||
-o-transform: scale(0.25, 0.25);
|
||||
transform: scale(0.25, 0.25); }
|
||||
|
||||
40% {
|
||||
-webkit-transform: scale(1, 1);
|
||||
-moz-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
transform: scale(1, 1); } }
|
||||
|
||||
@-ms-keyframes bouncedelay {
|
||||
0%, 80%, 100% {
|
||||
-webkit-transform: scale(0.25, 0.25);
|
||||
-moz-transform: scale(0.25, 0.25);
|
||||
-ms-transform: scale(0.25, 0.25);
|
||||
-o-transform: scale(0.25, 0.25);
|
||||
transform: scale(0.25, 0.25); }
|
||||
|
||||
40% {
|
||||
-webkit-transform: scale(1, 1);
|
||||
-moz-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
transform: scale(1, 1); } }
|
||||
|
||||
@keyframes bouncedelay {
|
||||
0%, 80%, 100% {
|
||||
-webkit-transform: scale(0.25, 0.25);
|
||||
-moz-transform: scale(0.25, 0.25);
|
||||
-ms-transform: scale(0.25, 0.25);
|
||||
-o-transform: scale(0.25, 0.25);
|
||||
transform: scale(0.25, 0.25); }
|
||||
|
||||
40% {
|
||||
-webkit-transform: scale(1, 1);
|
||||
-moz-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
transform: scale(1, 1); } }
|
||||
|
||||
.co-dialog .modal-body {
|
||||
padding: 10px;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.co-dialog .modal-body h4 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.co-dialog .modal-content {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.co-dialog.fatal-error .modal-content {
|
||||
padding-left: 175px;
|
||||
}
|
||||
|
||||
.co-dialog.fatal-error .alert-icon-container-container {
|
||||
position: absolute;
|
||||
top: -36px;
|
||||
left: -175px;
|
||||
bottom: 20px;
|
||||
}
|
||||
|
||||
.co-dialog.fatal-error .alert-icon-container {
|
||||
height: 100%;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.co-dialog.fatal-error .alert-icon {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
border-right: 1px solid #eee;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.co-dialog.fatal-error .alert-icon:before {
|
||||
content: "\f071";
|
||||
font-family: FontAwesome;
|
||||
font-size: 60px;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
color: #c53c3f;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.co-dialog .modal-header .cor-step-bar {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.co-dialog .modal-footer.working {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.co-dialog .modal-footer.working .btn {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.co-dialog .modal-footer.working .cor-loader-inline {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.co-dialog .modal-footer .left-align {
|
||||
float: left;
|
||||
vertical-align: middle;
|
||||
font-size: 16px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.co-dialog .modal-footer .left-align i.fa-warning {
|
||||
color: #ffba35;
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.co-dialog .modal-footer .left-align i.fa-check {
|
||||
color: green;
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element {
|
||||
cursor: default;
|
||||
display: inline-block;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
|
||||
position: relative;
|
||||
color: #ddd;
|
||||
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element.text {
|
||||
margin-left: 24px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element.icon {
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element.active {
|
||||
color: #53a3d9;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element:first-child:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
width: 14px;
|
||||
border-top: 2px solid #ddd;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element.icon:before {
|
||||
left: -20px;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element.text:before {
|
||||
left: -22px;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element.active:before {
|
||||
border-top: 2px solid #53a3d9;
|
||||
}
|
||||
|
||||
|
||||
.co-step-bar .co-step-element.text {
|
||||
border-radius: 100%;
|
||||
border: 2px solid #ddd;
|
||||
}
|
||||
|
||||
.co-step-bar .co-step-element.text.active {
|
||||
border: 2px solid #53a3d9;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 900px) {
|
||||
.co-dialog .modal-dialog {
|
||||
width: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
.co-alert .co-step-bar {
|
||||
float: right;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.realtime-area-chart, .realtime-line-chart {
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.rickshaw_graph {
|
||||
overflow: hidden;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.cor-container {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
|
@ -1,8 +1,12 @@
|
|||
* {
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-family: 'Source Sans Pro', sans-serif;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
@media (max-width: 410px) {
|
||||
.olrk-normal {
|
||||
display: none;
|
||||
|
|
@ -38,7 +42,12 @@
|
|||
}
|
||||
|
||||
#quay-logo {
|
||||
height: 36px;
|
||||
width: 100px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#padding-container {
|
||||
|
|
@ -83,34 +92,6 @@
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.co-img-bg-network {
|
||||
background: url('/static/img/network-tile.png') left top repeat, linear-gradient(30deg, #2277ad, #144768) no-repeat left top fixed;
|
||||
background-color: #2277ad;
|
||||
background-size: auto, 100% 100%;
|
||||
}
|
||||
|
||||
.co-m-navbar {
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.co-fx-box-shadow {
|
||||
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.co-fx-box-shadow-heavy {
|
||||
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
margin-bottom: 20px;
|
||||
background-color: #fff;
|
||||
|
|
@ -182,7 +163,7 @@ nav.navbar-default .navbar-nav>li>a.active {
|
|||
|
||||
.notification-view-element .circle {
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
top: 15px;
|
||||
left: 0px;
|
||||
|
||||
width: 12px;
|
||||
|
|
@ -202,13 +183,13 @@ nav.navbar-default .navbar-nav>li>a.active {
|
|||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.notification-view-element .container {
|
||||
.notification-view-element .notification-content {
|
||||
padding: 10px;
|
||||
border-radius: 6px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.notification-view-element .container:hover {
|
||||
.notification-view-element .notification-content:hover {
|
||||
background: rgba(66, 139, 202, 0.1);
|
||||
}
|
||||
|
||||
|
|
@ -868,28 +849,24 @@ i.toggle-icon:hover {
|
|||
background-color: #DFFF00;
|
||||
}
|
||||
|
||||
.phase-icon.waiting, .phase-icon.unpacking, .phase-icon.starting, .phase-icon.initializing {
|
||||
background-color: #ddd;
|
||||
.phase-icon.waiting, .phase-icon.build-scheduled {
|
||||
background-color: rgba(66, 139, 202, 0.2);
|
||||
}
|
||||
|
||||
.phase-icon.pulling {
|
||||
background-color: #cab442;
|
||||
.phase-icon.unpacking, .phase-icon.starting, .phase-icon.initializing {
|
||||
background-color: rgba(66, 139, 202, 0.4);
|
||||
}
|
||||
|
||||
.phase-icon.building {
|
||||
background-color: #f0ad4e;
|
||||
.phase-icon.pulling, .phase-icon.priming-cache, .phase-icon.checking-cache {
|
||||
background-color: rgba(66, 139, 202, 0.6);
|
||||
}
|
||||
|
||||
.phase-icon.priming-cache {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.phase-icon.pushing {
|
||||
background-color: #5cb85c;
|
||||
.phase-icon.pushing, .phase-icon.building {
|
||||
background-color: rgba(66, 139, 202, 0.8);
|
||||
}
|
||||
|
||||
.phase-icon.complete {
|
||||
background-color: #428bca;
|
||||
background-color: rgba(66, 139, 202, 1);
|
||||
}
|
||||
|
||||
.build-status {
|
||||
|
|
@ -1092,12 +1069,6 @@ i.toggle-icon:hover {
|
|||
border: 1px dashed #ccc;
|
||||
}
|
||||
|
||||
.new-repo .initialize-repo .init-description {
|
||||
color: #444;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.new-repo .initialize-repo .file-drop {
|
||||
margin: 10px;
|
||||
}
|
||||
|
|
@ -1174,59 +1145,59 @@ i.toggle-icon:hover {
|
|||
}
|
||||
|
||||
.visible-sm-inline {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.visible-md-inline {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.hidden-sm-inline {
|
||||
display: inline;
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
.hidden-xs-inline {
|
||||
display: inline;
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
@media (min-width: 991px) {
|
||||
.visible-md-inline {
|
||||
display: inline;
|
||||
display: inline !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) and (min-width: 768px) {
|
||||
.visible-sm-inline {
|
||||
display: inline;
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
.hidden-sm-inline {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.hidden-xs-inline {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.visible-xl {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.visible-xl-inline {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.visible-xl {
|
||||
display: block;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.visible-xl-inline {
|
||||
display: inline-block;
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1343,13 +1314,16 @@ i.toggle-icon:hover {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.plan-price:after {
|
||||
content: "/ mo";
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 20px;
|
||||
font-size: 12px;
|
||||
color: #aaa;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.plan-price:after {
|
||||
content: "/ mo";
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 20px;
|
||||
font-size: 12px;
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
|
||||
.plans-list .plan .count {
|
||||
|
|
@ -1444,6 +1418,10 @@ i.toggle-icon:hover {
|
|||
background: transparent;
|
||||
}
|
||||
|
||||
.jumbotron p {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.jumbotron .disclaimer-link {
|
||||
font-size: .3em;
|
||||
vertical-align: 23px;
|
||||
|
|
@ -1512,11 +1490,10 @@ i.toggle-icon:hover {
|
|||
right: 0px;
|
||||
}
|
||||
|
||||
.landing-filter.signedin {
|
||||
}
|
||||
|
||||
.landing-content {
|
||||
z-index: 2;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.landing .call-to-action i.fa {
|
||||
|
|
@ -1524,7 +1501,6 @@ i.toggle-icon:hover {
|
|||
}
|
||||
|
||||
.landing .call-to-action {
|
||||
height: 40px;
|
||||
font-size: 18px;
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
|
|
@ -1663,7 +1639,7 @@ i.toggle-icon:hover {
|
|||
padding-left: 70px;
|
||||
}
|
||||
|
||||
.landing-page .twitter-tweet .avatar img {
|
||||
.landing-page .twitter-tweet .twitter-avatar img {
|
||||
border-radius: 4px;
|
||||
border: 2px solid rgb(70, 70, 70);
|
||||
width: 50px;
|
||||
|
|
@ -2694,7 +2670,7 @@ p.editable:hover i {
|
|||
}
|
||||
|
||||
.repo-build .build-pane .build-logs .log-container.command {
|
||||
margin-left: 42px;
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.repo-build .build-pane .build-logs .container-header.building {
|
||||
|
|
@ -2942,10 +2918,8 @@ p.editable:hover i {
|
|||
|
||||
.navbar-brand {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.navbar-brand img {
|
||||
height: 36px;
|
||||
line-height: 1px;
|
||||
font-size: 1px;
|
||||
}
|
||||
|
||||
.user-dropdown > img {
|
||||
|
|
@ -3622,6 +3596,22 @@ p.editable:hover i {
|
|||
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;
|
||||
}
|
||||
|
||||
|
||||
.repo-breadcrumb-element .crumb {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -3860,7 +3850,7 @@ p.editable:hover i {
|
|||
text-align: center;
|
||||
position: relative;
|
||||
color: white;
|
||||
left: -42px;
|
||||
left: -38px;
|
||||
top: -9px;
|
||||
font-weight: bold;
|
||||
font-size: .4em;
|
||||
|
|
@ -3870,23 +3860,6 @@ p.editable:hover i {
|
|||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.landing .social-alternate {
|
||||
color: #777;
|
||||
font-size: 2em;
|
||||
margin-left: 43px;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.landing .social-alternate .inner-text {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
color: white;
|
||||
left: -43px;
|
||||
top: -9px;
|
||||
font-weight: bold;
|
||||
font-size: .4em;
|
||||
}
|
||||
|
||||
.contact-options {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
|
@ -4505,14 +4478,28 @@ pre.command:before {
|
|||
padding: 6px;
|
||||
}
|
||||
|
||||
.user-row.super-user td {
|
||||
background-color: #eeeeee;
|
||||
.user-row {
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
.user-row td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.user-row .user-class {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.user-row .labels {
|
||||
float: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.user-row .labels .label {
|
||||
text-transform: uppercase;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.form-change input {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
|
|
@ -4975,3 +4962,90 @@ i.slack-icon {
|
|||
#gen-token input[type="checkbox"] {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.system-log-download-panel {
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.system-log-download-panel a {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.initial-setup-modal .quay-spinner {
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.initial-setup-modal .valid-database p {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.verified {
|
||||
font-size: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.verified i.fa {
|
||||
font-size: 26px;
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
color: rgb(53, 186, 53);
|
||||
}
|
||||
|
||||
.registry-logo-preview {
|
||||
border: 1px solid #eee;
|
||||
vertical-align: middle;
|
||||
padding: 4px;
|
||||
max-width: 150px;
|
||||
}
|
||||
|
||||
.modal-footer.alert {
|
||||
text-align: left;
|
||||
margin-bottom: -16px;
|
||||
}
|
||||
|
||||
.dockerfile-build-form table td {
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dockerfile-build-form input[type="file"] {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.dockerfile-build-form .help-text {
|
||||
font-size: 13px;
|
||||
color: #aaa;
|
||||
margin-bottom: 20px;
|
||||
padding-left: 22px;
|
||||
}
|
||||
|
||||
.restart-required {
|
||||
position: relative;
|
||||
padding-left: 54px;
|
||||
}
|
||||
|
||||
.restart-required button {
|
||||
float: right;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.restart-required button i.fa {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.restart-required i.fa-warning {
|
||||
position: absolute;
|
||||
top: 24px;
|
||||
left: 16px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.chart-col h4, .chart-col h5 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
|
|||
Reference in a new issue