tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

body {
/*    background-color: #f2c84b;*/
    color: #493F3E
}
#content {
    padding: 0 0.5% 0 0.5%;
}

a, a:hover {
    text-decoration: none;
}

header {
    background-color: #95392E;
    padding: 1%;
    border-bottom: 1px solid #95392E;
    color: white;
}
header > h1 > a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

#story > header > a {
    color: white;
}

header > a> h2 {
header h2 {
/*    border-top: 1px solid white;*/
    color: white;
}

#story-list {
/*    background-color: #f2c84b;*/
}

#story-list > .story > a, .feed > a {
    text-decoration: none;
#story-list a, .feed {
    padding: 0.5% 0 0.5% 0;
    font-weight: bold;
    margin-top: 0;
}
#story-list > .story > p {

.story-date {
    font-size: .75em;
    color: #493F3E;
    font-weight: normal;
}

.feed {
    color: white;
    text-decoration: none;
}

#story-list > .story > .read {
.read {
    color: #D99B48;
}
#story-list > .story > .unread, .feed > a {
.unread, .feed .feed-title {
    color: #C57E3C;
}
.ng, .nt, .ps {
    color: #493F3E;

#story-list > .story, .feed {
    padding: .5%;
}

#story-list .story, .feed {
    text-decoration: none;
    padding: .5 0 .5% 0%;
    border-top: 1px solid #95392E;
    margin-top: .33%;
}

span.ps, span.nt, span.ng {
    padding: .05em;
    border-radius: 5px;
}
span.ps {
    background-color: #ABAA7A;
}
span.nt {
    background-color: #D99B48;
}
span.ng {
    background-color: red;
}

footer {
    background-color: #95392E;
    padding: 1%;
    border-top: 1px solid #95392E;
    color: white;
}
footer > a {
footer a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

{{extend 'layout.html'}}

{{ for feed in feeds.itervalues(): }}
    <a href="{{= URL(c="feeds", f="view", args=[feed["id"]]) }}">
    <div class="feed">
        {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>{{= feed["ng"] }}</span> {{ pass }}
        {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>{{= feed["nt"] }}</span> {{ pass }}
        {{if feed["ps"] > 0: }}<span class='ps'>{{= feed["ps"] }}</span> {{ pass }}
        <a href="{{= URL(c="feeds", f="view", args=[feed["id"]]) }}">{{= feed["feed_title"] }}</a><br />
    </div>
        <div class="feed">
            {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>{{= feed["ng"] }}</span> {{ pass }}
            {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>{{= feed["nt"] }}</span> {{ pass }}
            {{if feed["ps"] > 0: }}<span class='ps'>{{= feed["ps"] }}</span> {{ pass }}
            <span class="feed-title">{{= feed["feed_title"] }}</span>
        </div>
    </a>
{{ pass }}

{{extend 'layout.html'}}

{{ block header_bonus }}
    <h2>{{= feed["feed_title"] }}</h2>
    <a href="{{= URL("mark_read", args=[feed["id"]]) }}" class="button">Mark feed as read</a>
{{ end }}

<section id="story-list">
{{
import time 
s = time.time()
}}
    {{ 
        for story in stories: 
        if sum([v for k,v in story["intelligence"].iteritems()]) < threshold:
            continue
    }}

        {{ print story["read_status"] }}
        <div class="story">
            <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}" class="{{= "unread" if story["read_status"] == 0 else "read" }}">
        <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}" }}">
            <div class="story">
                <p class="story-title {{= "unread" if story["read_status"] == 0 else "read" }}">{{= story["story_title"] }}</p>
                {{= story["story_title"] }}
            </a>
            <p>{{= story["story_date"] }}</p>
        </div>
                <p class="story-date">{{= story["story_date"] }}</p>
            </div>
        </a>
    {{ pass }}
{{ print time.time() - s }}
</section>

    else: width_content='100%'
    if left_sidebar_enabled: left_sidebar_style = 'style="display: block;"'
    else: left_sidebar_style = 'style="display: none;"'
    if right_sidebar_enabled: right_sidebar_style = 'style="display: block;"'
    else: right_sidebar_style = 'style="display: none;"'
    style_content = 'style="width: %s"' % width_content
    }}
<!--    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">-->
    <link rel="stylesheet" href="{{= URL("static", "css/1140.css") }}">
  </head>
  
  <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->	
  <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
  <!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
  <!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
  <!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
    
    <div class="flash">{{=response.flash or ''}}</div> <!-- notification div -->
    
	<header>
	  {{block header}} <!-- this is default header -->
          <h1><a href="{{= URL("mobileblur", "default", "index") }}">MobileBlur</a></h1>
	  {{end}}
      {{ block header_bonus }}{{end}}
	</header>
	
    <section id="content" class-"container" {{=XML(style_content)}} >
    <section id="content"{{=XML(style_content)}} >
        {{include}}	
    </section>

    <footer>
        <a href="{{= URL("default", "logout") }}">Log out</a>
    </footer>