diff options
author | 2017-02-07 15:03:57 -0500 | |
---|---|---|
committer | 2017-02-07 15:05:15 -0500 | |
commit | 4ad39a5c96dd99acf819ce189b13fec946d7506b (patch) | |
tree | a1449286441947cc3d07a45227fa0d6f978e1a7d /ecomp-portal-BE/war/static/ebz/footer_new.css | |
parent | 5500448cbd1f374d0ac743ee2fd636fe2d3c0027 (diff) |
Initial OpenECOMP Portal commit
Change-Id: I804b80e0830c092e307da1599bd9fbb5c3e2da77
Signed-off-by: talasila <talasila@research.att.com>
Diffstat (limited to 'ecomp-portal-BE/war/static/ebz/footer_new.css')
-rw-r--r-- | ecomp-portal-BE/war/static/ebz/footer_new.css | 310 |
1 files changed, 310 insertions, 0 deletions
diff --git a/ecomp-portal-BE/war/static/ebz/footer_new.css b/ecomp-portal-BE/war/static/ebz/footer_new.css new file mode 100644 index 00000000..9e98cb57 --- /dev/null +++ b/ecomp-portal-BE/war/static/ebz/footer_new.css @@ -0,0 +1,310 @@ +/* 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: static; +} +.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 { + background: url("images/footer-attolympiclogo.png") repeat-x scroll 0 0 transparent; + 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; +} |