git.squeep.com Git - akkoma/blob - lib/pleroma/web/templates/layout/app.html.eex

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8" />
   5     <meta name="viewport" content="width=device-width,initial-scale=1,minimal-ui" />
   6     <title>
   7     <%= Application.get_env(:pleroma, :instance)[:name] %>
   8     </title>
   9     <style>
  10       body {
  11         background-color: #282c37;
  12         font-family: sans-serif;
  13         color:white;
  14         text-align: center;
  15       }
  16
  17       .container {
  18         margin: 50px auto;
  19         max-width: 320px;
  20         padding: 0;
  21         padding: 40px 40px 40px 40px;
  22         background-color: #313543;
  23         border-radius: 4px;
  24       }
  25
  26       h1 {
  27         margin: 0;
  28       }
  29
  30       h2 {
  31         color: #9baec8;
  32         font-weight: normal;
  33         font-size: 20px;
  34         margin-bottom: 40px;
  35       }
  36
  37       form {
  38         width: 100%;
  39       }
  40
  41       input {
  42         box-sizing: border-box;
  43         width: 100%;
  44         padding: 10px;
  45         margin-top: 20px;
  46         background-color: rgba(0,0,0,.1);
  47         color: white;
  48         border: 0;
  49         border-bottom: 2px solid #9baec8;
  50         font-size: 14px;
  51       }
  52
  53       input:focus {
  54         border-bottom: 2px solid #4b8ed8;
  55       }
  56
  57       input[type="checkbox"] {
  58         width: auto;
  59       }
  60
  61       button {
  62         box-sizing: border-box;
  63         width: 100%;
  64         color: white;
  65         background-color: #419bdd;
  66         border-radius: 4px;
  67         border: none;
  68         padding: 10px;
  69         margin-top: 30px;
  70         text-transform: uppercase;
  71         font-weight: 500;
  72         font-size: 16px;
  73       }
  74
  75       .alert-danger {
  76         box-sizing: border-box;
  77         width: 100%;
  78         color: #D8000C;
  79         background-color: #FFD2D2;
  80         border-radius: 4px;
  81         border: none;
  82         padding: 10px;
  83         margin-top: 20px;
  84         font-weight: 500;
  85         font-size: 16px;
  86       }
  87
  88       .alert-info {
  89         box-sizing: border-box;
  90         width: 100%;
  91         color: #00529B;
  92         background-color: #BDE5F8;
  93         border-radius: 4px;
  94         border: none;
  95         padding: 10px;
  96         margin-top: 20px;
  97         font-weight: 500;
  98         font-size: 16px;
  99       }
 100     </style>
 101   </head>
 102   <body>
 103     <div class="container">
 104       <h1>Pleroma</h1>
 105       <%= render @view_module, @view_template, assigns %>
 106     </div>
 107   </body>
 108 </html>