Thomas Vachuska | 0fa583c | 2015-03-30 23:07:41 -0700 | [diff] [blame] | 1 | /* |
Brian O'Connor | 5ab426f | 2016-04-09 01:19:45 -0700 | [diff] [blame] | 2 | * Copyright 2015-present Open Networking Laboratory |
Thomas Vachuska | 0fa583c | 2015-03-30 23:07:41 -0700 | [diff] [blame] | 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 | /* |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 18 | ONOS GUI -- Applications View -- CSS file |
Thomas Vachuska | 0fa583c | 2015-03-30 23:07:41 -0700 | [diff] [blame] | 19 | */ |
| 20 | |
Simon Hunt | 3695a62 | 2015-03-31 11:52:23 -0700 | [diff] [blame] | 21 | #ov-app h2 { |
| 22 | display: inline-block; |
| 23 | } |
| 24 | |
| 25 | #ov-app div.ctrl-btns { |
Bri Prebilic Cole | 3d4d01c | 2015-04-30 13:48:36 -0700 | [diff] [blame] | 26 | width: 290px; |
Simon Hunt | 3695a62 | 2015-03-31 11:52:23 -0700 | [diff] [blame] | 27 | } |
| 28 | |
Bri Prebilic Cole | 522e756 | 2015-06-22 15:56:25 -0700 | [diff] [blame] | 29 | #ov-app form#inputFileForm, |
| 30 | #ov-app input#uploadFile { |
| 31 | display: none; |
| 32 | } |
Simon Hunt | 8d28a55 | 2016-01-11 14:01:02 -0800 | [diff] [blame] | 33 | |
| 34 | #app-dialog p { |
Simon Hunt | 8d28a55 | 2016-01-11 14:01:02 -0800 | [diff] [blame] | 35 | font-size: 12pt; |
| 36 | } |
Simon Hunt | a003d8a | 2016-01-11 16:38:30 -0800 | [diff] [blame] | 37 | .light #app-dialog p { |
| 38 | color: darkred; |
| 39 | } |
| 40 | .dark #app-dialog p { |
| 41 | color: #c55; |
| 42 | } |
| 43 | |
Simon Hunt | 3f92c43 | 2016-01-12 17:34:23 -0800 | [diff] [blame] | 44 | #app-dialog p.strong { |
| 45 | font-weight: bold; |
| 46 | } |
| 47 | .light #app-dialog p.strong { |
| 48 | color: red; |
| 49 | background-color: #ff0; |
| 50 | } |
| 51 | .dark #app-dialog p.strong { |
| 52 | color: #c55; |
| 53 | background-color: #dd4; |
| 54 | } |
| 55 | |
Simon Hunt | a003d8a | 2016-01-11 16:38:30 -0800 | [diff] [blame] | 56 | |
| 57 | .light #app-dialog.floatpanel.dialog { |
| 58 | background-color: #fff; |
| 59 | } |
| 60 | .dark #app-dialog.floatpanel.dialog { |
| 61 | background-color: #444; |
| 62 | } |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 63 | |
| 64 | #application-details-panel.floatpanel { |
| 65 | -moz-border-radius: 0; |
| 66 | border-radius: 0; |
| 67 | z-index: 0; |
| 68 | } |
| 69 | |
| 70 | .light #application-details-panel.floatpanel { |
| 71 | background-color: rgb(229, 234, 237); |
| 72 | } |
| 73 | .dark #application-details-panel.floatpanel { |
| 74 | background-color: #3A4042; |
| 75 | } |
| 76 | |
| 77 | #application-details-panel .container { |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 78 | padding: 0 10px; |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 79 | } |
| 80 | |
| 81 | #application-details-panel .close-btn { |
| 82 | position: absolute; |
| 83 | right: 10px; |
| 84 | top: 0; |
| 85 | cursor: pointer; |
| 86 | } |
| 87 | .light .close-btn svg.embeddedIcon .icon.plus .glyph { |
| 88 | fill: #aaa; |
| 89 | } |
| 90 | .dark .close-btn svg.embeddedIcon .icon.plus .glyph { |
| 91 | fill: #ccc; |
| 92 | } |
| 93 | |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 94 | #application-details-panel .app-icon { |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 95 | display: inline-block; |
| 96 | padding: 0 6px 0 0; |
| 97 | vertical-align: middle; |
| 98 | } |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 99 | |
| 100 | #application-details-panel h2 { |
| 101 | display: inline-block; |
| 102 | margin: 8px 0; |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 103 | font-size: 12pt; |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 104 | } |
| 105 | |
Simon Hunt | 877ee98 | 2016-03-09 10:53:16 -0800 | [diff] [blame] | 106 | #application-details-panel .top .app-title { |
| 107 | width: 90%; |
| 108 | height: 45px; |
| 109 | font-size: 22pt; |
| 110 | font-weight: bold; |
| 111 | overflow: hidden; |
| 112 | white-space: nowrap; |
| 113 | padding: 0 12px 0 0; |
| 114 | } |
| 115 | |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 116 | #application-details-panel .top div.left { |
| 117 | float: left; |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 118 | padding: 0 12px 0 0; |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 119 | } |
| 120 | #application-details-panel .top div.right { |
| 121 | display: inline-block; |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 122 | overflow: hidden; |
| 123 | width: 320px; |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 124 | } |
| 125 | |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 126 | #application-details-panel td.label, |
| 127 | #application-details-panel .app-url i { |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 128 | font-style: italic; |
| 129 | padding-right: 12px; |
| 130 | /* works for both light and dark themes ... */ |
| 131 | color: #777; |
| 132 | } |
| 133 | |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 134 | #application-details-panel td.value-bold { |
| 135 | font-weight: bold; |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 136 | } |
| 137 | |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 138 | #application-details-panel .app-url { |
| 139 | padding: 10px 6px 6px; |
| 140 | } |
| 141 | |
| 142 | #application-details-panel hr { |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 143 | width: 95%; |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 144 | margin: 10px auto; |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 145 | } |
Jian Li | da253e0 | 2016-01-21 17:46:17 -0800 | [diff] [blame] | 146 | .light #application-details-panel hr { |
| 147 | opacity: .5; |
| 148 | border-color: #FFF; |
| 149 | } |
| 150 | .dark #application-details-panel hr { |
| 151 | border-color: #666; |
| 152 | } |
| 153 | |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 154 | #application-details-panel .bottom table { |
| 155 | border-spacing: 0; |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 156 | width: 100%; |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 157 | } |
| 158 | |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 159 | #application-details-panel .bottom td { |
| 160 | padding: 6px 12px; |
Simon Hunt | 3164293 | 2016-01-22 20:34:00 -0800 | [diff] [blame] | 161 | text-align: left; |
Jian Li | a54de5a | 2016-01-20 23:10:39 -0800 | [diff] [blame] | 162 | } |
| 163 | |
| 164 | .light #application-details-panel .bottom tr:nth-child(odd) { |
| 165 | background-color: #f9f9f9; |
| 166 | } |
| 167 | .light #application-details-panel .bottom tr:nth-child(even) { |
| 168 | background-color: #EBEDF2; |
| 169 | } |
| 170 | .dark #application-details-panel .bottom tr:nth-child(odd) { |
| 171 | background-color: #333; |
| 172 | } |
| 173 | .dark #application-details-panel .bottom tr:nth-child(even) { |
| 174 | background-color: #555; |
Thomas Vachuska | a42ce0b | 2016-03-09 09:02:49 -0800 | [diff] [blame] | 175 | } |
Thomas Vachuska | ebf3be0 | 2016-04-11 09:52:06 -0700 | [diff] [blame^] | 176 | |
| 177 | .dropping { |
| 178 | |
| 179 | } |
| 180 | |
| 181 | .light div.dropping { |
| 182 | border: solid 3px deepskyblue; |
| 183 | } |
| 184 | |
| 185 | .dark div.dropping { |
| 186 | border: solid 3px deepskyblue; |
| 187 | } |