mirror of
https://github.com/neocities/neocities.git
synced 2025-07-23 19:10:40 +02:00
More progress on new homepage css
This commit is contained in:
parent
2dd3a34961
commit
a524ef7de5
6 changed files with 101 additions and 63 deletions
|
@ -13,12 +13,15 @@
|
|||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.row.header-Content.content {
|
||||
padding-bottom:27px;
|
||||
}
|
||||
|
||||
.header-Content{
|
||||
@media(max-device-width:480px), screen and (max-width:800px){
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
|
||||
.blurb{background:#fff}
|
||||
|
||||
.header-Intro{
|
||||
|
|
|
@ -757,10 +757,28 @@ a.tag:hover {
|
|||
.section {
|
||||
padding: 50px 10%;
|
||||
margin: 0 auto;
|
||||
float: left;
|
||||
}
|
||||
.section.featured-Websites {
|
||||
background:#971D31;
|
||||
padding: 10px 2% 1px 2%;
|
||||
padding: 30px 0;
|
||||
width: 100%;
|
||||
position:relative;
|
||||
}
|
||||
.section.featured-Websites .nav {
|
||||
float:left;
|
||||
width:4.25%;
|
||||
height:45px;
|
||||
background-size: 22px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
margin-top: 3%;
|
||||
}
|
||||
.section.featured-Websites .nav.prev {
|
||||
background-image:url(/img/hpgallery-prev.png);
|
||||
}
|
||||
.section.featured-Websites .nav.next {
|
||||
background-image:url(/img/hpgallery-next.png);
|
||||
}
|
||||
.section.features {
|
||||
background: #4F7E89;
|
||||
|
@ -769,13 +787,19 @@ a.tag:hover {
|
|||
color: #fff;
|
||||
}
|
||||
.section h2 {
|
||||
font-size: 1.6em;
|
||||
font-size: 1.7em;
|
||||
text-align:center;
|
||||
}
|
||||
.section h3 {
|
||||
font-size: 1.4em;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
.section.last {
|
||||
background: #666666;
|
||||
background: #fff;
|
||||
}
|
||||
.section.last h2, .section.last blockquote {
|
||||
color: white;
|
||||
color: black;
|
||||
}
|
||||
.selected {
|
||||
font-weight: bold;
|
||||
|
|
|
@ -30,16 +30,15 @@
|
|||
|
||||
&.int-Gall{
|
||||
|
||||
li{
|
||||
|
||||
li {
|
||||
margin:0 .5% 12px;
|
||||
width:24%;
|
||||
|
||||
background-color: white;
|
||||
border: 9px solid white;
|
||||
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
|
||||
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
width:49%
|
||||
|
@ -48,8 +47,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
.neo-SS, .neo-Screen-Shot{
|
||||
border: 1px solid #eee;
|
||||
.neo-SS, .z{
|
||||
border: 4px solid #eee;
|
||||
display:block;
|
||||
height:auto!important;
|
||||
position:relative;
|
||||
|
@ -62,14 +61,19 @@
|
|||
background-size:cover!important;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.hp-Gallery img, .neo-Screen-Shot img{
|
||||
width:100%
|
||||
}
|
||||
.hp-Gallery li {
|
||||
width: 14%;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.hp-Gallery {
|
||||
padding: 24px 24px;
|
||||
.hp-Gallery {
|
||||
padding: 0px;
|
||||
margin-bottom: 0;
|
||||
|
||||
li {
|
||||
width: 14%;
|
||||
margin-right: 1.5%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue