ui.com.vmware.dcp.ui.UiService.css.base.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of dcp-ui Show documentation
The newest version!
html, body {
    height: 100%;
}

body {
    font-weight: 100;
}

.dcpAlert {
    z-index: 1000;
    position: absolute;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    top: 10px;
    left: 25%;
    overflow: hidden;
}

#layout-container {
    min-height: 100%;
    position: relative;
}

#nav {
    background: none repeat scroll 0 0 #f1f2f7;
    color: #465269;
    float: left;
    position: absolute;
    width: 100px;
    height: 100%;
}

.profile {
    background-color: #eee;
    overflow: hidden;
    position: relative;
    float: left;
}

.profile .logo {
    color: #b0324a;
    margin: 7px 0px 6px;
    perspective: 1000px;
    text-align: center;
}

ul.navigation {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.navigation > li {
    position: relative;
}

ul.navigation > li > a.active {
    background: none repeat scroll 0 0 #1595d3;
    color: #fff;
}

ul.navigation > li > a {
    border-bottom: 1px solid #c1c1c1;
    color: #747f95;
    display: block;
    outline: medium none;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: color 0.1s linear 0s;
    white-space: nowrap;
}

ul.navigation > li > a > i {
    display: block;
    font-size: 28px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
}

#main {
    background-color: #fff;
    color: #666666;
    min-height: 500px;
    right: 0;
    top: 0;
    z-index: 20;
}

.head-title {
    background-color: #eee;
    color: #4b576e;
    font-size: 16px;
    height: 75px;
    padding: 0 20px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.margin-container {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
    z-index: -9999;
    min-height: 500px;
}

.margin100{
    margin-left:100px;
}

.wrapper {
    overflow: hidden;
    padding: 20px;
    width: 100%;
    min-height: 500px;
}

.scrollable {
    overflow-x: hidden;
    overflow-y: auto;
}

h1.page-header, h1.sub-header {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 100;
    margin: 0 0 25px;
    padding: 5px 0;
}

h2.section-header {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 100;
    padding: 5px 0;
}

.main .page-header {
    margin-top: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.glyph-red {
    color: #F24D38;
}

.glyph-green {
    color: #81BB5F;
}

.glyph-blue {
    color: #1595d3;
}

.btn-nested {
    margin-top: 3px;
}

.nested-block {
    padding: 4px 0 4px 15px;
    margin-left: 5px;
    border-left: 1px dotted #a4a4a4;
}

.querySubmit {
    margin: 20px 0;
}

.queryOptions {
    margin: 10px 0;
}

.queryOptions div {
    float: right;
}

.queryOptions div.expand, .queryOptions div label {
    font-weight: normal;
    padding-top: 6px;
}

.querySwitch {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.querySwitch ul{
    border-bottom: 0 none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.zeroData {
    border-radius: 4px;
    border: 1px solid #1595D3;
    margin: 10px auto;
    width: 50%;
    padding: 10px;
}

.zeroData .glyphicon-info-sign {
    color: #1595D3;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

.tick line {
    display: none;
}

.strong {
    font-weight: bold;
}

.medium{
    font-weight: 400;
}

.margin-top-100 {
    margin-top: 100px;
}

.block-box {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 60px;
    padding: 30px 0 20px;
}

.head-title a {
    display: block;
    outline: medium none;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: color 0.1s linear 0s;
    white-space: nowrap;
    width: 103px;
    float: right;
    margin-right: 15px;
}

.head-title a > i {
    display: block;
    font-size: 28px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
}

.select-style {
    font-size: 13px;
    border: 1px solid #ccc;
    border-collapse: collapse;
    height: 26px;
    line-height: 26px;
}

.table-fixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.text-align-center {
    text-align: center;
}

.system-state {
    float: right;
    clear: both;
    text-align: right;
    width: 100%;
}

.system-state div {
    width: auto;
    display: inline-block;
    margin: 0 20px;
}

.circle-text {
    width:40%;
    margin: 0 auto;
    padding: 45px 0;
}
.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #4679BD;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.circle-text div {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
    font-size: 3em;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.operationTracingFilter{
    background: #f0f0f0;
    padding: 10px 0;
    border-radius: 3px;
    text-align: center;
}

.chart {
    shape-rendering: crispEdges;
}

div.tooltip {
    position: absolute;
    text-align: left;
    min-width: 100px;
    padding: 10px;
    font: 12px sans-serif;
    background: #F0F0F0;
    border: 0px;
    border-radius: 4px;
    pointer-events: none;
}

.mini text {
    font: 9px sans-serif;
}

.main text {
    font: 12px sans-serif;
}

.brush .extent {
    stroke: #838383;
    fill: #e1e1e1;
    fill-opacity: .365;
}

.month text {
    text-anchor: start;
}

.todayLine {
    stroke: blue;
    stroke-width: 1.5;
}

.axis line, .axis path {
    stroke: black;
}

.miniItem {
    stroke-width: 6;
}


.main .laneText {
    font-weight: bold;
    color: #888888;
}

.main .laneTextMini {
    font-weight: bold;
    font-size: 11px;
    color: #ccc;
}

.timelineChart {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

#timeSpan{
    width: 630px;
    margin-right: auto;
    margin-left: auto;
}

.help-block {
    font-size: 10px;
    font-style: italic;
}

.tracingState{
    float: right;
    font-size: 15px;
}

.tracingState span {
    cursor: pointer;
}

.blink {
    animation: blink 2s steps(5, start) infinite;
    -webkit-animation: blink 2s steps(5, start) infinite;
}
@keyframes blink {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}