ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/footer.css

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