zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-06-27 14:44:35 +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

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

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