blockquote {

    border: none;

}

.thumbnail {

    border: none;

}

.container {

    margin-top:1%;

}

.navbar-default {

   background-color: #00ae18;

}

.navbar-default .navbar-brand {

   color: #fff;

}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

   color: #333;

}

.navbar-default .navbar-nav > li > a {

   color: #fff;

}

.dropdown-menu {

   background-color: #00ae18;

}

.dropdown-menu > li > a {

  color: #fff;

}

.dropdown-menu > li > a:hover {

   background-color: #00bf1a;

   color: #333;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

   background-color: #00bf1a;

   color: #fff;

}

{% extends "bootstrap/base.html" %}

{% import 'macros.html' as base_macros with context %}

{% block title %}

  Frënn vun der Ënn - {{ title }}

{% endblock %}

{% block metas %}

  {{ super() }}

  <meta charset="utf-8">

  <meta name="application-name" content="Ënnstatus">

  <meta name="author" content="Frënn vun der Ënn">

{% endblock %}

{% block styles %}

  {{ super() }}

  <link rel="stylesheet" href="{{ url_for('static', filename='css/ennstatus.css') }}" />

  <link rel="shortcut icon" href="{{ url_for('static', filename='images/favicon.png') }}">

{% endblock %}

{% block body %}

<a href="#content" class="sr-only">Skip to main content</a>

<div class="container">

  {% block navbar %}

  <div class="navbar navbar-default">

    <div class="navbar-header">

      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

      </button>

      <a class="navbar-brand" href="{{ url_for('root.index') }}">Enn.lu</a>

    </div>

    <div class="navbar-collapse collapse">

      <ul class="nav navbar-nav">

        <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>

          <ul class="dropdown-menu">

            <li><a>Who we are</a></li>

            <li><a>What we do?</a></li>

            <li><a>Our partners</a></li>

          </ul>

        </li>

        <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <b class="caret"></b></a>

          <ul class="dropdown-menu">

            <li><a>Tor Servers</a></li>

            <li><a>Mirrors</a></li>

            <li><a>About Ennstatus</a></li>

          </ul>

        </li>

        <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Support <b class="caret"></b></a>

          <ul class="dropdown-menu">

            <li><a>Donate</a></li>

            <li><a>Become a member</a></li>

            <li><a>Special programs</a></li>

          </ul>

        </li>

        <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact <b class="caret"></b></a>

          <ul class="dropdown-menu">

            <li><a>General</a></li>

            <li><a>Abuse</a></li>

            <li><a>Press</a></li>

          </ul>

        </li>

      </ul>

    </div>

  </div>

  {% endblock %}

  <div class="row" id="content">

  {% with messages = get_flashed_messages(with_categories=True) %}

    {% if messages %}

      <div class="col-md-12">

        {% for category, message in messages %}

          {{ base_macros.display_error(category, message) }}

        {% endfor %}

      </div>