summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-BE/war/static/ebz/footer_new.css
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-portal-BE/war/static/ebz/footer_new.css')
-rw-r--r--ecomp-portal-BE/war/static/ebz/footer_new.css310
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;
+}