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