ambari/ambari-web/app/styles/application.less

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

html, body {
    height: 100%;
}

#wrapper {
    min-height: 100%;
}

@footer-height: 100px;

#main {
    overflow: auto;
    padding-bottom: @footer-height;
}

footer {
    position: relative;
    border-top: 1px solid #e5e5e5;
    padding: 30px 0;
    background-color: #fff;
    color: #666666;
    margin-top: -1 * @footer-height;
    height: @footer-height - 60px;
}

#content {
    padding: 40px 0;
}

@green: #69BE28;

h1 {
  color: @green;
}

.login.well.span4 {
    margin: 20px auto;
    padding: 25px;
    float: none;
}

.login {
    h2 {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .btn {
        margin-top: 15px;
    }
}

#installer {
    h2 {
        margin-top: 0;
    }
    .btn.btn-success {
        /* float: right; */
    }
    .btn-area {
        margin-top: 20px;
    }
    #installer-content {
        padding: 25px;
        background-color: #fff;

    }
    #step4, #step6 {
        a.selected {
            color: #333;
        }
        a.deselected {
        }
    }
    #serviceConfig {
        .accordion-heading {
            background-color: #f0f0f0;
        }
        .accordion-group {
            margin-bottom: 20px;
            .control-group {
                margin: 10px 0;
            }
            form {
                margin-bottom: 0;
            }
        }
        .badge {
            margin-left: 4px;
        }
        .add-slave-component-group {
            margin-bottom: 20px;
        }
        .master-host, .master-hosts, .slave-hosts {
            padding-top: 5px;
            line-height: 20px;
        }
        #attention {
            margin: 20px 0;
        }
        .retyped-password {
            margin-left: 14px;
        }
        #slave-hosts-popup {
            ul {
                list-style-type: none;
            }
        }
    }
}

a:focus {
    outline: none;
}

/*assign masters*/

.assign-masters {
  .select-hosts{
    width:50%;
    float:left;
    white-space:nowrap;
  }

  .round-corners{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .host-assignments{
    float:right;
    width:45%;
  }

  .remaining-hosts{
    padding:25px;
    border-top:solid 1px #cccccc;
    border-left:solid 1px #cccccc;
    border-right:groove 5px #cccccc;
    border-bottom:groove 5px #cccccc;
    margin-top:20px;
    background-color: #FCF8E3;
    color: #C09853;
  }

  .host-assignments .mapping-box{
    border:solid 1px #cccccc;
    padding: 8px;
    margin-bottom:10px;
    background-color: #FFFAFA;
  }

  .host-assignments .assignedService{
    padding:5px;
    border:solid 1px #cccccc;
    margin:2px;
    background-color: #69BE28;
    color:white;
    white-space: nowrap;
    font-size: 0.9em;
  }

  .form-horizontal .controls {
    margin-left: 110px;
  }

  .form-horizontal .control-label {
    width:100px;
  }

  .form-horizontal .control-group select {
    width:75%;
    min-width:100px;
    max-width:250px;
  }

  .hostString{
    margin-bottom: 5px;
  }

  .controls .badge{
    background-color: #ADC299;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }

  .assign-master  .controls .badge:hover{
    background-color: #99B280;
  }

  .alertFlag{
    font-size: 1.3em;
    color: #B94A48;
    font-weight: bold;
    vertical-align: middle;
  }
}

/*end assign masters*/