From f0a402e14178a95ebdae8357cd75d047be29ac0c Mon Sep 17 00:00:00 2001 From: Peter Pfeufer Date: Tue, 24 Oct 2023 11:25:52 +0200 Subject: [PATCH] [ADD] Documentation --- .../css-framework/callout-boxes.jpg | Bin 0 -> 17852 bytes docs/development/custom/css-framework.md | 42 ++++++++++++++++++ 2 files changed, 42 insertions(+) create mode 100644 docs/_static/images/development/css-framework/callout-boxes.jpg create mode 100644 docs/development/custom/css-framework.md diff --git a/docs/_static/images/development/css-framework/callout-boxes.jpg b/docs/_static/images/development/css-framework/callout-boxes.jpg new file mode 100644 index 0000000000000000000000000000000000000000..55bdebb0a66455f15e5aa8d183c054356a0723e9 GIT binary patch literal 17852 zcmeHuWmFv7wr(|z1}C@&NazF$5?nVM5AIHI2{f)DjRbcO?iM5v+=2!TPLReuXmFR; z*~jiZ_ntA{ePjPP@4a-7`J+}>&8lzqT(#CW<$n5p3BZ$;l#v8LAP``L_yYH{fH;7T zii(Dcf{uoUhJk_p0E-YC3lkHIjNlJtZZC=PC1Zb}lY1 z8b&@LUJgN4PA-n0NyK*mQQc*HJ- z`cU~58l3|nhi^N$-L>L)G` z0R9WCza#r6T=)oFNXW=wWVD~SKuB%~0pla1JYq*B5K~5b!xx?Kx0vk8b_{w> zl>;JU$I%DG3|z~P4}U`Y1KIx`Fu(sJWPb1%1USEflw#80bLXxI z3_gRX6U=B`mO5&cpwQE(Ua87%IF&rGd#0$F!}Go9kmr2-?m}c$^2yy5Y!U6oikv`M zc?J5T@b&=K9WH-+au0mQy%<4`S94Fj-ns|g&>ZGIgn5hn@W0~%Jtm_5>t&W*i;Ifa zOZPwoAR{3a()u~`y!{>^XaB2q(O*h`+4SGer8u~m(T%`Q+rJ3=JXpG6zX#~=s_p^X zd*H-+%0rJPP-G1@3EOMEi_odx9p<69u@+gm#W@Ov6baGhghGIS6G7s=yJ`J#5A5dT z6|G($-2<)nz^BmI|0yJTq#xaPrp4Bbi%BjdZYuileyyH3cC=hT9Wc$?r!4XTLq$!{WYi4at2~8y> zA}uAp(NXVFbLfkNWwZ@-V^NXpk{8`OBqXj3wA2B|YTn(hO zr92j;I@M@yt*JN?{sxH}PBsdoO&^*^qplg0d%PDJLI@8EVf`|cb+}7>7QCBR{DfEO zsbJ(@6Uga@7Mf~vYi)I1ORR@M&llpe!#*eSywX(hh-FbSir!u@FCl2FT9ap`p(dF6 z%Pz`61_ zA2|ow5~VUD+JxIRlx!bZ>Nrdoz;!R73pVwuikzkoiPT;eD@oI*QIkw;R2T5)Eilv` zz<1n~88lctSm075ncSxEl71qyik2I zy-%|y-{vFpCRS`oy=LmvM&B5lPHrP}_iD`*>TDu9-f=bv(P-;lvd2*3$Mpn$m?iQW zdziUIa;bdXwI{^M%jifqa9X9<*(qb{aWy}aUaG2j*A-lRZor{0Lz_l3JQBJ?ZmTI< zTN}uv+hSS!GOjuL_r7r;93tYgCrZvebygRrF9C(P)g<-32PAvo6f|+*i*G5%nM}$u zg3uzZ9fIjpf$n5{x`>z=+f`_$JwrJ_O8TR3mE>ekT;ovxc1)spFi*`jD(CR ziv3&Cdm!c>(7p$1?}4iqHqGU@ois-xJ0fR@QzXmuTrE-~?q1Lwz76t_AXKA{Q8|~d zo?xhs-KJqLVUtfG1X?=oq{gKjt4+7Q%F~IHNUhJdB#`fUXN*BQ#9y=rFH;sJ zi@xxZ^;@9`-g6zm{yODQ_r8aqpHzC@Yu}C^>oC+dDTr$TbJPRNiL0N?gj25%63nCI zJN<4*0Hjl`gd$crD^)aHEP;OgdZd(jeTYo0QaRE;QP4NTIw_D#EXy*)vinKB2ensF zh--=Lu68hW+L9MYmrx0nYV#eJ+@;;Z#-x;PRik@AR~TW04-X-BohxuznSsLjg`W_< z#%)8cGfdUIU<21Ds2n_s=IF;z!RTF@yd?znZwcdu3SjQ&tMH~QY^%jEFDFVyP8X3v z_5!hE(jr|MTya~c*R&bZZoTzed=QP#{ zL7A`|Eo+V1vvYiz+L_L_(U*tKuR%abF%~a_%MbPCgW3qBfXJ`DXVonX{cFh+C^#~F zjDUrZXIdNrJ_@#+RQ0!)l52A%Qqg576VYjurUc;}IB2LJ=G;{!>vf;olCxEQS!=W1 zaF^}rR*E;0J>cads*(VV>)xG+7wB&FS*+{MN{`K6ax_CR*%{(p9wj}F0#?zeAW0pb zf+M=W8zswEnh=i8%f_*;Cf+U?Z3-QElzo7J$u~P1h5Bbv>k_$ZqxwUoSxrMl(0Ri`GzCITLtR24%`udkD&1u?=Xy-otGBzSFAz63)pNIyZEVmk@KZq@o(l^h zCZ36C26thEfkg6e~X7~@G>Tk}fqi1pYxrdoO{M?*00CZqp&Et5tl z&=c1I7ff;H7BMpo#4xaY>BKKX(L`*niDutt{@rUe|ItA~C|vUlI^A1${CPBnDMWDL zvqf_H^*sO|vM~<@x`R3znThMpb}SkNPVnb1W1Fhmkc7>RWq29WHWxl_UA-YUOVOG2 z_^e_<{d$-Qwx}R;YyFK76yUP7hjX;C;<3kI-ViNkpR*z%^BzDw!LA7;w3p;R?E4B& z3Up4_SW~u;~ zre+Yn@74hxjqCs>UPDZ}-3t#O8xsFyRz-z1P~E zm(!r|N#wD&;oUX#Ft^W86EX8=Z>(h@NWTVu8RY*BXW$LFoQQR;1&N5l%4C%P!?Fnw zwO#1m$>P-fEhglxha1qkmbGK}mkqhg@;wlwILK?RxW0c#(sXL~u)xw#QKZ}-VEC|&O#75JT0ud&hsefr4ZD*u zYgh-+VR|yIW3%UYu2@&)gc66o*=Pa!JwV)6ecSz2T#wE-O^u;RMD7DE8-XY$U6tZJ zs{*P5hb8j|QD%^xPewIRt@)zFy@BiF-px#P=JZ*`TrERS>IQVlp_|+5v^*wVlj1#A z8dgRD0?EtpRlzHDxk1^5ZaJ>^X$uN0D{#&v_~7tTpbx9E7%y4rFz(LNkCqzzDLrec z^}lz}U5EPrSU^C@TWC77qo_=?NKTcqxZ0=_7f$!hSn?(+`Jt^HYS5!|0wjntUIGyo_nK$nQpWXwniV%@X zwHlntf*I>f{F8dNy_^OgD>vMA*{0|iX084VT!Xuw8dokQwD*>wbl;iRAt9mPP{p=g(rC89xRdYnKP_a3iUC>ddmYInUQR}7D;-s zm_q#68r{+z@|=k+#@VETvZ%^{kXU=Csix}T1L>7<=ek6$j29CoY_`v;B%Z@>c$Ip< zKkUo;!^0iCuX4{cwN720Th@YaQHe^D9yn z<*aJrlhh+gsa9&=70*%>_I5v?l^Gg6re=>()z{HVr!%bBP9#ZmBmbOHz`_AW#^*@^ z6Fr(X3*@X0H<_5qvGNoo*RGE-%UIc1_g8cfK=nW;C2Io!egG)L14zM0@2O2bPRrzN zQ$MaaSg)_vcJ}i4${n+}ITWLxph?3Xj^B;Z_CwvmU+%8`5T!e=WQ!ncWS>A+|5}s6+r=YgXSs7c>iRHIw$AzCaHL-@xZEsDH;KmRezT0d zEx9*tpN!qCmAQ5Zy3CzWfcv&b>1o|q-oeKJwi;b8*rz8o&Q*Obcp!Q!R$lK;-zF&9 zXQrtNTpe`8>#fgk@_MgQPuE%rn|^>=KSd{eZ^k!-$9Y(Y-@(9ad2KXP^uW*=kJWw_Rr=3!(4e-a=xUgQ)quFp?X_R$C`(sVl?OO{xGz zLniZuOxC&UZ)3)W50lU8ZXOL5haX?J)}9~&LV9n8JHKw`dj_I9MOqf1=u*iJtB|0M zIk3$XdU@ER&(htlZ;rpP4t@G(#jXCP=U>LJgo*EgSpPEEEbNxNW>FKo484T#Pu~E%d*>yx*1D{sEQ)`LNH_^)9vL3w4nQvvWH}bWmt`aXsr9;>Ggu$2BZ{SU zv+7Rnj_5HV=$GPOrue_iD_-Eywhb3Ew(uh|rUhJ;*`3l^R}U4-ReyJdky=ZHFkqkw z`?e7c8shI3qU+oYbx#yKb*p^t-&EY}M9d4-yDLJEgL`0D4M8>#)57_E%;nz?so#hk ze-rtU{l_f&HTugA|9|)cKpXBKBO!&?DUBvNhucPuSgF=d*e)qfMXqfSL0uG=gud^F zM?BlGvnfR0=)p1jVt4i(+sJMw45u)A5U)CQ&-$YlKe#Vdd(EeB({_iaWRD! z(kqqnwoTYzME%}mUZ(!%kvCF>R`9Z811Xm9qq>>h$V*cKTK%Hb)By9XtvDUwC*yXf zn8UbzHn{I=Q*!ha+(4h$DSa{&1uK@E28F%(w{F}_ikY>m!xS>m;_R2<(!HcZo=^AS zK4iD8&?3F>j$2o0Hnv_|#p^Xq#A!L~OmR`n#VQI?uhm;by7*m-okz55y57&%8dgcu zc^6{W{???6HZt|1(A`VjUu&E(cIvf~jc3GoCcDCPzV`37;pcPBE@W#DDzmLpBBFxn zuc;!=QuB>foot<)C@Yc}pS=PlC&kKK=Vl~lVKcROVzcRfzIM$EvqEXc8NoFFDls3= z=P*IQz89XRQMJuo{6V51S!8TIq(G}9?&v8H>xrX<<2gwQ$6R#J)$tnehTEPcV;Ago zZam7LW1leM-K5%%>KxE*sJ?VbmvpJGPu3X22s+g5Owic8-fOr$e*nyVK9o!-G^CI# zHkZ`+JyzM4UIPEMEiSEoNm^uKi|#~?uKbhvCrxfhGRVq#4%JcgY0K(r1d7N90^}>r zn)w&0Izc*>#OJXL?=WeexSQ0m`xI{WEg0I{;SP)!>P#HY%J$`STK=|JbK&K7{JVr} z?mm2%OzfF-CpcP>stq;XfOXXDQ+*T3LuS{bU{h_Dd?|vAm;k0k*qJC}%#Q3E-Q36F zNltpr_+L20o(+S$51Upk&5Y28q^1#D293sS9xKK9%IYA~HJG(sHFl{<0gNuuXl9o58 z)?3KI=j^iWls;c|x`wf=z^CLdQ4{$VR&u#NdmeU{HK}OnFZ1hO~)Ggg(n-=!;a|ql4Dw?;d)gxkVS* z7S&_rT*=eS@M;ZBOoqq$91169Mh`O5t5mlSZJt{;n)2&8y@?{%FDnjzNrx_mpN#W$ zfA+$Ha!SZ%xy;Os6E4eh5sG=ZsYhS`PSU3e&mme28CQYhxg5CBTXIrJh2_QCtP7Vs zm!;Zrf;6`OIKBPq#}~3RgqG+0j@Eb!7%UlUI!w>lS)O|PigtURZ$)})z#_O>RL&-c zj>Xma^Yg;#=h`Lv@Ve(RUzXehZA|>*9X#CBOjUskkEyBa)S79Y-vd$cVZE4jALlza z3#7_u`O$Bb^W{FUW;{+d_aG;o-^AG)90TX{Bjo2f(Fu?YmXa%)O@!VS#;d3F+ z$@GjM7_R>tDWl1DyN^#=-BmqrRwNyR_}Y5uKPp^gVcXymS&^roXe5sJo2GCwV4WS& zDddu|S3z*YBj0_a68WN`0T)iYiYz=E2pbmY^YY>YWtuDngd;hEz*GnFT;CCu0JaBj zGNc9ybHj35U~Z|7{;eY1Xk?}H;7)j1dOwieuqoD^jdo#5;TqJOO67O zbDmR}CDVq}y@$-k6tlzlLi1slJ7h;)0I|lScmgmMN1C7eKEDW>p5)h2ryWHa0MGO|KR$H&+hd5tDHgjbs)st#)Ftl&*E8Z!gP=S$Z;f7 z`q&%J58@`v=&USXCA%@-@At;Y1UH*$W^cyLawT4I*KzyjT$tNJ+ESd)_E@u?gm-OW zqM`r-=iH<1%HbJS!P}W#o_d~U3prEBI&g)_W0Ax~rjlKH(!R_3-Vd$@&jNpZX$%Zm zSHP|ar@u|qBYqTSXWJy&5l$c~6jE-DSd*t(D_rJL7o|KtPZi0yVNb#7wfY5fUK-Wz zb;g97MAo!I&Ae?^Z4ETX*AhEb0|8c(1f-ry%I8K}+zOJBDUtd7S$5T>fzvu{ck&LA#)e%3VUboA3r+y(A_-u)i(%xav%*KH9nl;@t zg(@w!Stq?^E~d|UFd^cTy{Sp05R-uV!P&1oQOiK7*N`EgV^kvS;Gw49Pfv>WQbKc)c!9}f{k2KUM|P7}IDY$2i_-p! z=xl=!=AGoN;vF0jj&0XBbMz#+iMYzVMI;4A{hGhJ9TvgDP6VDWb{2nkiC32Jv>^Rk znNWCkdm8=x2hfP9`qvXDZV_*opgSJhKr`bj2kqs-HNI6xH@%n%5b&u>tEmzOGM zA{iR>6?(aH52PTPHmFTt!z4FTH&(HTiM7FVa|j!Rbw{zcZie02{L$w@^M3L8%RTVo zXKg??BGSor`SFjYkhg!m(DIn#&b@V`b@gXa&t(K+`WhY^9_Iez4nJq?FU5Zt`|v|2zSiQH^x zdY?6oZbK`?+@v9D3D=-A3(ZZ!A$n(Ihde5XdZk0UeDHR@gl?{O`f(^9_ymx~8R9_G zyH>vkaNJX1c*9JOYtmeMhXN!Pc7j7|M;OA4;0m1Qkq~fRPW_&ywmwZ4`TQKYbKS$4 zt;yrTutZP}hfI^Tk&hY^PpblxHI)nN>B)HMs&+Q9@xHFl4Xsmf8|hjFmX{G*3t%&< zHyqq7@3p+?mHe7TAr)W#NN8gwjR3^nQ|(_Tgo$KtBW^IsFlO>enq|x;bvB{)og8Bl zsd4Fyd3#$&hEJ?L1gsOfve@IOV>QKTI1Lx$^7I+cxd#+(Ct_Ef*d6_?L5s)-lAPa2 zdX{G92y1GZ8vXX+^NHOjat}jNtv`K6;~NqK7wS=tpxH<`s$TTVGg$YPPfI{w1XR1p zvXl#cOP~scVD;AvB%#q$ZoW`|OZ!Z$$fI(rYS^}L07gD-jkHWE6`ot6T+=`mEO@1a z29L|`julY3kphdtO|3WKw1(!_XD zDe!pAbivQWakAV9LEi~ASZm7kv=+6j8ol$}bOQFzBob9AErUVk=AfuU2!JC~DuT6O zZDq4!mDo?lCi!Xml})K+W@8xRSElsbkMqMdfa`=Nsi4#IsyKdUPD6=eiNa=$bFp0W zXr$6|HPbhpeyDuK`G*lhnK%_G1*wE?DURZ_a$f0&{hun;1ZLFAN%0(c!Ga@bx)P2L z-G??`+Ui+fc~@H%=t>F3>dYsDlQGc!9a%AGHyKQ5PXsj$gC9g&Q@{3neLQP*wAfus z?o%&`zY5tUw6&8m#ubhS&5mk&zPQUS(rp<$ednrFuUV%o@_rqCc<4D&MjDdm=?5L^ zred2MiVNpn`q6z%QgfTQO(L?+_h&}n$keLdES$j54clgU&(Cz#V>L{ex=x-9N60)G zuY;BBy27eKF>%q-t3+Sj?KFCP!=$HKitHFpyZ5VqHonl1gzv+{O0yV|X~MX-%$lj0~QRP$lJgN2ckd3(45@>mnQxo9iuJ$bAm{*FeH zoQYS?EX(Ov0(mn^o`5k8QOw`JD%rlK#z7ZEG*8GA`DVN4h~UrjoOxHJLUL3EkErsW z2wn;}3_z~u4x}m177=@npZktKN6`O6BU|oY-d=b8&tw6nVL?VjzLi4nFFg``HX}R# zJd#n@gR45)4nwWGfT@mr&k6l5xXPqG3ai=YN`5=K4zpM&Ti~`kejeWB8ScHinUVf< z?E9TX$X-pR2(?6B;)23(OUr1Tg;1>t=?@)eB{X)cW!z8O#BMOV`7>MD{d)i!7qQ^( zP$f`5+xqd1GtuL^zJ2OtCW>UUiEE#(HCFPdIx^DNLN!KaneuVM)lYJUUAxU6^sI zzsAnJa&}fiMXg)z`Q|*&4;Of!P?|5}Iw!W#$^DHfNWPOkEz+G<9bJ&X7`ZkpAXOtw z)i$x6kWfO!2X%?6ncCsU#OZ_*Dr-%Sp5fxOwFXJC70hhonPBu~(f1`g4W)iqfHZBm z@h66Z-+vU&bzFT=G0>c#Uwo1e zEqWe0K?f!XnEpWF<9fOl^|pGE@H>ejagDe2*jIQ&O-o*MhflLZN$t5_X4;<9(P5fN z+LVa|;Bgk0Jy1Bp2Wq-Ge`H#3BT9jOV?&vHoL(FCr1WFf?8{F* zHfL{S)oDB>$L!jbMDOsVNe4NO+j;7^Q!>(Vs-w5+rdV7}uAgk-&vaHSHles-t=f6) z=qC_@g1O|1-e_`H*?NAcy~e<`Ib(K--zdOHx)`*CrQraHUut7 z)8qP61a)Klh`I;#ZIneR^A@nZHLriucTytZ;c?xujxv0$9RLuU66}07B(IPyW$mk?@ZWFC~zH$Fj&J z1itx49n641ke+!+&Z5<4zHe+60iOr>drcBNkgG~SzQZ5awbbSNS=`pQ(%He&&AxkGv81 literal 0 HcmV?d00001 diff --git a/docs/development/custom/css-framework.md b/docs/development/custom/css-framework.md new file mode 100644 index 00000000..d1848ab8 --- /dev/null +++ b/docs/development/custom/css-framework.md @@ -0,0 +1,42 @@ +# CSS Framework + +To establish a unified style language throughout Alliance Auth and Community Apps, +Alliance Auth is providing its own CSS framework with a couple of CSS classes. + +## Callout-Boxes + +These are similar to the Bootstrap alert/notification boxes, but not as "loud". + +Callout-boxes need a base-class (`.aa-callout`) and a modifier-class (e.g.: +`.aa-callout-info` for an info-box). Modifier classes are available for the usual +Bootstrap alert levels "Success", "Info", "Warning" and "Danger". + +![Alliance Auth Framework: Callout Boxes](/_static/images/development/callout-boxes.jpg "Alliance Auth Framework: Callout Boxes") + +### HTML + +```html +
+

+ This iy a success callout-box. +

+
+ +
+

+ This iy a info callout-box. +

+
+ +
+

+ This iy a warning callout-box. +

+
+ +
+

+ This iy a danger callout-box. +

+
+```