From 0fc2f5346dbf64e58e6d9b136affa107f859e0ca Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 19 Jul 2020 12:57:33 -0500
Subject: [PATCH] Break OAuth form CSS out so it can be overridden by the admin

---
 lib/pleroma/web/templates/layout/app.html.eex | 219 +-----------------
 priv/static/instance/static.css               | Bin 0 -> 3485 bytes
 2 files changed, 1 insertion(+), 218 deletions(-)
 create mode 100644 priv/static/instance/static.css

diff --git a/lib/pleroma/web/templates/layout/app.html.eex b/lib/pleroma/web/templates/layout/app.html.eex
index 5836ec1e0..7bc81ddaa 100644
--- a/lib/pleroma/web/templates/layout/app.html.eex
+++ b/lib/pleroma/web/templates/layout/app.html.eex
@@ -6,224 +6,7 @@
     <title>
     <%= Pleroma.Config.get([:instance, :name]) %>
     </title>
-    <style>
-      body {
-        background-color: #121a24;
-        font-family: sans-serif;
-        color: #b9b9ba;
-        text-align: center;
-      }
-
-      .container {
-        max-width: 420px;
-        padding: 20px;
-        background-color: #182230;
-        border-radius: 4px;
-        margin: auto;
-        margin-top: 10vh;
-        box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.5);
-      }
-
-      h1 {
-        margin: 0;
-        font-size: 24px;
-      }
-
-      h2 {
-        color: #b9b9ba;
-        font-weight: normal;
-        font-size: 18px;
-        margin-bottom: 20px;
-      }
-
-      a {
-        color: color: #d8a070;
-        text-decoration: none;
-      }
-
-      form {
-        width: 100%;
-      }
-
-      .input {
-        text-align: left;
-        color: #89898a;
-        display: flex;
-        flex-direction: column;
-      }
-
-      input {
-        box-sizing: content-box;
-        padding: 10px;
-        margin-top: 5px;
-        margin-bottom: 10px;
-        background-color: #121a24;
-        color: #b9b9ba;
-        border: 0;
-        transition-property: border-bottom;
-        transition-duration: 0.35s;
-        border-bottom: 2px solid #2a384a;
-        font-size: 14px;
-      }
-
-      .scopes-input {
-        display: flex;
-        flex-direction: column;
-        margin-top: 1em;
-        text-align: left;
-        color: #89898a;
-      }
-
-      .scopes-input label:first-child {
-        height: 2em;
-      }
-
-      .scopes {
-        display: flex;
-        flex-wrap: wrap;
-        text-align: left;
-        color: #b9b9ba;
-      }
-
-      .scope {
-        display: flex;
-        flex-basis: 100%;
-        height: 2em;
-        align-items: center;
-      }
-
-      .scope:before {
-        color: #b9b9ba;
-        content: "✔\fe0e";
-        margin-left: 1em;
-        margin-right: 1em;
-      }
-
-      [type="checkbox"] + label {
-        display: none;
-        cursor: pointer;
-        margin: 0.5em;
-      }
-
-      [type="checkbox"] {
-        display: none;
-      }
-
-      [type="checkbox"] + label:before {
-        cursor: pointer;
-        display: inline-block;
-        color: white;
-        background-color: #121a24;
-        border: 4px solid #121a24;
-        box-shadow: 0px 0px 1px 0 #d8a070;
-        box-sizing: border-box;
-        width: 1.2em;
-        height: 1.2em;
-        margin-right: 1.0em;
-        content: "";
-        transition-property: background-color;
-        transition-duration: 0.35s;
-        color: #121a24;
-        margin-bottom: -0.2em;
-        border-radius: 2px;
-      }
-
-      [type="checkbox"]:checked + label:before {
-        background-color: #d8a070;
-      }
-
-      input:focus {
-        outline: none;
-        border-bottom: 2px solid #d8a070;
-      }
-
-      button {
-        box-sizing: border-box;
-        width: 100%;
-        background-color: #1c2a3a;
-        color: #b9b9ba;
-        border-radius: 4px;
-        border: none;
-        padding: 10px;
-        margin-top: 20px;
-        margin-bottom: 20px;
-        text-transform: uppercase;
-        font-size: 16px;
-        box-shadow: 0px 0px 2px 0px black,
-          0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
-          0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
-      }
-
-      button:hover {
-        cursor: pointer;
-        box-shadow: 0px 0px 0px 1px #d8a070,
-          0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
-          0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
-      }
-
-      .alert-danger {
-        box-sizing: border-box;
-        width: 100%;
-        background-color: #931014;
-        border: 1px solid #a06060;
-        border-radius: 4px;
-        padding: 10px;
-        margin-top: 20px;
-        font-weight: 500;
-        font-size: 16px;
-      }
-
-      .alert-info {
-        box-sizing: border-box;
-        width: 100%;
-        border-radius: 4px;
-        border: 1px solid #7d796a;
-        padding: 10px;
-        margin-top: 20px;
-        font-weight: 500;
-        font-size: 16px;
-      }
-
-      @media all and (max-width: 440px) {
-        .container {
-          margin-top: 0
-        }
-
-        .scope {
-          flex-basis: 0%;
-        }
-
-        .scope:before {
-          content: "";
-          margin-left: 0em;
-          margin-right: 1em;
-        }
-
-        .scope:first-child:before {
-          margin-left: 1em;
-          content: "✔\fe0e";
-        }
-
-        .scope:after {
-          content: ",";
-        }
-
-        .scope:last-child:after {
-          content: "";
-        }
-      }
-      .form-row {
-        display: flex;
-      }
-      .form-row > label {
-        text-align: left;
-        line-height: 47px;
-        flex: 1;
-      }
-      .form-row > input {
-        flex: 2;
-      }
-    </style>
+    <link rel="stylesheet" href="/instance/static.css">
   </head>
   <body>
     <div class="container">
diff --git a/priv/static/instance/static.css b/priv/static/instance/static.css
new file mode 100644
index 0000000000000000000000000000000000000000..8e2e071efad6873e169b69c51d2c84adffb660be
GIT binary patch
literal 3485
zcmb_f?{3>R5dZF{AQB8{(8!P+J8@L3*n4dIK#7z^L>2{#s+|^ni+$YF?MZfbBqhpL
z(+(XJI5Bm+zrXw4rO@J)eOWP9@bcwg^w5f=)QvVdyUjKk-)uj?%SyL4srXSfuQ}^^
z+b6v=s=`-6xOj$#<B64LoA5>*+MJcLwbFc8eO;~AB`D#lm4@sc`8hc$Ve6c2H)(gq
zn;jQIwTGOAgC(c-o6SRt(uFocn#6FSh90yy9Y<~s3M})%YLs%{6RW$NW$CBd-8?6K
z&4oVYEM-}D#>)(xVCGQpcj-OzKkMBc`Cez<XQ!LYQ%-vIS%SM{8)B?CBzK(?5<W?F
zsBO+#ZH~M_M<N~BKK4H;w6*#eG6AZ2tT`AEd!9a#H<WZCOKrGS8scwtE6Mi?tkGSc
z?JP}yaRpIrH&}WVm#mSMMc;yr{WCmNSfTo^;eddukyJ1Iod{)Q>1@K4;n<S$Nq3<k
z+3GXZ6(InKfavD+&O89(V(k|55hRz8F~T*tK4H>f1*(maSpx`G=yK8--AQ91CXXhU
z_X{a8gsi6Phh2|vXW~#Mz)r6lCD`qTKkT=ZueiDaA?v;bi+wWX=ZCX;fn|9lFQaDr
zR^_nyW@Z~+$R@9p>1|Thsu2W&+QV~$nx{MTZrRC`;m}q1`8`)cB}TPxXf1fJpr0L1
z8JoGq7!gaNtUQ8DOfM8+UP!>ZB<<HI@bJso%|Czt^+zRBd4rC7)M5I-tjnuEGp=Ll
z5PbjLzIO80o3fVW3t;%>PxhWsGUwsA-h&nzOpi?3Y2|1z*a9G~cRtP6I=_HVW5UNi
zzLxX0XE9$}95t!70rpLbMwc%bw$IP0hGgRRH(M$+5E7*a`ZOM>#RH#uCPh|F+3mzo
zF%OL0Lo^VGX-&wRDxQUdi(;%(SEH$%RL14Dz8Gs5Xe7AM*#S0Fc;0-V<RlG#`7pu+
z0urFcxvEr7fRQ4gC9c>))<ez!a6}V%rOTlwi0Q#%5d*!y#Y2&nVt`@Nl7jD7fyTo!
z8cN_cVz!W@(AJ|LAr(Y-;dJtL9Pok0eQIeshoOIw?r=;qib{tQEoVaq%w6)Hup3kD
zqZ=GcphTL+F<&$Qi+g|qqpyTj|B5z%&2D$krVl9i9aC*D?Q|!(x)iMqL7d>=vY*%b
zlV5!nXkp1&bQF#F9-2&FS)M$lzkbf$HE&=dCW5yI@9)oG=J_E@Guj~ogP`}GL3sKI
z4{^`pF84!lnXOj4l+<0p0q2g3OSP5$kDajS+d?=`;_3O3`s06f{I{bNio@V*7;go8
z7jMp60LdMNbFp5BN#hpZ6rc_%V9f0SbOE+cT;Ke(#hq{_6LS>K3R>J?a^9fasNKy>
z&&T6wJT>P^qn%@Jz&HJD2FGS+13L;O=N0^e;RBkyyeBtfxrT>j=Nni2jjyXU@=Id$
uiL{R6(=EO6>yOdwU)rE)+=lgK`{ZZ|)xeg4%rF`H2<#GeaVM}rfqwyH=q^+M

literal 0
HcmV?d00001