epsdk-app-onap/src/main/webapp/app/fusion/external/ebz/ebz_header/footer.css

   1 /* Please include base.less file to make this footer work*/\r
   2 /*font family*/\r
   3 .footerContainer {\r
   4   background: none repeat scroll 0 0 #222;\r
   5   width: 100%;\r
   6   margin: 0 auto;\r
   7   background-color: #222;\r
   8   position: relative;\r
   9   z-index: 2;\r
  10 }\r
  11 .footerContainer.stickyFooter {\r
  12   position: absolute;\r
  13   left: 0;\r
  14   right: 0;\r
  15 }\r
  16 .footerContainer .footerWrapper {\r
  17   width: 1080px;\r
  18   margin: 0 auto;\r
  19   background-color: #222;\r
  20 }\r
  21 .footerContainer .footerWrapper .footerItem {\r
  22   width: 980px;\r
  23   height: 60px;\r
  24   line-height: 1;\r
  25   margin: auto;\r
  26   overflow: hidden;\r
  27   font-family: clearviewatt;\r
  28   font-size: 12px;\r
  29   color: #ffffff;\r
  30 }\r
  31 .footerContainer .footerWrapper .footerItem .divider {\r
  32   border-bottom: 1px solid #ffffff;\r
  33   margin-top: 10px;\r
  34   margin-bottom: 10px;\r
  35   width: 100px;\r
  36 }\r
  37 .footerContainer .footerWrapper .footerItem .customerSupport {\r
  38   float: left;\r
  39   width: 160px;\r
  40   margin-left: 30px;\r
  41 }\r
  42 .footerContainer .footerWrapper .footerItem .customerSupport .customerHelp {\r
  43   font-size: 14px;\r
  44   margin-bottom: 20px;\r
  45   margin-top: 45px;\r
  46 }\r
  47 .footerContainer .footerWrapper .footerItem .customerSupport a {\r
  48   color: #ffffff !important;\r
  49 }\r
  50 .footerContainer .footerWrapper .footerItem .customerSupport a:hover {\r
  51   text-decoration: none;\r
  52 }\r
  53 .footerContainer .footerWrapper .footerItem .legalInfo {\r
  54   float: left;\r
  55   width: 160px;\r
  56 }\r
  57 .footerContainer .footerWrapper .footerItem .legalInfo .legal {\r
  58   font-size: 14px;\r
  59   margin-bottom: 20px;\r
  60   margin-top: 45px;\r
  61 }\r
  62 .footerContainer .footerWrapper .footerItem .legalInfo a {\r
  63   color: #ffffff !important;\r
  64 }\r
  65 .footerContainer .footerWrapper .footerItem .legalInfo a:hover {\r
  66   text-decoration: none;\r
  67 }\r
  68 .footerContainer .footerWrapper .footerItem .subscribeSection {\r
  69   float: left;\r
  70   width: 295px;\r
  71 }\r
  72 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave {\r
  73   font-size: 14px;\r
  74   margin-bottom: 20px;\r
  75   margin-top: 45px;\r
  76 }\r
  77 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection {\r
  78   margin-top: 15px;\r
  79   overflow: hidden;\r
  80 }\r
  81 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress {\r
  82   float: left;\r
  83   width: 170px;\r
  84 }\r
  85 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input {\r
  86   background-color: #067AB4;\r
  87   color: #FFFFFF !important;\r
  88   width: 152px;\r
  89   padding: 5px 10px 5px 5px;\r
  90 }\r
  91 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn {\r
  92   background-color: #FFFFFF;\r
  93   border-radius: 1px 5px 5px 1px;\r
  94   color: #067AB4;\r
  95   cursor: pointer;\r
  96   float: left;\r
  97   font-size: 14px;\r
  98   height: 30px;\r
  99   position: relative;\r
 100   right: 7px;\r
 101   text-align: center;\r
 102   top: 1px;\r
 103   vertical-align: middle;\r
 104   width: 95px;\r
 105 }\r
 106 .footerContainer .footerWrapper .footerItem .socialMedia {\r
 107   float: left;\r
 108   margin-left: 0px;\r
 109 }\r
 110 .footerContainer .footerWrapper .footerItem .socialMedia .followAtt {\r
 111   font-size: 14px;\r
 112   margin-bottom: 20px;\r
 113   margin-top: 45px;\r
 114 }\r
 115 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds {\r
 116   margin-left: -8px;\r
 117   margin-top: 20px;\r
 118 }\r
 119 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span {\r
 120   font-size: 30px;\r
 121   margin: 0;\r
 122   padding: 5px;\r
 123 }\r
 124 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a {\r
 125   color: #ffffff;\r
 126   margin: 0;\r
 127   padding: 0;\r
 128   /*width: 30px;*/\r
 129 \r
 130 }\r
 131 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover {\r
 132   text-decoration: none;\r
 133 }\r
 134 .footerContainer .footerWrapper .dividerBottom {\r
 135   border-bottom: 1px solid #ffffff;\r
 136   margin: auto;\r
 137   width: 920px;\r
 138 }\r
 139 .footerContainer .footerWrapper .feedbackSection {\r
 140   margin: auto;\r
 141   width: 920px;\r
 142   display: none;\r
 143 }\r
 144 .footerContainer .footerWrapper .feedbackSection .dividerTop {\r
 145   border-bottom: 1px solid #ffffff;\r
 146   margin: auto;\r
 147   width: 920px;\r
 148 }\r
 149 .footerContainer .footerWrapper .feedbackSection .feedbackContent {\r
 150   margin: 30px auto;\r
 151   height: 240px;\r
 152 }\r
 153 .footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm {\r
 154   height: 120px;\r
 155 }\r
 156 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo {\r
 157   margin-right: 30px;\r
 158   width: 270px;\r
 159   font-family: clearviewatt;\r
 160   font-size: 12px;\r
 161   color: #FFFFFF;\r
 162   float: left;\r
 163   margin-top: -5px;\r
 164 }\r
 165 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText {\r
 166   width: 620px;\r
 167   height: 170px;\r
 168   border: 1px solid #FFFFFF;\r
 169   background-color: #067AB4;\r
 170   border-radius: 5px;\r
 171   font-family: clearviewatt;\r
 172   font-size: 14px;\r
 173   cursor: text;\r
 174   color: #FFFFFF;\r
 175   float: left;\r
 176   padding: 10px;\r
 177   resize: none;\r
 178 }\r
 179 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton {\r
 180   width: 82px;\r
 181   background-color: #FFFFFF;\r
 182   margin-left: 16px;\r
 183   padding: 5px;\r
 184   border-radius: 5px;\r
 185   color: #067AB4;\r
 186   cursor: pointer;\r
 187   font-family: clearviewatt;\r
 188   font-size: 14px;\r
 189   border: none;\r
 190   margin-top: 10px;\r
 191   margin-right: 0px;\r
 192   float: right;\r
 193 }\r
 194 .footerContainer .footerWrapper .feedbackResultMsg {\r
 195   font-family: clearviewatt;\r
 196   font-size: 18px;\r
 197   color: #FFFFFF;\r
 198   line-height: 70px;\r
 199   width: 980px;\r
 200   text-align: center;\r
 201   margin: 0 auto;\r
 202   display: none;\r
 203 }\r
 204 .footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck {\r
 205   margin-right: 20px;\r
 206   font-size: 20px;\r
 207 }\r
 208 .footerContainer .footerWrapper .feedbackResultMsg .feedbackMsgOKButton {\r
 209   width: 82px;\r
 210   height: 30px;\r
 211   line-height: 0px;\r
 212   background-color: #FFFFFF;\r
 213   margin-left: 16px;\r
 214   padding: 5px;\r
 215   border-radius: 5px;\r
 216   color: #067AB4;\r
 217   cursor: pointer;\r
 218   font-family: clearviewatt;\r
 219   font-size: 14px;\r
 220   border: none;\r
 221   margin-top: 20px;\r
 222   margin-right: 30px;\r
 223   float: right;\r
 224 }\r
 225 .footerContainer .footerWrapper #feedbackResultDivider {\r
 226   display: none;\r
 227 }\r
 228 .footerContainer .footerWrapper .feedbackButtonDiv {\r
 229   margin: auto;\r
 230   max-width: 110px;\r
 231 }\r
 232 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton,\r
 233 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton {\r
 234   background-color: #FFFFFF;\r
 235   background: #FFFFFF;\r
 236   margin: -1px auto auto;\r
 237   padding: 5px 10px;\r
 238   border-radius: 0 0 5px 5px;\r
 239   color: #067AB4;\r
 240   cursor: pointer;\r
 241   border: none;\r
 242   font-family: clearviewatt;\r
 243   font-size: 14px;\r
 244 }\r
 245 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span,\r
 246 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span {\r
 247   padding-left: 10px;\r
 248   background-image: none;\r
 249 }\r
 250 .footerContainer .footerWrapper .attFooterInfo {\r
 251   margin: auto;\r
 252   width: 1020px;\r
 253   overflow: hidden;\r
 254   font-family: clearviewatt;\r
 255   font-size: 12px;\r
 256   color: #ffffff;\r
 257   padding-bottom: 15px; \r
 258 }\r
 259 .footerContainer .footerWrapper .attFooterInfo a {\r
 260   color: #ffffff;\r
 261   margin: 0;\r
 262   padding: 0;\r
 263   text-decoration: underline;\r
 264 }\r
 265 .footerContainer .footerWrapper .attFooterInfo .footerLastSection {\r
 266   width: 1020px;\r
 267   overflow: hidden;\r
 268 }\r
 269 .footerContainer .footerWrapper .attFooterInfo span {\r
 270   border-right: 1px solid #ffffff;\r
 271   padding-left: 3px;\r
 272   padding-right: 5px;\r
 273 }\r
 274 .footerContainer .footerWrapper .attFooterInfo span:last-child {\r
 275   border: none;\r
 276 }\r
 277 /* .footerContainer .footerWrapper .attFooterInfo .attLogo {\r
 278   background: url("../images/footer-attolympiclogo.png") repeat-x scroll 0 0 transparent;\r
 279   width: 150px;\r
 280   height: 77px;\r
 281   margin-right: 0;\r
 282   float: left;\r
 283 } */\r
 284 .footerContainer .footerWrapper .attFooterInfo .attQuality {\r
 285   background: url("../images/common/footer/footer-consumerinfo.png") repeat-x scroll 0 0 transparent;\r
 286   margin-right: 103px;\r
 287   float: left;\r
 288   width: 79px;\r
 289   height: 82px;\r
 290   position: relative;\r
 291   top: -5px;\r
 292 }\r
 293 .footerContainer .footerWrapper .attFooterInfo .attAdvertise {\r
 294   float: right;\r
 295   width: 68%;\r
 296   margin-right: 30px;\r
 297 }\r
 298 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy {\r
 299   margin-top: 17px;\r
 300 }\r
 301 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a {\r
 302   text-decoration: underline;\r
 303 }\r
 304 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span {\r
 305   padding: 0px;\r
 306 }\r
 307 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover {\r
 308   text-decoration: underline;\r
 309 }\r
 310 .icon-primary-att-globe:before,\r
 311 .cssIcon-globe:before {\r
 312   content: "\e900";\r
 313   color: #44c7f5;\r
 314 }