web/gui/src/main/webapp/app/common.css

/*
 * Copyright 2015 Open Networking Laboratory
 *
 * Licensed 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.
 */

/*
 ONOS GUI -- common -- CSS file
 */

#view h2 {
    margin: 0;
    /* separated out so that other padding doesn't get clobbered */
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Tabular view upper right control buttons */

div.ctrl-btns {
    display: inline-block;
    float: right;
    height: 44px;
    margin-right: 24px;
    margin-top: 7px;
}


div.ctrl-btns div {
    display: inline-block;
    padding: 4px;
    cursor: pointer;
}

/* Inactive */
.light .ctrl-btns div g.icon rect,
.light .ctrl-btns div:hover g.icon rect {
    fill: #eee;
}
.dark .ctrl-btns div g.icon rect,
.dark .ctrl-btns div:hover g.icon rect {
    fill: #222;
}

.light .ctrl-btns div g.icon use {
    fill: #ddd;
}
.dark .ctrl-btns div g.icon use {
    fill: #333;
}

/* Active hover */
.light .ctrl-btns div.active:hover g.icon rect {
    fill: #800;
}

.dark .ctrl-btns div.active:hover g.icon rect {
    fill: #CE5650;
}

/* Active */
.light .ctrl-btns div.active g.icon use {
    fill: #fff;
}
.dark .ctrl-btns div.active g.icon use {
    fill: #eee;
}

.light .ctrl-btns div.active g.icon rect {
    fill: #bbb;
}
.dark .ctrl-btns div.active g.icon rect {
    fill: #444;
}