blob: 84fa842a55f75ee231b8e2aafa5f694e461e89d1 [file] [log] [blame]
/*
* 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%;
}