git.squeep.com Git - akkoma/blob - lib/pleroma/web/templates/layout/static_fe.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       }
  15
  16       .container {
  17         margin: 50px auto;
  18         max-width: 960px;
  19         padding: 0;
  20         padding: 40px 40px 40px 40px;
  21         background-color: #313543;
  22         border-radius: 4px;
  23       }
  24
  25       .avatar {
  26         cursor: pointer;
  27       }
  28
  29       .avatar img {
  30         float: left;
  31         border-radius: 4px;
  32         margin-right: 4px;
  33       }
  34
  35       a {
  36         color: white;
  37       }
  38
  39       .h-card {
  40         min-height: 48px;
  41         margin-bottom: 8px;
  42       }
  43
  44       .h-card a {
  45         text-decoration: none;
  46       }
  47
  48       .h-card a:hover {
  49         text-decoration: underline;
  50       }
  51
  52       .display-name {
  53         padding-top: 4px;
  54         display: block;
  55         text-overflow: ellipsis;
  56         overflow: hidden;
  57         color: white;
  58       }
  59
  60       .display-name .nickname {
  61         padding-top: 4px;
  62         display: block;
  63       }
  64
  65       .nickname:hover {
  66         text-decoration: none;
  67       }
  68
  69       h1 {
  70         margin: 0;
  71       }
  72
  73       h2 {
  74         color: #9baec8;
  75         font-weight: normal;
  76         font-size: 20px;
  77         margin-bottom: 40px;
  78       }
  79
  80       form {
  81         width: 100%;
  82       }
  83
  84       input {
  85         box-sizing: border-box;
  86         width: 100%;
  87         padding: 10px;
  88         margin-top: 20px;
  89         background-color: rgba(0,0,0,.1);
  90         color: white;
  91         border: 0;
  92         border-bottom: 2px solid #9baec8;
  93         font-size: 14px;
  94       }
  95
  96       input:focus {
  97         border-bottom: 2px solid #4b8ed8;
  98       }
  99
 100       input[type="checkbox"] {
 101         width: auto;
 102       }
 103
 104       button {
 105         box-sizing: border-box;
 106         width: 100%;
 107         color: white;
 108         background-color: #419bdd;
 109         border-radius: 4px;
 110         border: none;
 111         padding: 10px;
 112         margin-top: 30px;
 113         text-transform: uppercase;
 114         font-weight: 500;
 115         font-size: 16px;
 116       }
 117
 118       .alert-danger {
 119         box-sizing: border-box;
 120         width: 100%;
 121         color: #D8000C;
 122         background-color: #FFD2D2;
 123         border-radius: 4px;
 124         border: none;
 125         padding: 10px;
 126         margin-top: 20px;
 127         font-weight: 500;
 128         font-size: 16px;
 129       }
 130
 131       .alert-info {
 132         box-sizing: border-box;
 133         width: 100%;
 134         color: #00529B;
 135         background-color: #BDE5F8;
 136         border-radius: 4px;
 137         border: none;
 138         padding: 10px;
 139         margin-top: 20px;
 140         font-weight: 500;
 141         font-size: 16px;
 142       }
 143     </style>
 144   </head>
 145   <body>
 146     <div class="container">
 147       <%= render @view_module, @view_template, assigns %>
 148     </div>
 149   </body>
 150 </html>