zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-25 09:42:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Dashboard mobile margin fixes

Browse source
This commit is contained in:
Victoria Wang 2015-03-13 14:33:11 -05:00
parent 91ff69f86d
commit 17ef25b572
1 changed files with 29 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -122,6 +122,10 @@
font-weight: normal; font-weight: normal;
font-size: 12px; font-size: 12px;
padding: 7px 15px; padding: 7px 15px;
@media (max-device-width:480px), screen and (max-width:800px) {
margin: 6px 0px 8px;
}
} }
.row.content { .row.content {
margin-left: 6%; margin-left: 6%;
@ -132,12 +136,20 @@
.interior .header-Outro .btn-Action {color:#fff} .interior .header-Outro .btn-Action {color:#fff}
.interior .signup-Area { .interior .signup-Area {
min-height: 164px; min-height: 164px;
@media (max-device-width:480px), screen and (max-width:800px) {
margin: 0 auto;
}
} }
.interior .signup-Area img { .interior .signup-Area img {
-moz-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10); -moz-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10);
-webkit-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10); -webkit-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10);
box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10); box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10);
border: 4px solid white; border: 4px solid white;
@media (max-device-width:480px), screen and (max-width:800px) {
margin: 0 auto;
}
} }
.interior .header-Outro .screenshot { .interior .header-Outro .screenshot {
width: 357px; width: 357px;
@ -157,7 +169,7 @@
.interior .header-Outro .screenshot.dashboard { .interior .header-Outro .screenshot.dashboard {
width: 249px; width: 249px;
background-size: 249px; background-size: 249px;
height: 143px; height: 156px;
} }
.interior .header-Outro ul { .interior .header-Outro ul {
margin:0;padding:0; margin:0;padding:0;
@ -188,15 +200,21 @@
float: left; float: left;
@media (max-device-width: 480px), screen and (max-width: 800px) { @media (max-device-width: 480px), screen and (max-width: 800px) {
width: 42%!important;
margin-left: 22px; margin-left: 22px;
margin-top: 18px;
} }
} }
.welcome { .welcome {
background: #daeea5 url(/img/heartcat.png) no-repeat 20px center; background: #daeea5 url(/img/heartcat.png) no-repeat;
background-position: 20px center;
background-size: 77px 81px; background-size: 77px 81px;
padding: 20px 20px 20px 111px; padding: 20px 20px 20px 111px;
margin-bottom: 13px; margin-bottom: 13px;
@media (max-device-width: 480px), screen and (max-width: 800px) {
padding: 111px 20px 20px 20px;
background-position: center 20px;
}
} }
.welcome h4 { .welcome h4 {
font-size: 1.2em; font-size: 1.2em;
@ -239,6 +257,10 @@
} }
.files .btn-Action { .files .btn-Action {
margin-left: 8px; margin-left: 8px;
@media (max-device-width:480px), screen and (max-width:800px) {
margin: 4px 8px 4px 0;
}
} }
.files .list { .files .list {
padding: 20px; padding: 20px;
@ -256,6 +278,10 @@
} }
.files .list .upload-Boundary.with-instruction { .files .list .upload-Boundary.with-instruction {
background: url(/img/drag-drop.png) no-repeat center center; background: url(/img/drag-drop.png) no-repeat center center;
@media (max-device-width:480px), screen and (max-width:800px) {
background: 0;
}
} }
.files .uploading-overlay { .files .uploading-overlay {
width: 100%; width: 100%;