ui/css/src/scss/components/dashboard-project.scss

// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements.  See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership.  The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License.  You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied.  See the License for the
// specific language governing permissions and limitations
// under the License.

.project-dashboard .resources form {
  display: inline-block;
  width: 87%;
  /*+border-radius:11px;*/
  margin-top: 17px;
  margin-left: 22px;
  padding: 26px;
  border-radius: 11px;
  border-radius: 11px 11px 11px 11px;
  box-shadow: inset 0 3px 4px #979797;
  background: #ffffff;
  -moz-border-radius: 11px;
  /*+box-shadow:inset 0px 3px 4px #979797;*/
  -webkit-border-radius: 11px;
  -khtml-border-radius: 11px;
  -moz-box-shadow: inset 0 3px 4px #979797;
  -webkit-box-shadow: inset 0 3px 4px #979797;
  -o-box-shadow: inset 0 3px 4px #979797;
}

.project-dashboard .resources form .field {
  float: left;
  clear: both;
  width: 100%;
  margin: auto auto 30px;
}

.project-dashboard .resources form label {
  float: left;
}

.project-dashboard .resources form input[type='text'] {
  float: right;
  width: 176px;
  margin: 0 287px 0 0;
  padding: 6px;
  /*+border-radius:4px;*/
  border: 1px solid #c6c6c6;
  border-radius: 4px;
  border-radius: 4px 4px 4px 4px;
  font-size: 16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
}

.project-dashboard .resources form input[type='submit'] {
  display: block;
  float: left;
  clear: both;
  padding: 9px 20px;
  border: 0;
  border-radius: 4px;
  border-radius: 4px 4px 4px 4px;
  /*+border-radius:4px;*/
  background: transparent url('../images/bg-gradients.png') 0 -220px;
  color: #ffffff;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
}

.detail-view .project-dashboard .resources form {
  width: 83%;
  border-bottom: 1px solid #dbdbdb;
}

.detail-view .project-dashboard .resources form .field input {
  margin-right: 105px;
}

/*** Dashboard*/
.project-dashboard .toolbar {
  position: relative;
}

.project-dashboard .ui-tabs {
  /*+placement:shift 10px -31px;*/
  position: relative;
  top: -31px;
  left: 10px;
}

.project-view .project-dashboard .ui-tabs .multi-edit table td {
  background: #eaeaea;
}

.project-dashboard-view .overview-area {
  float: left;
}

.project-dashboard-view .compute-and-storage .system-dashboard,
.project-dashboard-view .users .system-dashboard {
  float: left;
  width: 510px;
  height: 230px;
  background: #777e88;
}

.project-dashboard-view .compute-and-storage .system-dashboard ul,
.project-dashboard-view .users .system-dashboard ul {
  height: 162px;
  margin: 14px 0 0;
}

.project-dashboard-view .compute-and-storage .system-dashboard li,
.project-dashboard-view .users .system-dashboard li {
  width: 156px;
  height: 161px;
  background: #3d4045;
  color: #ffffff;
}

.project-dashboard-view .compute-and-storage .system-dashboard li .icon,
.project-dashboard-view .users li .icon {
  position: relative;
  position: absolute;
  /*+placement:shift 27px 20px;*/
  top: 20px;
  left: 27px;
  width: 100px;
  height: 76px;
  background: url('../images/sprites.png') no-repeat 2px -1039px;
}

.project-dashboard-view .compute-and-storage .system-dashboard li.storage .icon {
  background-position: -89px -1036px;
}

.project-dashboard-view .compute-and-storage .system-dashboard li.bandwidth .icon {
  background-position: -184px -1036px;
}

.project-dashboard-view .compute-and-storage .system-dashboard li .overview {
  position: relative;
  width: 100%;
  height: 53px;
  margin: 81px 0 0;
  color: #ffffff;
  /*+text-shadow:0px 1px 1px #000000;*/
  text-shadow: 0 1px 1px #000000;
  -moz-text-shadow: 0 1px 1px #000000;
  -webkit-text-shadow: 0 1px 1px #000000;
  -o-text-shadow: 0 1px 1px #000000;
}

.project-dashboard-view .compute-and-storage .system-dashboard li.storage .overview .total {
  position: relative;
  /*+placement:shift 30px 21px;*/
  position: absolute;
  top: 21px;
  left: 30px;
  font-size: 28px;
}

.project-dashboard-view .compute-and-storage .system-dashboard li.storage .overview .label {
  position: relative;
  position: absolute;
  /*+placement:shift 91px 33px;*/
  top: 33px;
  left: 91px;
  font-size: 13px;
  color: #c3c1c1;
}

.project-dashboard-view .compute-and-storage .system-dashboard li .overview .overview-item {
  float: left;
  margin: 12px 0 0 20px;
}

.project-dashboard-view .compute-and-storage .system-dashboard li .overview .overview-item .total {
  font-size: 24px;
  font-weight: bold;
}

.project-dashboard-view .compute-and-storage .system-dashboard li .overview .overview-item .label {
  margin: 4px 0 0;
  font-size: 11px;
  color: #c7c7c7;
}

.project-dashboard-view .compute-and-storage .system-dashboard li .overview .overview-item.running .label {
  color: #2bff2b;
  /*[empty]background-position:;*/
}

.project-dashboard-view .users .system-dashboard {
  clear: both;
  width: 509px;
  height: 100%;
}

.project-dashboard-view .users .system-dashboard ul {
  overflow-y: auto;
}

.project-dashboard-view .users .system-dashboard li {
  width: 86px;
  height: 138px;
  margin-bottom: 24px;
  margin-left: 6px;
}

.project-dashboard-view .users .system-dashboard li .icon {
  left: 16px;
  background-position: -306px -1044px;
}

.project-dashboard-view .users .system-dashboard li .header {
  position: relative;
  position: absolute;
  /*+placement:shift 7px 110px;*/
  top: 110px;
  left: 7px;
  width: 77px;
  max-width: 77px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}