Sponsors => Supported by, mobile optimization
This commit is contained in:
parent
e9f4e29ee9
commit
c484c82724
17
css/new.css
17
css/new.css
@ -1,18 +1,27 @@
|
|||||||
/* Added all new CSS to main.css, but please keep adding your own CSS here. Thanks in Advance! */
|
/* Added all new CSS to main.css, but please keep adding your own CSS here. Thanks in Advance! */
|
||||||
|
|
||||||
.sponsors {
|
.supported-by {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
padding: 52px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sponsors img {
|
.supported-by img {
|
||||||
height: 65px; /* smaller than real size to provide for retina devices */
|
height: 65px; /* smaller than real size to provide for retina devices */
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sponsors img:hover {
|
.supported-by img:hover {
|
||||||
filter: none;
|
filter: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sponsors a:not(:first-child) {
|
@media (min-width: 568px) {
|
||||||
|
.supported-by a:not(:first-child) {
|
||||||
margin-left: 48px;
|
margin-left: 48px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 568px) {
|
||||||
|
.supported-by a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
@ -299,8 +299,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<h2>Sponsors</h2>
|
<h2>Supported By</h2>
|
||||||
<div class="sponsors">
|
<div class="supported-by">
|
||||||
<a href="https://blockgeeks.com" target="_blank"><img src="img/sponsors/blockgeeks.png" /></a>
|
<a href="https://blockgeeks.com" target="_blank"><img src="img/sponsors/blockgeeks.png" /></a>
|
||||||
<a href="https://www.b9lab.com/" target="_blank"><img src="img/sponsors/b9lab.png" /></a>
|
<a href="https://www.b9lab.com/" target="_blank"><img src="img/sponsors/b9lab.png" /></a>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user