hadoop/hadoop-hdfs-project/hadoop-hdfs/src/main/webapps/static/hadoop.css

/*
* 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.
*/

body {
  background-color : #ffffff;
  font-family : sans-serif;
}

.small {
  font-size : smaller;
}

div#dfsnodetable tr#row1, div.dfstable td.col1 {
	font-weight : bolder;
}

div.dfstable th {
    text-align:left;
	vertical-align : top;
}

div.dfstable td#col3 {
	text-align : right;
}

div#dfsnodetable caption {
	text-align : left;
}

div#dfsnodetable a#title {
	font-size : larger;
	font-weight : bolder;
}

div#dfsnodetable td, th {
        padding-bottom : 4px;
        padding-top : 4px;       
}

div#dfsnodetable A:link, A:visited {
	text-decoration : none;       
}

div#dfsnodetable th.header, th.headerASC, th.headerDSC {
        padding-bottom : 8px;
        padding-top : 8px;       
}
div#dfsnodetable th.header:hover, th.headerASC:hover, th.headerDSC:hover,
                 td.name:hover {
        text-decoration : underline;
	cursor : pointer;
}

div#dfsnodetable td.blocks, td.size, td.pcused, td.adminstate, td.lastcontact {
	text-align : right;
}

div#dfsnodetable .rowNormal .header {
	background-color : #ffffff;
}
div#dfsnodetable .rowAlt, .headerASC, .headerDSC {
	background-color : lightyellow;
}

.warning {
        font-weight : bolder;
        color : red;	
}

div.dfstable table {
	white-space : pre;
}

table.storage, table.nodes {
    border-collapse: collapse;
}

table.storage td {
	padding:10px;
	border:1px solid black;
}

table.nodes td {
	padding:0px;
	border:1px solid black;
}

div#dfsnodetable td, div#dfsnodetable th, div.dfstable td {
	padding-left : 10px;
	padding-right : 10px;
	border:1px solid black;
}

td.perc_filled {
  background-color:#AAAAFF;
}

td.perc_nonfilled {
  background-color:#FFFFFF;
}

line.taskgraphline {
  stroke-width:1;stroke-linecap:round;
}

#quicklinks {
	margin: 0;
	padding: 2px 4px;
	position: fixed;
	top: 0;
	right: 0;
	text-align: right;
	background-color: #eee;
	font-weight: bold;
}

#quicklinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
}

#quicklinks ul {
	display: none;
}

#quicklinks a {
	font-size: smaller;
	text-decoration: none;
}

#quicklinks ul a {
	text-decoration: underline;
}

span.failed {
    color:red;
}

div.security {
    width:100%;
}

#startupprogress table, #startupprogress th, #startupprogress td {
  border-collapse: collapse;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 5px;
  text-align: left;
}

#startupprogress table {
  border: 1px solid black;
}

.phase {
  border-top: 1px solid black;
  font-weight: bold;
}

.current {
  font-style: italic;
}

.later {
  color: gray;
}

.step .startupdesc {
  text-indent: 20px;
}

#startupprogress span {
  font-weight: bold;
}

.panel-success > .panel-heading {
  color: #fff !important;
  background-color: #5FA33E !important;
}

header.bs-docs-nav, header.bs-docs-nav .navbar-brand {
  border-radius: 0px;
  background-color: #5fa33e;
  color: #fff;
}

#ui-tabs > li > a {
  color: #dcf0d3;
}

#ui-tabs .active a {
  color: #fff;
  background-color: #446633;
}

#alert-panel {
  margin-top:20px;
  display: none;
}

.dfshealth-node-capacity-bar {
    margin-bottom:0;
    width: 60%;
}

.dfshealth-node-icon:before {
    font-size: 10pt;
    padding-right: 1pt;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dfshealth-node-alive:before {
    color: #5fa341;
    content: "\e013";
}

.dfshealth-node-decommissioning:before {
    color: #5fa341;
    content: "\e090";
}

.dfshealth-node-decommissioned:before {
    color: #eea236;
    content: "\e090";
}

.dfshealth-node-in-maintenance:before {
    color: #eea236;
    content: "\e136";
}

.dfshealth-node-entering-maintenance:before {
    color: #5fa341;
    content: "\e136";
}

.dfshealth-node-down:before {
    color: #c7254e;
    content: "\e101";
}

.dfshealth-node-down-decommissioned:before {
    color: #c7254e;
    content: "\e017";
}

.dfshealth-node-down-maintenance:before {
    color: #c7254e;
    content: "\e136";
}

.dfshealth-node-legend {
    list-style-type: none;
    text-align: right;
}

.dfshealth-node-legend li {
    display: inline;
    padding: 10pt;
    padding-left: 10pt;
}

.dfshealth-node-legend li:before {
    padding-right: 5pt;
}

.explorer-entry .explorer-browse-links { cursor: pointer; }
.explorer-entry .glyphicon-trash { cursor: pointer; }

.popover {
  max-width: 400px;
}

.explorer-popover-perm-body table  {
  width: 30rem;
}

.explorer-popover-perm-body table > tbody > tr > td {
  text-align: center;
}

.explorer-popover-perm-body label {
    display:inline;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.cut-paste {
  width: 75px;
  min-width: 75px;
  float: right;
  left: 75px;
}

.datanodestatus{
    width:75px;
    height:30px;
    color: #555;
    display: inline-block;
}

.bar rect {
    fill: #5FA33F;
}

.bar text {
    fill: #fff;
    font: 10px sans-serif;
}