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

Random changes that break stuff and eat piglets

Browse Source
This commit is contained in:
Jef van Schendel 2011-12-30 18:01:28 +01:00
parent 3ea6a305ce
commit 426808cc8f
1 changed files with 19 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,7 +29,6 @@ body {
background-color: #111; background-color: #111;
background-image: url("../images/background.png"); background-image: url("../images/background.png");
color: #C3C3C3; color: #C3C3C3;
font-family: sans-serif;
padding: none; padding: none;
margin: 0px; margin: 0px;
height: 100%; height: 100%;
@ -94,7 +93,7 @@ input, textarea {
} }
.mediagoblin_header { .mediagoblin_header {
width: 940px; width: 100%;
height: 36px; height: 36px;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
@ -118,14 +117,14 @@ a.mediagoblin_logo {
} }
.mediagoblin_content { .mediagoblin_content {
width: 940px; width: 100%;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
padding-bottom: 74px; padding-bottom: 74px;
} }
.mediagoblin_footer { .mediagoblin_footer {
width: 940px; width: 100%;
height: 30px; height: 30px;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
@ -451,10 +450,22 @@ table.media_panel th {
margin-left: 10px; margin-left: 10px;
} }
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 960px) { @media screen and (max-width: 960px) {
html { .mediagoblin_body {
padding:10px; width: 100%;
} }
.mediagoblin_footer {
position: fixed;
left: 0px;
top: 100px;
width: 50px;
height: 20px;
background-color: #f00;
}
}
/* old code
.navigation_button { .navigation_button {
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
@ -465,18 +476,4 @@ table.media_panel th {
.navigation_left { .navigation_left {
left: 0px; left: 0px;
} }
.media_image { */
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;
}
}