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       .pull-right {
  74         float: right;
  75       }
  76
  77       .collapse {
  78         margin: 0;
  79         width: auto;
  80       }
  81
  82       h1 {
  83         margin: 0;
  84       }
  85
  86       h2 {
  87         color: #9baec8;
  88         font-weight: normal;
  89         font-size: 20px;
  90         margin-bottom: 40px;
  91       }
  92
  93       form {
  94         width: 100%;
  95       }
  96
  97       input {
  98         box-sizing: border-box;
  99         width: 100%;
 100         padding: 10px;
 101         margin-top: 20px;
 102         background-color: rgba(0,0,0,.1);
 103         color: white;
 104         border: 0;
 105         border-bottom: 2px solid #9baec8;
 106         font-size: 14px;
 107       }
 108
 109       input:focus {
 110         border-bottom: 2px solid #4b8ed8;
 111       }
 112
 113       input[type="checkbox"] {
 114         width: auto;
 115       }
 116
 117       button {
 118         box-sizing: border-box;
 119         width: 100%;
 120         color: white;
 121         background-color: #419bdd;
 122         border-radius: 4px;
 123         border: none;
 124         padding: 10px;
 125         margin-top: 30px;
 126         text-transform: uppercase;
 127         font-weight: 500;
 128         font-size: 16px;
 129       }
 130
 131       .alert-danger {
 132         box-sizing: border-box;
 133         width: 100%;
 134         color: #D8000C;
 135         background-color: #FFD2D2;
 136         border-radius: 4px;
 137         border: none;
 138         padding: 10px;
 139         margin-top: 20px;
 140         font-weight: 500;
 141         font-size: 16px;
 142       }
 143
 144       .alert-info {
 145         box-sizing: border-box;
 146         width: 100%;
 147         color: #00529B;
 148         background-color: #BDE5F8;
 149         border-radius: 4px;
 150         border: none;
 151         padding: 10px;
 152         margin-top: 20px;
 153         font-weight: 500;
 154         font-size: 16px;
 155       }
 156     </style>
 157   </head>
 158   <body>
 159     <div class="container">
 160       <%= render @view_module, @view_template, assigns %>
 161     </div>
 162   </body>
 163 </html>