Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 1 | /* |
| 2 | * Copyright 2015 Open Networking Laboratory |
| 3 | * |
| 4 | * Licensed under the Apache License, Version 2.0 (the "License"); |
| 5 | * you may not use this file except in compliance with the License. |
| 6 | * You may obtain a copy of the License at |
| 7 | * |
| 8 | * http://www.apache.org/licenses/LICENSE-2.0 |
| 9 | * |
| 10 | * Unless required by applicable law or agreed to in writing, software |
| 11 | * distributed under the License is distributed on an "AS IS" BASIS, |
| 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. |
| 15 | */ |
| 16 | |
| 17 | /* ------ for summary-list tables ------ */ |
| 18 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 19 | div.summary-list { |
| 20 | margin: 0 20px 16px 10px; |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 21 | font-size: 10pt; |
| 22 | border-spacing: 0; |
| 23 | } |
| 24 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 25 | div.summary-list table { |
| 26 | border-collapse: collapse; |
| 27 | table-layout: fixed; |
| 28 | empty-cells: show; |
| 29 | margin: 0; |
| 30 | } |
| 31 | |
| 32 | div.summary-list div.table-body { |
| 33 | overflow-y: scroll; |
| 34 | } |
| 35 | |
Bri Prebilic Cole | 0a6ffb6 | 2015-06-04 09:32:12 -0700 | [diff] [blame] | 36 | div.summary-list div.table-body::-webkit-scrollbar { |
| 37 | display: none; |
| 38 | } |
| 39 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 40 | div.summary-list tr.no-data td { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 41 | text-align: center; |
| 42 | font-style: italic; |
| 43 | } |
| 44 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 45 | .light div.summary-list tr:nth-child(even) { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 46 | background-color: #ddd; |
| 47 | } |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 48 | .light div.summary-list tr:nth-child(odd) { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 49 | background-color: #eee; |
| 50 | } |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 51 | .dark div.summary-list tr:nth-child(even) { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 52 | background-color: #333; |
| 53 | } |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 54 | .dark div.summary-list tr:nth-child(odd) { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 55 | background-color: #444; |
| 56 | } |
| 57 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 58 | .light div.summary-list tr.selected { |
Simon Hunt | 4e41273 | 2015-10-27 15:25:39 -0700 | [diff] [blame] | 59 | background-color: deepskyblue !important; |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 60 | } |
| 61 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 62 | .dark div.summary-list tr.selected { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 63 | background-color: #304860; |
| 64 | } |
| 65 | |
Bri Prebilic Cole | 0bc4de2 | 2015-07-20 17:07:55 -0700 | [diff] [blame] | 66 | /* highlighting */ |
| 67 | div.summary-list tr { |
| 68 | transition: background-color 500ms; |
| 69 | } |
| 70 | .light div.summary-list tr.data-change { |
| 71 | background-color: #FDFFDC; |
| 72 | } |
| 73 | .dark div.summary-list tr.data-change { |
| 74 | background-color: #5A5600; |
| 75 | } |
| 76 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 77 | div.summary-list td { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 78 | padding: 6px; |
| 79 | text-align: left; |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 80 | word-wrap: break-word; |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 81 | } |
| 82 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 83 | div.summary-list .table-header td { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 84 | letter-spacing: 0.02em; |
| 85 | cursor: pointer; |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 86 | font-weight: bold; |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 87 | } |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 88 | div.summary-list .table-header td:first-child { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 89 | border-radius: 8px 0 0 0; |
| 90 | } |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 91 | div.summary-list .table-header td:last-child { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 92 | border-radius: 0 8px 0 0; |
| 93 | } |
| 94 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 95 | .light div.summary-list .table-header td { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 96 | background-color: #bbb; |
| 97 | } |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 98 | .dark div.summary-list .table-header td { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 99 | background-color: #222; |
| 100 | color: #ccc; |
| 101 | } |
| 102 | |
| 103 | /* rows are selectable */ |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 104 | div.summary-list .table-body td { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 105 | cursor: pointer; |
| 106 | } |
| 107 | |
Bri Prebilic Cole | e568ead | 2015-05-01 09:51:28 -0700 | [diff] [blame] | 108 | .dark div.summary-list td { |
Bri Prebilic Cole | 264c5ec | 2015-04-07 10:22:26 -0700 | [diff] [blame] | 109 | color: #ccc; |
| 110 | } |
Bri Prebilic Cole | 41d6765 | 2015-06-02 10:23:04 -0700 | [diff] [blame] | 111 | |
| 112 | /* Tabular view upper right control buttons */ |
| 113 | |
| 114 | div.ctrl-btns { |
| 115 | display: inline-block; |
| 116 | float: right; |
| 117 | height: 44px; |
| 118 | margin-right: 24px; |
| 119 | margin-top: 7px; |
| 120 | } |
| 121 | |
| 122 | |
| 123 | div.ctrl-btns div { |
| 124 | display: inline-block; |
| 125 | padding: 4px; |
| 126 | cursor: pointer; |
| 127 | } |
| 128 | |
Bri Prebilic Cole | 9b1fb9a | 2015-07-01 13:57:11 -0700 | [diff] [blame] | 129 | div.ctrl-btns div.separator { |
| 130 | cursor: auto; |
| 131 | width: 24px; |
| 132 | border: none; |
| 133 | } |
| 134 | |
Bri Prebilic Cole | 41d6765 | 2015-06-02 10:23:04 -0700 | [diff] [blame] | 135 | /* Inactive */ |
| 136 | .light .ctrl-btns div g.icon rect, |
| 137 | .light .ctrl-btns div:hover g.icon rect { |
| 138 | fill: #eee; |
| 139 | } |
| 140 | .dark .ctrl-btns div g.icon rect, |
| 141 | .dark .ctrl-btns div:hover g.icon rect { |
| 142 | fill: #222; |
| 143 | } |
| 144 | |
| 145 | .light .ctrl-btns div g.icon use { |
| 146 | fill: #ddd; |
| 147 | } |
| 148 | .dark .ctrl-btns div g.icon use { |
| 149 | fill: #333; |
| 150 | } |
| 151 | |
| 152 | /* Active hover */ |
| 153 | .light .ctrl-btns div.active:hover g.icon rect { |
| 154 | fill: #800; |
| 155 | } |
| 156 | |
| 157 | .dark .ctrl-btns div.active:hover g.icon rect { |
| 158 | fill: #CE5650; |
| 159 | } |
| 160 | |
| 161 | /* Active */ |
| 162 | .light .ctrl-btns div.active g.icon use { |
| 163 | fill: #fff; |
| 164 | } |
| 165 | .dark .ctrl-btns div.active g.icon use { |
| 166 | fill: #eee; |
| 167 | } |
| 168 | |
| 169 | .light .ctrl-btns div.active g.icon rect { |
| 170 | fill: #bbb; |
| 171 | } |
| 172 | .dark .ctrl-btns div.active g.icon rect { |
| 173 | fill: #444; |
| 174 | } |
| 175 | |
| 176 | /* Refresh button specific */ |
Bri Prebilic Cole | eef67ae | 2015-07-01 16:26:59 -0700 | [diff] [blame] | 177 | .light .ctrl-btns div.refresh.active g.icon rect { |
| 178 | fill: #964949; |
| 179 | } |
| 180 | |
| 181 | .dark .ctrl-btns div.refresh.active g.icon rect { |
| 182 | fill: #9B4641; |
| 183 | } |
Bri Prebilic Cole | 41d6765 | 2015-06-02 10:23:04 -0700 | [diff] [blame] | 184 | .light .ctrl-btns div.refresh:hover g.icon rect { |
Bri Prebilic Cole | eef67ae | 2015-07-01 16:26:59 -0700 | [diff] [blame] | 185 | fill: #964949; |
Bri Prebilic Cole | 41d6765 | 2015-06-02 10:23:04 -0700 | [diff] [blame] | 186 | } |
| 187 | |
| 188 | .dark .ctrl-btns div.refresh:hover g.icon rect { |
Bri Prebilic Cole | eef67ae | 2015-07-01 16:26:59 -0700 | [diff] [blame] | 189 | fill: #9B4641; |
Bri Prebilic Cole | 41d6765 | 2015-06-02 10:23:04 -0700 | [diff] [blame] | 190 | } |