94 lines
1.9 KiB
CSS
94 lines
1.9 KiB
CSS
footer.icy {
|
|
padding: 20px;
|
|
background: #e9f6fd;
|
|
background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%);
|
|
background: -webkit-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%);
|
|
background: linear-gradient(to bottom, #e9f6fd 0%, #d3eefb 100%);
|
|
border-top: 1px solid #ddd;
|
|
text-align: center;
|
|
width: initial;
|
|
margin-bottom: 0;
|
|
}
|
|
footer.icy .copyright {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: 90%;
|
|
vertical-align: top;
|
|
margin-top: 35px;
|
|
padding: 15px;
|
|
margin-left: 5vw;
|
|
}
|
|
footer.icy .squeebot {
|
|
width: 200px;
|
|
}
|
|
footer.icy .logo {
|
|
font-family: "Open Sans";
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
text-shadow: 2px 2px 1px #007104;
|
|
color: #00b300;
|
|
letter-spacing: 5px;
|
|
user-select: none;
|
|
font-size: 30px;
|
|
text-align: inherit;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
}
|
|
footer.icy .logo .part1,
|
|
footer.icy .logo .part2 {
|
|
display: inline-block;
|
|
}
|
|
footer.icy .logo .part1 {
|
|
color: #03a9f4;
|
|
text-shadow: 2px 2px 1px #0059a0;
|
|
margin-right: 5px;
|
|
}
|
|
footer .socialbtn {
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
line-height: 28px;
|
|
color: #fff;
|
|
font-size: 160%;
|
|
border-radius: 100px;
|
|
padding: 2px;
|
|
margin: 5px;
|
|
}
|
|
footer .socialbtn#github {
|
|
background-color: #000;
|
|
}
|
|
footer .socialbtn#twitter {
|
|
background-color: #03a9f4;
|
|
}
|
|
footer .socialbtn#discord {
|
|
background-color: #2c2f33;
|
|
}
|
|
footer .socialbtn#discord .discordlogo {
|
|
position: relative;
|
|
top: 3px;
|
|
background: url("/icynet/Discord-Logo-White.svg");
|
|
width: 22px;
|
|
height: 22px;
|
|
display: inline-block;
|
|
}
|
|
footer .socialbtn i {
|
|
position: relative;
|
|
right: 1px;
|
|
}
|
|
footer span.divider {
|
|
color: #ddd;
|
|
margin: 0 5px;
|
|
cursor: default;
|
|
}
|
|
@media all and (max-width: 800px) {
|
|
footer.icy .squeebot {
|
|
margin: 0;
|
|
width: 150px;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
footer.icy .copyright {
|
|
margin-left: 0;
|
|
}
|
|
}
|