templates/base.html

   1 <!DOCTYPE html>
   2 <head>
   3     <title>fedi-block-api - {% block title %}{% endblock %}</title>
   4     {% block rss %}
   5         <link rel="alternate" type="application/rss+xml" title="RSS Feed for latest blocked instances" href="{{base_url}}/rss" />
   6     {% endblock %}
   7     <style>
   8         body {
   9             background-color: #ffffff;
  10             color: #000022;
  11             text-align: center;
  12             font-family: sans;
  13         }
  14
  15         #header {
  16             margin-bottom: 20px;
  17         }
  18
  19         h1 {
  20             background-color: #eaeaea;
  21             border-radius: 5px;
  22             padding-left: 5px;
  23             padding-right: 5px;
  24             width: auto;
  25         }
  26
  27         #content {
  28             margin-bottom: 20px;
  29         }
  30
  31         table {
  32             width: 100%;
  33             border: 2px solid #eaeaea;
  34             border-spacing: 0px;
  35             border-radius: 5px;
  36         }
  37
  38         th {
  39             padding-top: 4px;
  40             padding-bottom: 4px;
  41         }
  42
  43         table tr:nth-of-type(2n), thead {
  44             background-color: #eaeaea;
  45         }
  46
  47         table td {
  48             padding: 4px;
  49             text-align: left;
  50         }
  51
  52         .block_level {
  53             width: 100%;
  54             margin: auto;
  55             margin-top: 10px;
  56         }
  57         .block {
  58             padding: 5px;
  59             margin: 5px;
  60         }
  61
  62         a {
  63             color: #000000;
  64         }
  65         a.listlink {
  66             text-decoration: none;
  67         }
  68         a:hover {
  69             color: #f00000;
  70         }
  71
  72         input {
  73             padding: 5px;
  74             border-radius: 5px;
  75             font-size: 16px;
  76         }
  77         input[type="submit"] {
  78             cursor: pointer;
  79         }
  80         input:hover {
  81             border-color: #f00000;
  82         }
  83
  84         span[title] {
  85             text-decoration: underline dotted;
  86         }
  87
  88         .scoreboard {
  89             margin-left: auto;
  90             margin-right: auto;
  91             min-width: 50%;
  92             width: 50em;
  93         }
  94         .notes {
  95             margin-left: auto;
  96             margin-right: auto;
  97             margin-bottom: 20px;
  98             width: 50em;
  99             text-align: left;
 100             border: 1px solid #eaeaea;
 101             border-radius: 5px;
 102         }
 103         .notes > h2 {
 104             margin: 0px;
 105             padding: 5px;
 106             background-color: #eaeaea;
 107             text-align: center;
 108         }
 109     </style>
 110 </head>
 111
 112 <body>
 113     <div id="header">
 114         {% block header %}<h1>Page has no header</h1>{% endblock %}
 115     </div>
 116
 117     <div id="content">
 118         {% block content %}{% endblock %}
 119     </div>
 120
 121     <div id="footer">
 122         {% block footer %}
 123             source code:
 124             <a href="https://git.mxchange.org/?p=fba.git;a=summary" rel="source" target="_blank">git.mxchange.org</a><br /><br />
 125             {% if info %}
 126                 {{info.slogan}}
 127             {% elif slogan %}
 128                 {{slogan}}
 129             {% else %}
 130                 NO SLOGAN WAS FOUND!!!
 131             {% endif %}
 132         {% endblock %}
 133     </p>
 134 </body>
 135 </html>