Sha256: 8b646fb0b71d5adbefd5515ed9ec3a3b148f68fae87c43ab459a7699e58a825e
Contents?: true
Size: 1.72 KB
Versions: 10
Compression:
Stored size: 1.72 KB
Contents
/* styling for footer */
.footer-container {
width: 960px;
height: 590px;
background: url(../images/footer.png);
background-size: cover;
padding: 85px 0;
overflow: hidden;
margin: 0 auto;
position: relative;
top: 0px;
}
footer {
color: #fff;
display: flex;
justify-content: space-between;
height: 100%;
text-align: center;
font-size: 5rem;
}
hr {
background: #fff;
border: 2px solid #fff;
width: 50px;
margin: 1rem auto;
}
.txt-color {
color: #fff !important;
text-decoration: none !important;
font-size: 3rem;
font-weight: 900;
}
.txt-color:hover {
color: deepskyblue !important;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.socialIons > .list-items {
display: flex;
justify-content: center;
width: 100%;
}
.socialIons > .list-items > li {
list-style: none;
padding: 0 15px;
}
.socialIons i:hover {
color: deepskyblue;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.socialIons > .list-items > li i {
font-size: 25px;
color: #fff;
}
.pages {
width: 100%;
display: flex;
justify-content: center;
}
.pages > a {
text-decoration: none !important;
color: #fff !important;
font-size: 15px;
padding-right: 20px;
}
@media (max-width: 768px) {
.pages {
flex-direction: column;
}
.pages > a {
padding-top: 10px;
}
}
@media (max-width: 500px) {
footer {
font-size: 0;
}
.txt-color {
font-size: 2rem;
}
}
@media (max-width: 968px) {
.footer-container {
width: 100%;
background-position: center;
}
}
/* over styling for footer */
Version data entries
10 entries across 10 versions & 1 rubygems