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