Small design fixes for front page on mobile

This commit is contained in:
Kyle Drake 2016-07-31 10:12:43 -07:00
parent 54c14eb4cf
commit 7f64a62926
2 changed files with 18 additions and 0 deletions

View file

@ -118,6 +118,7 @@
h3 { h3 {
margin-bottom: 0px; margin-bottom: 0px;
font-size: 1.7em; font-size: 1.7em;
line-height: 120%;
} }
p { p {
@ -202,6 +203,9 @@
display: inline; display: inline;
vertical-align: 8px; vertical-align: 8px;
color: #C2CFD4; color: #C2CFD4;
@media (max-device-width:480px), screen and (max-width:800px) {
font-size: 10pt;
}
} }
.input-Area{ .input-Area{

View file

@ -175,6 +175,9 @@
margin: 0 auto; margin: 0 auto;
} }
} }
.signup-Area label#domain-name {
display: hidden;
}
.interior .header-Outro .screenshot { .interior .header-Outro .screenshot {
width: 357px; width: 357px;
height: 212px; height: 212px;
@ -928,6 +931,9 @@ a.tag:hover {
background-position: 0px 0px; background-position: 0px 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@media (max-device-width:480px), screen and (max-width:800px) {
display: none;
}
} }
.news-item.comment .icon { .news-item.comment .icon {
background: #DAEEA5; background: #DAEEA5;
@ -1251,6 +1257,14 @@ a.tag:hover {
height: 24px; height: 24px;
background-size: 99px; background-size: 99px;
display: inline-block; display: inline-block;
@media (max-device-width:480px), screen and (max-width:800px){
display: block;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}
} }
.title-with-badge { .title-with-badge {
float: left; float: left;