diff options
Diffstat (limited to 'framework/src/onos/apps/demo/cord-gui/src/main/webapp/app/view/bundle/bundle.css')
-rw-r--r-- | framework/src/onos/apps/demo/cord-gui/src/main/webapp/app/view/bundle/bundle.css | 105 |
1 files changed, 105 insertions, 0 deletions
diff --git a/framework/src/onos/apps/demo/cord-gui/src/main/webapp/app/view/bundle/bundle.css b/framework/src/onos/apps/demo/cord-gui/src/main/webapp/app/view/bundle/bundle.css new file mode 100644 index 00000000..84fa842a --- /dev/null +++ b/framework/src/onos/apps/demo/cord-gui/src/main/webapp/app/view/bundle/bundle.css @@ -0,0 +1,105 @@ +/* + * 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. + */ + +div#bundle div.main-left { + width: 61%; + padding: 4% 0 0 1%; +} +div#bundle div.main-right { + width: 37%; + padding-top: 4%; +} + +#bundle table { + width: 95%; + margin-top: 5%; + margin-left: 2%; + border-radius: 3px; +} + +#bundle td { + font-size: 90%; +} +#bundle td.icon { + text-align: center; + width: 50px; + height: 50px; + padding: 4%; +} +#bundle td.name { + border-left: solid 1px rgba(136, 0, 0, 0.25); + padding-left: 3%; +} +#bundle td.desc { + width: 60%; + text-align: left; + font-style: italic; +} +/* animation specific */ +#bundle tr.fadein.ng-leave td.name, +#bundle tr.fadein.ng-leave-active td.name { + opacity: 0; + border: none; +} + +#bundle img { + width: 100%; +} + +#bundle h2 { + text-align: center; + padding: 3%; + font-weight: lighter; + border: 1px solid #3C3C3C; + cursor: pointer; +} +#bundle h2:hover { + color: #CE5650; + border-color: #CE5650; +} + +div#bundles { + position: relative; +} + +div#available.ng-hide-add.ng-hide-add-active, +div#available.ng-hide-remove.ng-hide-remove-active { + -webkit-transition: all linear 0.5s; + transition: all linear 0.5s; +} +div#available.ng-hide { + opacity: 0; + top: -80px; +} + +div#available { + position: absolute; + padding: 5%; + opacity: 1; + top: -10px; + width: 100%; +} + +#available p { + text-indent: initial; + text-align: initial; +} + +#available button { + float: right; + width: 33%; + margin-top: 5%; +} |