Browse Source

refining theme details

master
mb@mb 7 years ago
parent
commit
473c004f17
  1. 20
      themes/cetcat/static/css/main.css
  2. 35
      themes/cetcat/templates/index.html
  3. 9
      themes/cetcat/templates/page.html

20
themes/cetcat/static/css/main.css

@ -40,7 +40,7 @@ body{
font-size: 16px;
line-height:1.8;
font-style: normal;
background-color: rgb(252, 255, 120);
background-color: rgba(252, 255, 120, .7);
color:black;
}
header {
@ -54,8 +54,8 @@ header {
}
#content.index header{
font-family: 'CMUconcrete';
font-size: 26px;
line-height: 1.6;
font-size: 22px;
line-height: 1.4;
letter-spacing: .035em;
}
#content.index header em{
@ -159,6 +159,9 @@ pre{
.summary p{
display: inline;
}
.summary.longread{
font-size: 150%;
}
.long-read .hentry{
width:calc(400px + 2em);
}
@ -181,7 +184,7 @@ pre{
font-size: 190%;
font-weight: bold;
line-height: 1.10;
margin:0;
margin:0 0 .5em 0;
}
.hentry .article-info .entry-title a{
text-decoration: none;
@ -189,14 +192,15 @@ pre{
/* date */
.event-details{
width: 100%;
font-family: 'CMUconcrete';
font-size: 12px;
margin:.5em 0 1em 0;
font-family: 'liberation';
font-size: 10px;
margin:.5em 0 0;
}
/* ascii art styling */
.hentry pre{
font-size: 14.4px;
font-weight: normal;
clear:both; /*to prevent the ascii to break up*/
}
/* featured image */
.hentry .article-info .featured-image img{
@ -246,7 +250,7 @@ pre{
}
.entry-content-container, #page-content-container{
width: calc(100% - 285px);
background-color: rgba(255,255,0,.3);
/*background-color: rgba(255,255,0,.3);*/
float: right;
padding:30px;
margin-bottom:25px;

35
themes/cetcat/templates/index.html

@ -19,24 +19,26 @@
<article class="hentry {{article.category}}">
{% endif %}
<div class="article-info">
<span class="entry-title"><a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></span>
<div class="event-details">
{% if article.event_start %}
<div class="entry-title">
<a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
</div>
<div class="featured-image {{past}}">
{% if article.featured_image %}
<a href="{{ article.url }}"><img src="{{ article.featured_image }}"></a>
{% endif %}
</div>
{% if article.event_start %}
<div class="event-details">
{{ article.event_start }}
{% set past = '' %}
{% if article.event_start < article.date.now() %}
{% set past = ' past-event' %}
{% endif %}
{% endif %}
</div>
<div class="featured-image {{past}}">
{% if article.featured_image %}
<img src="{{ article.featured_image }}">
{% endif %}
</div>
</div>
{% endif %}
</div>
<div class="summary">{{ article.summary }}
<div class="summary {{ article.category }}">{{ article.summary }}
<span>
<a href="{{ article.url }}">
{% if DEFAULT_LANG == 'en' %}
@ -47,6 +49,17 @@
</a>
</span>
</div>
<!-- <div class="summary {{ article.category }}">{{ article.summary }}
<span>
<a href="{{ article.url }}">
{% if DEFAULT_LANG == 'en' %}
read more
{% elif DEFAULT_LANG == 'nl' %}
lees meer
{% endif %}
</a>
</span>
</div> -->
<div class="separator"><hr></div>
<div class="post-info">
{% if article.category %}

9
themes/cetcat/templates/page.html

@ -1,6 +1,15 @@
{% extends "base.html" %}
{% block title %}{{ page.title }}{%endblock%}
{% block content %}
<section id="content" class="index">
<header id="banner">
{% for p in pages %}
{% if p.title == 'header' %}
<div id="title">{{ p.content }}</div>
{% endif %}
{% endfor %}
</header>
</section>
<div id="page-content">
{{ page.content }}

Loading…
Cancel
Save