nfu-nfupme/assets/stylesheets/template/layout/footer.scss

198 lines
3.4 KiB
SCSS

@charset "utf-8";
@import "../initial";
.layout-footer {
z-index: 1;
clear: both;
position: relative;
color: $theme-color-main;
background-image: url(/assets/parallax.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
.footer-updated-date{
clear: both;
padding-left: 1em;
}
ul{
padding: 0;
}
li{
list-style: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
}
.container {
@extend .response-container;
}
.footer-counter a { padding-right: 0.5em; }
a {
color: #fff;
&:hover,
&:focus {
opacity: .8;
}
}
}
.layout-footer-content{
color: #fff;
.fab{
padding-right: 10px;
}
}
@media(max-width:$screen-xs){
.footer-content{
flex-wrap: wrap;
}
.part{
width: 100%!important;
}
}
.footericon{
margin-right: 1rem;
font-size: 0.8125em;
border: #e0e0e0 1px solid;
padding: 0.5em 1em;
display: inline-block;
margin-bottom: 1em;
}
.layout-footer-content,.footer-counter{
background:#1b3a61;
}
.fatfooter{
display: none;
background-image: url(/assets/parallax.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding-bottom: 20px;
padding-top: 20px;
width: 100%;
color: #2B2B2B;
.fat_block >.fat_block{
@media(min-width:769px){
width: calc(100% / 8)!important;
}
}
h3{
text-align: center;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
font-size: 1.4em;
color: #24227f;
}
a{
color: #333;
}
ul{
padding: 0;
}
li{
margin: 12px 0;
}
}
.footerMap{
background-image: url(/assets/parallax.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding-bottom: 20px;
padding-top: 20px;
width: 100%;
color: #2B2B2B;
a{
color: #2B2B2B;
}
h3{
color: #24227f;
text-align: center;
}
ul{
padding: 0;
}
}
.btn-fatfooter{
color: #fff;
margin: auto;
text-align: center;
display: flex;
justify-content: center;
.btn{
color: #fff;
background-color: #343a40;
border-color: #343a40;
line-height: 1.5;
cursor: pointer;
margin: 1em;
padding: 0.5em 1em;
font-size: 1rem;
}
}
.footer-infor {
background-color:#2892bd;
padding: 0.5em;
}
.py-5{
background-color: #175081;
padding-top:3em;
}
.footer-icon {
text-align: center;
font-size: 1.1em;
color: #d6d6d6;
border: 2px solid #d6d6d6;
border-radius: 5px;
padding: 10px;
margin: 5px;
height: 100px;
word-wrap: break-word;
svg{
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em;
}
i {
display: block;
width: 100%;
font-size: 1.5em;
margin-top: 0.5em;
}
}
.footer-counter{
color: #fff;
text-align: center;
padding-top: 0.5em;
padding-bottom: 1em;
}
.copy-right {
color: #fff;
padding-top: 18px;
text-align: center;
}
.p-2{
background: #c3eaff;
padding: 2em 0;
a{
color: #000000;
}
}
.footer-name {
color: #000000;
margin-top: 10px;
margin-bottom: 5px;
font-size: 1.3em;
font-weight: 700;
}