ecomp-portal-FE-os/client/src/views/footer/footer.less

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38  .w-ecomp-footer {
  39     z-index: 101;
  40     background-color: #222;
  41     position: absolute;
  42     bottom: 0;
  43     width: 100%;
  44     height: @footer-height;
  45     .white12r;
  46
  47     a {
  48         .white12r;
  49         font-family: Arial;
  50         font-size: 11px;
  51     }
  52
  53     .footer-image {
  54         margin: auto;
  55
  56     }
  57
  58     .build-number {
  59         float: right;
  60         padding: 5px;
  61     }
  62     .footer-content {
  63         align-items: center;
  64         text-align: center;
  65         vertical-align: middle;
  66         display: flex;
  67         justify-content: center;
  68         //width: @table-width;
  69         margin: auto;
  70
  71     }
  72
  73     [class*="icon-primary-"], .cssIcon-globe:before {
  74             color: #0574ac;
  75             display: inline-block;
  76             font-family: 'icoPrimary' !important;
  77             font-style: normal;
  78             font-size: 20px;
  79             font-weight: normal;
  80             font-variant: normal;
  81             height: 1em;
  82             margin-right: 7px;
  83             text-transform: none;
  84             line-height: 1;
  85             -webkit-font-smoothing: antialiased;
  86             -moz-osx-font-smoothing: grayscale;
  87             position: relative;
  88             speak: none;
  89             -webkit-user-select: none;
  90             -moz-user-select: none;
  91             -ms-user-select: none;
  92             user-select: none;
  93             vertical-align: middle;
  94             width: 1em;
  95         }
  96
  97         .footer-logo {
  98                 color: #000 !important;
  99         }
 100         .footerWrapper .footer-logo .logo-title {
 101             color: #fff;
 102             margin-left: 10px;
 103             display: inline-block;
 104             font-size: 25px;
 105             margin-top: 0px;
 106             font-family: Arial;
 107                 font-weight: normal;
 108         }
 109         .displayInline {
 110                 display: inline-block;
 111                 margin-left: 20px;
 112                 margin-top: 20px;
 113         }
 114         .footerWrapper .copyright-text {
 115             color: #fff;
 116             font-size: 11px;
 117             font-family: Arial;
 118             margin-bottom:0px;
 119             margin-top: 15px;
 120             line-height: 1rem;
 121             margin-top: 20px;
 122             margin-left: 100px;
 123         }
 124         .footerText {
 125                 width: 59%;
 126                 float: left;
 127                 text-align: left;
 128                 margin-left: 50px;
 129         }
 130         .footerLastSection {
 131                 width: 1200px;
 132                 margin: auto;
 133         }
 134         .build-number{
 135                 margin-top:-14px;
 136                 margin-right: -195px;
 137         }
 138         .footer-link{
 139                 text-decoration: underline;
 140         }
 141 }