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

Several changes for mobile layout

Browse Source
This commit is contained in:
Jef van Schendel 2012-01-05 21:36:24 +01:00
parent 426808cc8f
commit 7df9f45c32
3 changed files with 11 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -85,18 +85,14 @@ input, textarea {
/* website structure */
.mediagoblin_body {
position: relative;
min-height: 100%;
margin-left: auto;
margin-right: auto;
width: 960px;
margin: auto;
width: 96%;
max-width: 960px;
}
.mediagoblin_header {
width: 100%;
height: 36px;
margin-left: 10px;
margin-right: 10px;
padding-top: 14px;
margin-bottom: 20px;
border-bottom: 1px solid #333;
@ -118,16 +114,12 @@ a.mediagoblin_logo {
.mediagoblin_content {
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 74px;
}
.mediagoblin_footer {
width: 100%;
height: 30px;
margin-left: 10px;
margin-right: 10px;
border-top: 1px solid #333;
bottom: 0px;
padding-top: 8px;
@ -253,16 +245,17 @@ text-align: center;
background-color: #222;
background-image: url("../images/background_lines.png");
background-repeat: repeat-x;
width: 340px;
padding: 30px 60px;
margin-left: auto;
margin-right: auto;
padding: 3% 5%;
display: block;
float: none;
width: 90%;
max-width: 340px;
margin-left: auto;
margin-right: auto;
}
.form_box_xl {
width: 460px;
max-width: 460px;
}
.edit_box {
@ -452,15 +445,8 @@ table.media_panel th {
@media screen and (max-width: 960px) {
.mediagoblin_body {
width: 100%;
}
.mediagoblin_footer {
position: fixed;
left: 0px;
top: 100px;
width: 50px;
height: 20px;
background-color: #f00;
}
}

1
mediagoblin/templates/mediagoblin/base.html
View File

@ -19,6 +19,7 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>{% block title %}{{ app_config['html_title'] }}{% endblock %}</title>
<link rel="stylesheet" type="text/css"
href="{{ request.staticdirect('/css/reset.css') }}"/>

2
mediagoblin/templates/mediagoblin/root.html
View File

@ -23,8 +23,8 @@
{% if request.user %}
<h1>{% trans %}Explore{% endtrans %}</h1>
{% else %}
<img class="right_align" src="{{ request.staticdirect('/images/frontpage_image.png') }}" />
<h1>{% trans %}Hi there, welcome to this MediaGoblin site!{% endtrans %}</h1>
<img class="right_align" src="{{ request.staticdirect('/images/frontpage_image.png') }}" />
<p>{% trans %}This site is running <a href="http://mediagoblin.org">MediaGoblin</a>, an extraordinarily great piece of media hosting software.{% endtrans %}</p>
<p>{% trans %}To add your own media, place comments, save your favourites and more, you can log in with your MediaGoblin account.{% endtrans %}</p>
{% if allow_registration %}