heckyel/mediagoblin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change widths to percentages for small devices

Browse Source
This commit is contained in:
Jef van Schendel 2011-12-18 02:07:49 +01:00
parent 42a7c01032
commit 00c1d00771
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
mediagoblin/static/css/base.css
View File

@ -418,6 +418,9 @@ table.media_panel th {
} }
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 960px) { @media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 960px) {
html {
padding:10px;
}
.navigation_button { .navigation_button {
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
@ -427,9 +430,19 @@ table.media_panel th {
} }
.navigation_left { .navigation_left {
left: 0px; left: 0px;
width: 50%;
} }
.media_image { .media_image {
width: 480px; width: 100%;
}
.mediagoblin_body {
width: 100%;
}
.mediagoblin_header, .mediagoblin_content, .mediagoblin_footer, .media_pane {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.mediagoblin_footer {
margin-bottom: 100px;
} }
} }