92 lines
1.8 KiB
CSS
92 lines
1.8 KiB
CSS
|
footer {
|
||
|
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;
|
||
|
}
|
||
|
footer .copyright {
|
||
|
display: inline-block;
|
||
|
text-align: center;
|
||
|
font-size: 90%;
|
||
|
vertical-align: top;
|
||
|
margin-top: 35px;
|
||
|
padding: 15px;
|
||
|
margin-left: 5vw;
|
||
|
}
|
||
|
footer .squeebot {
|
||
|
width: 200px;
|
||
|
}
|
||
|
footer .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 .logo .part1,
|
||
|
footer .logo .part2 {
|
||
|
display: inline-block;
|
||
|
}
|
||
|
footer .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("https://icynet.eu/static/image/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 .squeebot {
|
||
|
margin: 0;
|
||
|
width: 150px;
|
||
|
margin: auto;
|
||
|
display: block;
|
||
|
}
|
||
|
footer .copyright {
|
||
|
margin-left: 0;
|
||
|
}
|
||
|
}
|