blob: 84fa842a55f75ee231b8e2aafa5f694e461e89d1 [file] [log] [blame]
Matteo Scandolo4eb4ccb2016-01-26 11:02:16 -08001/*
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
17div#bundle div.main-left {
18 width: 61%;
19 padding: 4% 0 0 1%;
20}
21div#bundle div.main-right {
22 width: 37%;
23 padding-top: 4%;
24}
25
26#bundle table {
27 width: 95%;
28 margin-top: 5%;
29 margin-left: 2%;
30 border-radius: 3px;
31}
32
33#bundle td {
34 font-size: 90%;
35}
36#bundle td.icon {
37 text-align: center;
38 width: 50px;
39 height: 50px;
40 padding: 4%;
41}
42#bundle td.name {
43 border-left: solid 1px rgba(136, 0, 0, 0.25);
44 padding-left: 3%;
45}
46#bundle td.desc {
47 width: 60%;
48 text-align: left;
49 font-style: italic;
50}
51/* animation specific */
52#bundle tr.fadein.ng-leave td.name,
53#bundle tr.fadein.ng-leave-active td.name {
54 opacity: 0;
55 border: none;
56}
57
58#bundle img {
59 width: 100%;
60}
61
62#bundle h2 {
63 text-align: center;
64 padding: 3%;
65 font-weight: lighter;
66 border: 1px solid #3C3C3C;
67 cursor: pointer;
68}
69#bundle h2:hover {
70 color: #CE5650;
71 border-color: #CE5650;
72}
73
74div#bundles {
75 position: relative;
76}
77
78div#available.ng-hide-add.ng-hide-add-active,
79div#available.ng-hide-remove.ng-hide-remove-active {
80 -webkit-transition: all linear 0.5s;
81 transition: all linear 0.5s;
82}
83div#available.ng-hide {
84 opacity: 0;
85 top: -80px;
86}
87
88div#available {
89 position: absolute;
90 padding: 5%;
91 opacity: 1;
92 top: -10px;
93 width: 100%;
94}
95
96#available p {
97 text-indent: initial;
98 text-align: initial;
99}
100
101#available button {
102 float: right;
103 width: 33%;
104 margin-top: 5%;
105}