diff options
Diffstat (limited to 'framework/src/onos/web/gui/src/main/webapp/app/fw/widget/table.css')
| -rw-r--r-- | framework/src/onos/web/gui/src/main/webapp/app/fw/widget/table.css | 215 |
1 files changed, 0 insertions, 215 deletions
diff --git a/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/table.css b/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/table.css deleted file mode 100644 index 356ac0f7..00000000 --- a/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/table.css +++ /dev/null @@ -1,215 +0,0 @@ -/* - * 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. - */ - -/* ------ for summary-list tables ------ */ - -div.summary-list { - margin: 0 20px 16px 10px; - font-size: 10pt; - border-spacing: 0; -} - -div.loading-wheel { - display: inline-block; - position: absolute; - margin-top: 40px; - left: 47%; - animation: spin reverse 2s ease infinite; - z-index: 1000; -} - -@keyframes spin { - to { - transform: rotate(360deg); - } -} - -div.loading-wheel svg.embeddedIcon g.icon .glyph { - opacity: .8; -} -.light div.loading-wheel svg.embeddedIcon g.icon .glyph { - fill: #964949; -} -.dark div.loading-wheel svg.embeddedIcon g.icon .glyph { - fill: whitesmoke; -} - -div.summary-list table { - border-collapse: collapse; - table-layout: fixed; - empty-cells: show; - margin: 0; -} - -div.summary-list div.table-body { - overflow-y: scroll; -} - -div.summary-list div.table-body::-webkit-scrollbar { - display: none; -} - -div.summary-list tr.no-data td { - text-align: center; - font-style: italic; -} - -.light div.summary-list tr:nth-child(even) { - background-color: #ddd; -} -.light div.summary-list tr:nth-child(odd) { - background-color: #eee; -} -.dark div.summary-list tr:nth-child(even) { - background-color: #333; -} -.dark div.summary-list tr:nth-child(odd) { - background-color: #444; -} - -.light div.summary-list tr.selected { - background-color: deepskyblue !important; -} - -.dark div.summary-list tr.selected { - background-color: #304860; -} - -/* highlighting */ -div.summary-list tr { - transition: background-color 500ms; -} -.light div.summary-list tr.data-change { - background-color: #FDFFDC; -} -.dark div.summary-list tr.data-change { - background-color: #5A5600; -} - -div.summary-list td { - padding: 6px; - text-align: left; - word-wrap: break-word; -} - -div.summary-list .table-header td { - letter-spacing: 0.02em; - cursor: pointer; - font-weight: bold; -} -div.summary-list .table-header td:first-child { - border-radius: 8px 0 0 0; -} -div.summary-list .table-header td:last-child { - border-radius: 0 8px 0 0; -} - -.light div.summary-list .table-header td { - background-color: #bbb; -} -.dark div.summary-list .table-header td { - background-color: #222; - color: #ccc; -} - -/* rows are selectable */ -div.summary-list .table-body td { - cursor: pointer; -} - -.dark div.summary-list td { - color: #ccc; -} - -/* 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; -} - -div.ctrl-btns div.separator { - cursor: auto; - width: 24px; - border: none; -} - -/* 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; -} - -/* Refresh button specific */ -.light .ctrl-btns div.refresh.active g.icon rect { - fill: #964949; -} - -.dark .ctrl-btns div.refresh.active g.icon rect { - fill: #9B4641; -} -.light .ctrl-btns div.refresh:hover g.icon rect { - fill: #964949; -} - -.dark .ctrl-btns div.refresh:hover g.icon rect { - fill: #9B4641; -} |