mirror of
https://github.com/neocities/neocities.git
synced 2025-04-24 17:22:35 +02:00
Added footer icons, some footer style adjustments.
This commit is contained in:
Victoria Wang
parent
18b4ead54e
commit
88fd46651b
16 changed files with 160 additions and 24 deletions
|
|
@ -22,12 +22,21 @@
|
|||
border-top:1px solid #cedbab;
|
||||
@include box-shadow($bs-4);
|
||||
position:relative;
|
||||
|
||||
.footer-Content {
|
||||
padding-top:40px;
|
||||
padding-bottom:40px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.45em;
|
||||
}
|
||||
}
|
||||
|
||||
.f-Col{
|
||||
@include box-sizing(content-box);
|
||||
min-height:130px;
|
||||
padding-bottom:$spacing*8;
|
||||
min-height:125px;
|
||||
padding-bottom:$spacing*7;
|
||||
position:relative;
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
|
|
@ -46,10 +55,27 @@
|
|||
}
|
||||
}
|
||||
|
||||
.f-Col-1{padding-right:$spacing*3}
|
||||
.footer-icon {
|
||||
display: block;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: -70px;
|
||||
}
|
||||
|
||||
.f-Col-1{
|
||||
padding-right:$spacing*3;
|
||||
|
||||
.footer-icon {
|
||||
background-image: url(../img/support-us.png);
|
||||
width: 92px;
|
||||
height: 104px;
|
||||
right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.f-Col-2{
|
||||
padding-left:6px;
|
||||
padding-left:15px;
|
||||
padding-right:6px;
|
||||
position:relative;
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
|
|
@ -76,9 +102,23 @@
|
|||
|
||||
&:before{left:-14px}
|
||||
&:after{right:-14px}
|
||||
|
||||
.footer-icon {
|
||||
background-image: url(../img/about-neocities.png);
|
||||
width: 100px;
|
||||
height: 106px;
|
||||
}
|
||||
}
|
||||
|
||||
.f-Col-3{padding-left:$spacing*3}
|
||||
.f-Col-3{
|
||||
padding-left:20px;
|
||||
|
||||
.footer-icon {
|
||||
background-image: url(../img/latest-news.png);
|
||||
width: 134px;
|
||||
height: 103px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Footer Outro Area
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
.content-Base{
|
||||
background:#f6f0e6;
|
||||
min-height:500px;
|
||||
padding-bottom:$spacing*5;
|
||||
padding-bottom:30px;
|
||||
padding-top:20px;
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
|
|
|
|||
|
|
@ -1231,7 +1231,7 @@ a {
|
|||
.content-Base {
|
||||
background: #f6f0e6;
|
||||
min-height: 500px;
|
||||
padding-bottom: 20px;
|
||||
padding-bottom: 30px;
|
||||
padding-top: 20px; }
|
||||
.content-Base h1, .content-Base h2, .content-Base h3, .content-Base h4, .content-Base h5, .content-Base h6 {
|
||||
color: #e93250; }
|
||||
|
|
@ -1276,13 +1276,18 @@ a {
|
|||
-webkit-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2);
|
||||
position: relative; }
|
||||
.footer-Intro .footer-Content {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.footer-Intro h2 {
|
||||
font-size: 1.45em; }
|
||||
|
||||
.f-Col {
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
min-height: 130px;
|
||||
padding-bottom: 32px;
|
||||
min-height: 125px;
|
||||
padding-bottom: 28px;
|
||||
position: relative; }
|
||||
@media (max-device-width: 480px), screen and (max-width: 800px) {
|
||||
.f-Col {
|
||||
|
|
@ -1296,11 +1301,23 @@ a {
|
|||
.f-Col .action-Link {
|
||||
position: static; } }
|
||||
|
||||
.footer-icon {
|
||||
display: block;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: -70px; }
|
||||
|
||||
.f-Col-1 {
|
||||
padding-right: 12px; }
|
||||
.f-Col-1 .footer-icon {
|
||||
background-image: url(../img/support-us.png);
|
||||
width: 92px;
|
||||
height: 104px;
|
||||
right: 5px; }
|
||||
|
||||
.f-Col-2 {
|
||||
padding-left: 6px;
|
||||
padding-left: 15px;
|
||||
padding-right: 6px;
|
||||
position: relative; }
|
||||
@media (max-device-width: 480px), screen and (max-width: 800px) {
|
||||
|
|
@ -1325,9 +1342,17 @@ a {
|
|||
left: -14px; }
|
||||
.f-Col-2:after {
|
||||
right: -14px; }
|
||||
.f-Col-2 .footer-icon {
|
||||
background-image: url(../img/about-neocities.png);
|
||||
width: 100px;
|
||||
height: 106px; }
|
||||
|
||||
.f-Col-3 {
|
||||
padding-left: 12px; }
|
||||
padding-left: 20px; }
|
||||
.f-Col-3 .footer-icon {
|
||||
background-image: url(../img/latest-news.png);
|
||||
width: 134px;
|
||||
height: 103px; }
|
||||
|
||||
.footer-Outro {
|
||||
background: #ccdf9b;
|
||||
|
|
|
|||
2
files/new-Design/assets/css/neo.min.css
vendored
2
files/new-Design/assets/css/neo.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
files/new-Design/assets/img/about-neocities.png
Normal file
BIN
files/new-Design/assets/img/about-neocities.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
files/new-Design/assets/img/latest-news.png
Normal file
BIN
files/new-Design/assets/img/latest-news.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
files/new-Design/assets/img/support-us.png
Normal file
BIN
files/new-Design/assets/img/support-us.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
|
|
@ -3,6 +3,7 @@
|
|||
<div class="row">
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-1 clearfix">
|
||||
<span class="footer-icon"></span>
|
||||
<h2 class="delta">Support Us</h2>
|
||||
<p class="tiny">
|
||||
Neocities is funded by donations. If you’d like to contribute, you can help us
|
||||
|
|
@ -14,6 +15,7 @@
|
|||
</div>
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-2 clearfix">
|
||||
<span class="footer-icon"></span>
|
||||
<h2 class="delta">About Neocities</h2>
|
||||
<p class="tiny">
|
||||
Neocities is here to bring back the creativity and
|
||||
|
|
@ -24,6 +26,7 @@
|
|||
</div>
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-3 clearfix">
|
||||
<span class="footer-icon"></span>
|
||||
<h2 class="delta">Latest News</h2>
|
||||
<p class="tiny">
|
||||
derp
|
||||
|
|
|
|||
|
|
@ -22,12 +22,21 @@
|
|||
border-top:1px solid #cedbab;
|
||||
@include box-shadow($bs-4);
|
||||
position:relative;
|
||||
|
||||
.footer-Content {
|
||||
padding-top:40px;
|
||||
padding-bottom:40px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.45em;
|
||||
}
|
||||
}
|
||||
|
||||
.f-Col{
|
||||
@include box-sizing(content-box);
|
||||
min-height:130px;
|
||||
padding-bottom:$spacing*8;
|
||||
min-height:125px;
|
||||
padding-bottom:$spacing*7;
|
||||
position:relative;
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
|
|
@ -46,10 +55,27 @@
|
|||
}
|
||||
}
|
||||
|
||||
.f-Col-1{padding-right:$spacing*3}
|
||||
.footer-icon {
|
||||
display: block;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: -70px;
|
||||
}
|
||||
|
||||
.f-Col-1{
|
||||
padding-right:$spacing*3;
|
||||
|
||||
.footer-icon {
|
||||
background-image: url(../img/support-us.png);
|
||||
width: 92px;
|
||||
height: 104px;
|
||||
right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.f-Col-2{
|
||||
padding-left:6px;
|
||||
padding-left:15px;
|
||||
padding-right:6px;
|
||||
position:relative;
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
|
|
@ -76,9 +102,23 @@
|
|||
|
||||
&:before{left:-14px}
|
||||
&:after{right:-14px}
|
||||
|
||||
.footer-icon {
|
||||
background-image: url(../img/about-neocities.png);
|
||||
width: 100px;
|
||||
height: 106px;
|
||||
}
|
||||
}
|
||||
|
||||
.f-Col-3{padding-left:$spacing*3}
|
||||
.f-Col-3{
|
||||
padding-left:20px;
|
||||
|
||||
.footer-icon {
|
||||
background-image: url(../img/latest-news.png);
|
||||
width: 134px;
|
||||
height: 103px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Footer Outro Area
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
.content-Base{
|
||||
background:#f6f0e6;
|
||||
min-height:500px;
|
||||
padding-bottom:$spacing*5;
|
||||
padding-bottom:30px;
|
||||
padding-top:20px;
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
|
|
|
|||
|
|
@ -1231,7 +1231,7 @@ a {
|
|||
.content-Base {
|
||||
background: #f6f0e6;
|
||||
min-height: 500px;
|
||||
padding-bottom: 20px;
|
||||
padding-bottom: 30px;
|
||||
padding-top: 20px; }
|
||||
.content-Base h1, .content-Base h2, .content-Base h3, .content-Base h4, .content-Base h5, .content-Base h6 {
|
||||
color: #e93250; }
|
||||
|
|
@ -1276,13 +1276,18 @@ a {
|
|||
-webkit-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2);
|
||||
position: relative; }
|
||||
.footer-Intro .footer-Content {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.footer-Intro h2 {
|
||||
font-size: 1.45em; }
|
||||
|
||||
.f-Col {
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
min-height: 130px;
|
||||
padding-bottom: 32px;
|
||||
min-height: 125px;
|
||||
padding-bottom: 28px;
|
||||
position: relative; }
|
||||
@media (max-device-width: 480px), screen and (max-width: 800px) {
|
||||
.f-Col {
|
||||
|
|
@ -1296,11 +1301,23 @@ a {
|
|||
.f-Col .action-Link {
|
||||
position: static; } }
|
||||
|
||||
.footer-icon {
|
||||
display: block;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: -70px; }
|
||||
|
||||
.f-Col-1 {
|
||||
padding-right: 12px; }
|
||||
.f-Col-1 .footer-icon {
|
||||
background-image: url(../img/support-us.png);
|
||||
width: 92px;
|
||||
height: 104px;
|
||||
right: 5px; }
|
||||
|
||||
.f-Col-2 {
|
||||
padding-left: 6px;
|
||||
padding-left: 15px;
|
||||
padding-right: 6px;
|
||||
position: relative; }
|
||||
@media (max-device-width: 480px), screen and (max-width: 800px) {
|
||||
|
|
@ -1325,9 +1342,17 @@ a {
|
|||
left: -14px; }
|
||||
.f-Col-2:after {
|
||||
right: -14px; }
|
||||
.f-Col-2 .footer-icon {
|
||||
background-image: url(../img/about-neocities.png);
|
||||
width: 100px;
|
||||
height: 106px; }
|
||||
|
||||
.f-Col-3 {
|
||||
padding-left: 12px; }
|
||||
padding-left: 20px; }
|
||||
.f-Col-3 .footer-icon {
|
||||
background-image: url(../img/latest-news.png);
|
||||
width: 134px;
|
||||
height: 103px; }
|
||||
|
||||
.footer-Outro {
|
||||
background: #ccdf9b;
|
||||
|
|
|
|||
2
public/assets/css/neo.min.css
vendored
2
public/assets/css/neo.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
public/assets/img/about-neocities.png
Normal file
BIN
public/assets/img/about-neocities.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/img/latest-news.png
Normal file
BIN
public/assets/img/latest-news.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/assets/img/support-us.png
Normal file
BIN
public/assets/img/support-us.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
|
|
@ -258,6 +258,7 @@
|
|||
<div class="row">
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-1 clearfix">
|
||||
<span class="footer-icon"></span>
|
||||
<h2 class="delta">Support Us</h2>
|
||||
<p class="tiny">
|
||||
Neocities is funded by donations. If you’d like to contribute, you can help us
|
||||
|
|
@ -268,6 +269,7 @@
|
|||
</div>
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-2 clearfix">
|
||||
<span class="footer-icon"></span>
|
||||
<h2 class="delta">About Neocities</h2>
|
||||
<p class="tiny">
|
||||
Neocities is here to bring back the creativity and
|
||||
|
|
@ -278,6 +280,7 @@
|
|||
</div>
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-3 clearfix">
|
||||
<span class="footer-icon"></span>
|
||||
<h2 class="delta">Latest News</h2>
|
||||
<p class="tiny">
|
||||
The latest news on NeoCities can be found on our blog.
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue