pradapony/varia.website
1
0
Fork 0
forked from varia/varia.website
Code Issues Pull Requests Releases Wiki Activity

mobile style

Browse Source
This commit is contained in:
lowrussia 2020-02-20 13:04:43 +01:00
parent cd134300c2
commit 6cd3e0cbb9
2 changed files with 119 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
themes/varia/static/css/main.css
View File

@ -405,3 +405,109 @@ sup span{
sup span p{
display: inline;
}
/****************************/
/*mobile style*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
/*home page*/
html, body {
padding: 0;
}
body {
min-width: auto;
width: 100%;
}
.buttons.top {
margin-top: 30px;
text-align: left;
margin-left: 15px;
}
.buttons.top li {
margin: 0;
padding: 0;
}
.buttons.top.left {
margin-top: 0;
right: auto;
left: 0;
}
#banner {
width: calc(100% - 30px);
padding: 100px 15px 0 15px;
font-size: 20px;
margin-top: 0;
}
#content {
padding: 15px;
width: calc(100% - 30px);
}
.hentry.current, .hentry.article, .hentry.artikel, .hentry.current .article-info, .hentry.current .featured-image img {
width: 100%;
}
.hentry {
width: 85%;
margin-right: 0;
}
.hentry.article, .hentry.artikel {
width: 90%;
}
.hentry pre {
font-size: 9px;
}
/*single page*/
#content.body .entry-title {
font-size: 24px;
margin: 0;
width: 100%;
}
#content.body .article-info {
float: none;
width: 100%;
margin-top: 15px;
margin-bottom: 30px;
}
.entry-content-container, #page-content-container {
float: none;
width: 100%;
padding: 0;
font-size: 16px;
}
.entry-content, #page-content {
margin: 0;
}
.entry-content img, #page-content img {
max-width: 100%;
height: auto;
}
/*about*/
.entry-content, #page-content p, .entry-content, #page-content h1 {
font-size: 16px;
padding: 0 15px;
}
}

7
themes/varia/templates/index.html
View File

@ -30,10 +30,11 @@
{% if article.event_start %}
{% set event_status = '' %}
{% if article.event_start < article.date.now() %}
{% set now = article.date.now() | string %}
{% if article.event_start < now %}
{% set event_status = ' past' %}
{% endif %}
{% if article.event_start >= article.date.now() %}
{% if article.event_start >= now %}
{% set event_status = ' current' %}
{% set thumb_size = '/thumb2x' %}
{% endif %}
@ -51,7 +52,7 @@
<span class="entry-title"><a href="/{% if article.lang == 'en' %}en/{% endif %}{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></span>
{% if article.event_start %}
<div class="event-details">
{{ article.event_start | strftime('%d %B %Y') }}
<!-- article.event_start | strftime('%d %B %Y') -->
</div>
{% else %}
<div class="event-details"></div>