From 91d04c64771832a0b8815ffbe1f0f9920320d94d Mon Sep 17 00:00:00 2001 From: Pamela Dragosh Date: Tue, 14 Feb 2017 19:41:00 -0500 Subject: Initial OpenECOMP policy/engine commit Change-Id: I7dbff37733b661643dd4d1caefa3d7dccc361b6e Signed-off-by: Pamela Dragosh --- .../app/fusion/external/ebz/ebz_header/footer.css | 311 +++++++++++++++++++++ 1 file changed, 311 insertions(+) create mode 100644 ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/footer.css (limited to 'ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/footer.css') diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/footer.css b/ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/footer.css new file mode 100644 index 000000000..fcb94c79c --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/footer.css @@ -0,0 +1,311 @@ +/* Please include base.less file to make this footer work*/ +/*font family*/ +.footerContainer { + background: none repeat scroll 0 0 #067AB4; + width: 100%; + margin: 0 auto; + background-color: #067AB4; + position: relative; + z-index: 2; +} +.footerContainer.stickyFooter { + position: absolute; + left: 0; + right: 0; +} +.footerContainer .footerWrapper { + width: 980px; + padding-bottom: 25px; + margin: 0 auto; + background-color: #067AB4; +} +.footerContainer .footerWrapper .footerItem { + width: 980px; + height: 60px; + line-height: 1; + margin: auto; + overflow: hidden; + font-family: clearviewatt; + font-size: 12px; + color: #ffffff; +} +.footerContainer .footerWrapper .footerItem .divider { + border-bottom: 1px solid #ffffff; + margin-top: 10px; + margin-bottom: 10px; + width: 100px; +} +.footerContainer .footerWrapper .footerItem .customerSupport { + float: left; + width: 160px; + margin-left: 30px; +} +.footerContainer .footerWrapper .footerItem .customerSupport .customerHelp { + font-size: 14px; + margin-bottom: 20px; + margin-top: 45px; +} +.footerContainer .footerWrapper .footerItem .customerSupport a { + color: #ffffff !important; +} +.footerContainer .footerWrapper .footerItem .customerSupport a:hover { + text-decoration: none; +} +.footerContainer .footerWrapper .footerItem .legalInfo { + float: left; + width: 160px; +} +.footerContainer .footerWrapper .footerItem .legalInfo .legal { + font-size: 14px; + margin-bottom: 20px; + margin-top: 45px; +} +.footerContainer .footerWrapper .footerItem .legalInfo a { + color: #ffffff !important; +} +.footerContainer .footerWrapper .footerItem .legalInfo a:hover { + text-decoration: none; +} +.footerContainer .footerWrapper .footerItem .subscribeSection { + float: left; + width: 295px; +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave { + font-size: 14px; + margin-bottom: 20px; + margin-top: 45px; +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection { + margin-top: 15px; + overflow: hidden; +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress { + float: left; + width: 170px; +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input { + background-color: #067AB4; + color: #FFFFFF !important; + width: 152px; + padding: 5px 10px 5px 5px; +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn { + background-color: #FFFFFF; + border-radius: 1px 5px 5px 1px; + color: #067AB4; + cursor: pointer; + float: left; + font-size: 14px; + height: 30px; + position: relative; + right: 7px; + text-align: center; + top: 1px; + vertical-align: middle; + width: 95px; +} +.footerContainer .footerWrapper .footerItem .socialMedia { + float: left; + margin-left: 0px; +} +.footerContainer .footerWrapper .footerItem .socialMedia .followAtt { + font-size: 14px; + margin-bottom: 20px; + margin-top: 45px; +} +.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds { + margin-left: -8px; + margin-top: 20px; +} +.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span { + font-size: 30px; + margin: 0; + padding: 5px; +} +.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a { + color: #ffffff; + margin: 0; + padding: 0; + /*width: 30px;*/ + +} +.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover { + text-decoration: none; +} +.footerContainer .footerWrapper .dividerBottom { + border-bottom: 1px solid #ffffff; + margin: auto; + width: 920px; +} +.footerContainer .footerWrapper .feedbackSection { + margin: auto; + width: 920px; + display: none; +} +.footerContainer .footerWrapper .feedbackSection .dividerTop { + border-bottom: 1px solid #ffffff; + margin: auto; + width: 920px; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent { + margin: 30px auto; + height: 240px; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm { + height: 120px; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo { + margin-right: 30px; + width: 270px; + font-family: clearviewatt; + font-size: 12px; + color: #FFFFFF; + float: left; + margin-top: -5px; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText { + width: 620px; + height: 170px; + border: 1px solid #FFFFFF; + background-color: #067AB4; + border-radius: 5px; + font-family: clearviewatt; + font-size: 14px; + cursor: text; + color: #FFFFFF; + float: left; + padding: 10px; + resize: none; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton { + width: 82px; + background-color: #FFFFFF; + margin-left: 16px; + padding: 5px; + border-radius: 5px; + color: #067AB4; + cursor: pointer; + font-family: clearviewatt; + font-size: 14px; + border: none; + margin-top: 10px; + margin-right: 0px; + float: right; +} +.footerContainer .footerWrapper .feedbackResultMsg { + font-family: clearviewatt; + font-size: 18px; + color: #FFFFFF; + line-height: 70px; + width: 980px; + text-align: center; + margin: 0 auto; + display: none; +} +.footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck { + margin-right: 20px; + font-size: 20px; +} +.footerContainer .footerWrapper .feedbackResultMsg .feedbackMsgOKButton { + width: 82px; + height: 30px; + line-height: 0px; + background-color: #FFFFFF; + margin-left: 16px; + padding: 5px; + border-radius: 5px; + color: #067AB4; + cursor: pointer; + font-family: clearviewatt; + font-size: 14px; + border: none; + margin-top: 20px; + margin-right: 30px; + float: right; +} +.footerContainer .footerWrapper #feedbackResultDivider { + display: none; +} +.footerContainer .footerWrapper .feedbackButtonDiv { + margin: auto; + max-width: 110px; +} +.footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton, +.footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton { + background-color: #FFFFFF; + background: #FFFFFF; + margin: -1px auto auto; + padding: 5px 10px; + border-radius: 0 0 5px 5px; + color: #067AB4; + cursor: pointer; + border: none; + font-family: clearviewatt; + font-size: 14px; +} +.footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span, +.footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span { + padding-left: 10px; + background-image: none; +} +.footerContainer .footerWrapper .attFooterInfo { + margin: auto; + width: 980px; + overflow: hidden; + font-family: clearviewatt; + font-size: 12px; + color: #ffffff; +} +.footerContainer .footerWrapper .attFooterInfo a { + color: #ffffff; + margin: 0; + padding: 0; + text-decoration: underline; +} +.footerContainer .footerWrapper .attFooterInfo .footerLastSection { + margin-top: 40px; + width: 980px; + overflow: hidden; +} +.footerContainer .footerWrapper .attFooterInfo span { + border-right: 1px solid #ffffff; + padding-left: 3px; + padding-right: 5px; +} +.footerContainer .footerWrapper .attFooterInfo span:last-child { + border: none; +} +.footerContainer .footerWrapper .attFooterInfo .attLogo { + + width: 150px; + height: 77px; + margin-left: 17px; + margin-right: 0; + float: left; +} +.footerContainer .footerWrapper .attFooterInfo .attQuality { + background: url("../images/common/footer/footer-consumerinfo.png") repeat-x scroll 0 0 transparent; + margin-right: 103px; + float: left; + width: 79px; + height: 82px; + position: relative; + top: -5px; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise { + float: right; + width: 68%; + margin-right: 30px; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy { + margin-top: 17px; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a { + text-decoration: underline; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span { + padding: 0px; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover { + text-decoration: underline; +} -- cgit 1.2.3-korg