Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 1 | /* |
Thomas Vachuska | 781d18b | 2014-10-27 10:31:25 -0700 | [diff] [blame^] | 2 | * Licensed to the Apache Software Foundation (ASF) under one |
| 3 | * or more contributor license agreements. See the NOTICE file |
| 4 | * distributed with this work for additional information |
| 5 | * regarding copyright ownership. The ASF licenses this file |
| 6 | * to you under the Apache License, Version 2.0 (the |
| 7 | * "License"); you may not use this file except in compliance |
| 8 | * with the License. You may obtain a copy of the License at |
| 9 | * |
| 10 | * http://www.apache.org/licenses/LICENSE-2.0 |
| 11 | * |
| 12 | * Unless required by applicable law or agreed to in writing, |
| 13 | * software distributed under the License is distributed on an |
| 14 | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| 15 | * KIND, either express or implied. See the License for the |
| 16 | * specific language governing permissions and limitations |
| 17 | * under the License. |
| 18 | */ |
| 19 | |
| 20 | /* |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 21 | ONOS CSS file |
| 22 | |
| 23 | @author Simon Hunt |
| 24 | */ |
| 25 | |
| 26 | body, html { |
| 27 | height: 100%; |
| 28 | } |
| 29 | |
| 30 | /* |
| 31 | * Classes |
| 32 | */ |
| 33 | |
| 34 | span.title { |
Simon Hunt | 19cb098 | 2014-10-23 16:44:49 -0700 | [diff] [blame] | 35 | color: #37b; |
| 36 | font-size: 14pt; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 37 | font-style: italic; |
Simon Hunt | 19cb098 | 2014-10-23 16:44:49 -0700 | [diff] [blame] | 38 | vertical-align: 10px; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 39 | } |
| 40 | |
| 41 | span.radio { |
| 42 | color: darkslateblue; |
Simon Hunt | 19cb098 | 2014-10-23 16:44:49 -0700 | [diff] [blame] | 43 | font-size: 10pt; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 44 | } |
| 45 | |
| 46 | span.right { |
| 47 | float: right; |
| 48 | } |
| 49 | |
| 50 | /* |
| 51 | * === DEBUGGING ====== |
| 52 | */ |
| 53 | svg { |
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 54 | /*border: 1px dashed red;*/ |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 55 | } |
| 56 | |
| 57 | |
| 58 | /* |
| 59 | * Network Graph elements ====================================== |
| 60 | */ |
| 61 | |
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 62 | svg .link { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 63 | fill: none; |
| 64 | stroke: #666; |
| 65 | stroke-width: 1.5px; |
| 66 | opacity: .7; |
| 67 | /*marker-end: url(#end);*/ |
| 68 | |
| 69 | transition: opacity 250ms; |
| 70 | -webkit-transition: opacity 250ms; |
| 71 | -moz-transition: opacity 250ms; |
| 72 | } |
| 73 | |
| 74 | marker#end { |
| 75 | fill: #666; |
| 76 | stroke: #666; |
| 77 | stroke-width: 1.5px; |
| 78 | } |
| 79 | |
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 80 | svg .node rect { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 81 | stroke-width: 1.5px; |
| 82 | |
| 83 | transition: opacity 250ms; |
| 84 | -webkit-transition: opacity 250ms; |
| 85 | -moz-transition: opacity 250ms; |
| 86 | } |
| 87 | |
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 88 | svg .node.device.roadm rect { |
| 89 | fill: #229; |
| 90 | } |
| 91 | svg .node.device.switch rect { |
| 92 | fill: #55f; |
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 93 | } |
| 94 | |
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 95 | svg .node.host rect { |
| 96 | fill: #787; |
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 97 | } |
| 98 | |
| 99 | svg .node text { |
| 100 | fill: white; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 101 | font: 10px sans-serif; |
| 102 | pointer-events: none; |
| 103 | } |
| 104 | |
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 105 | svg .node.selected rect { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 106 | filter: url(#blue-glow); |
| 107 | } |
| 108 | |
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 109 | svg .link.inactive, |
| 110 | svg .node.inactive rect, |
Simon Hunt | 1c5f8b6 | 2014-10-22 14:43:01 -0700 | [diff] [blame] | 111 | svg .node.inactive text, |
| 112 | svg .node.inactive image { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 113 | opacity: .2; |
| 114 | } |
| 115 | |
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 116 | svg .node.inactive.selected rect, |
Simon Hunt | 1c5f8b6 | 2014-10-22 14:43:01 -0700 | [diff] [blame] | 117 | svg .node.inactive.selected text, |
| 118 | svg .node.inactive.selected image { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 119 | opacity: .6; |
| 120 | } |
| 121 | |
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 122 | svg .legend { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 123 | position: fixed; |
| 124 | } |
| 125 | |
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 126 | svg .legend .category rect { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 127 | stroke-width: 1px; |
| 128 | } |
| 129 | |
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 130 | svg .legend .category text { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 131 | fill: #000; |
| 132 | font: 10px sans-serif; |
| 133 | pointer-events: none; |
| 134 | } |
| 135 | |
| 136 | /* |
| 137 | * ============================================================= |
| 138 | */ |
| 139 | |
| 140 | /* |
| 141 | * Specific structural elements |
| 142 | */ |
| 143 | |
| 144 | #frame { |
| 145 | width: 100%; |
| 146 | height: 100%; |
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 147 | background-color: #fff; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 148 | } |
| 149 | |
| 150 | #mast { |
Simon Hunt | 19cb098 | 2014-10-23 16:44:49 -0700 | [diff] [blame] | 151 | height: 36px; |
| 152 | padding: 4px; |
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 153 | background-color: #ccc; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 154 | vertical-align: baseline; |
| 155 | } |
| 156 | |