zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-06-28 07:03:28 +02:00
Code Issues Projects Releases Packages Wiki Activity

Initial work on fixing site profile for mobile browsers

Browse source
This commit is contained in:
Victoria Wang 2014-11-17 23:34:03 -06:00
parent 66fdbab21e
commit d0bca81cef
1 changed files with 44 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

46
sass/_project-sass/_project-Main.scss
View file

@ -109,6 +109,11 @@
-webkit-background-size:cover; -webkit-background-size:cover;
background-size:cover; background-size:cover;
background-position: center top; background-position: center top;
@media (max-device-width:480px), screen and (max-width:800px) {
width: 100%;
height: 300px;
}
} }
.interior .header-Outro .screenshot.dashboard { .interior .header-Outro .screenshot.dashboard {
width: 249px; width: 249px;
@ -126,6 +131,11 @@
.interior .signup-Form fieldset { .interior .signup-Form fieldset {
padding: 20px; padding: 20px;
} }
.interior .header-Outro .signup-Form {
@media (max-device-width: 480px), screen and (max-width: 800px) {
padding-bottom: 0;
}
}
.interior .header-Outro h2 { .interior .header-Outro h2 {
margin-top: 12px; margin-top: 12px;
font-size: 1.8em; font-size: 1.8em;
@ -394,6 +404,9 @@
width: 100%; width: 100%;
margin-bottom: .75em; margin-bottom: .75em;
} }
@media (max-device-width:480px), screen and (max-width:800px) {
border: 0;
}
} }
.right-col { .right-col {
background: #FAF6F1; background: #FAF6F1;
@ -419,10 +432,20 @@
width: 66.95%; width: 66.95%;
left: 33.05%; left: 33.05%;
background: white; background: white;
@media (max-device-width:480px), screen and (max-width:800px) {
width: 100%;
border-bottom: 1px solid #ddd;
float: left;
}
} }
.site-profile .content.misc-page.columns .col-66 { .site-profile .content.misc-page.columns .col-66 {
padding: 0; padding: 0;
min-height: 38em; min-height: 38em;
@media (max-device-width:480px), screen and (max-width:800px) {
min-height: 0px;
}
} }
.news-feed .content.misc-page.columns .col-66 { .news-feed .content.misc-page.columns .col-66 {
min-height: 56em; min-height: 56em;
@ -431,6 +454,10 @@
width: 33%; width: 33%;
left: 33%; left: 33%;
float: right; float: right;
@media (max-device-width:480px), screen and (max-width:800px) {
width: 100%;
}
} }
.interior .header-Outro.with-columns { .interior .header-Outro.with-columns {
padding-top: 22px; padding-top: 22px;
@ -701,6 +728,10 @@ a.tag:hover {
.signup-Area.large { .signup-Area.large {
width: 418px; width: 418px;
height: 236px; height: 236px;
@media (max-device-width:480px), screen and (max-width:800px) {
height: auto;
}
} }
.interior .header-Outro.with-site-image { .interior .header-Outro.with-site-image {
padding-top: 20px; padding-top: 20px;
@ -824,14 +855,19 @@ a.tag:hover {
width: 100%; width: 100%;
padding: 20px 0 15px 30px; padding: 20px 0 15px 30px;
margin: 0 0 3px 0; margin: 0 0 3px 0;
}
.post-comment input { input {
width: 84%; width: 86%;
float: left; float: left;
}
.post-comment .btn-Action { @media (max-width:950px) {
width: 82%;
}
}
.btn-Action {
margin-left: 10px; margin-left: 10px;
margin-top: 4px; margin-top: 4px;
}
} }
.comment-policy { .comment-policy {
font-style: italic; font-style: italic;