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         .notice {
  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         .notice > div {
 104             margin: 0px;
 105             padding: 5px;
 106         }
 107         .notice > h2 {
 108             margin: 0px;
 109             padding: 5px;
 110             background-color: #eaeaea;
 111             text-align: center;
 112         }
 113         li {
 114             padding-bottom: 4px;
 115         }
 116         code {
 117             padding: 3px;
 118             background-color: #eaeaea;
 119             border-radius: 5px;
 120         }
 121     </style>
 122 </head>
 123
 124 <body>
 125     <div id="header">
 126         {% block header %}<h1>Page has no header</h1>{% endblock %}
 127     </div>
 128
 129     <div id="content">
 130         {% block content %}{% endblock %}
 131     </div>
 132
 133     <div id="footer">
 134         {% block footer %}
 135             source code:
 136             <a href="https://git.mxchange.org/?p=fba.git;a=summary" rel="source" target="_blank">git.mxchange.org</a><br /><br />
 137             {% if info %}
 138                 {{info.slogan}}
 139             {% elif slogan %}
 140                 {{slogan}}
 141             {% else %}
 142                 NO SLOGAN WAS FOUND!!!
 143             {% endif %}
 144         {% endblock %}
 145     </p>
 146 </body>
 147 </html>