PK‘R8va-accordion-dd.cccompaPKR  component.json{"UUID":"81b3f123-d30f-46db-b265-f930eb411432","additional_states":{"Button":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"last-child":{"character":":","name":"Last Child","value":"last-child"},"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3470","appId":"RSD","appVersion":3470,"buildNumber":5930,"component_resources":{"classes":5,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":0,"ids":0,"links_external":1,"links_internal":0,"local_files":0,"styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
\n.accordion::after {\n content: '\\002B';\n color: #777;\n font-weight: bold;\n float: right;\n margin-left: 5px;\n}\n\n.active::after {\n content: "\\2212";\n}\n\" data-ce-custom-footer=\"\" data-outline-closed=\"\">

If you want to use CC's Bare-Bone system (AKA Vanilla, Frameworkless) for your website and need help findig code for building blocks, turn to w3schools.com. Here you can find all kinds of material written in html and css, and sometimes also java script. Unlike Bootstrap and Foundation, which both have their own sets of classes and attributes that don't work with Bare-Bone, code from w3schools.com can be used in any grid system. Also, most of the building blocks are built desktop down, which would suit many Bare-Bone users just fine. And once you have built something and got it working, you can save it as a theme or a component for later use. This accordion has been build with code from w3schools.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

","htmlembed":{},"mobile_first":false,"name":"va-accordion-dd","resources":{},"stylesheet":".container.accordion-wrapper-dd:last-child {\n border-right-width:0.0625rem;\n border-bottom-width:0.0625rem;\n border-left-width:0.0625rem;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-right-color:rgba(204, 204, 204, 1);\n border-bottom-color:rgba(204, 204, 204, 1);\n border-left-color:rgba(204, 204, 204, 1);\n}\n\n.container.accordion-wrapper-dd {\n display:flex;\n flex-direction:column;\n border-right-width:0rem;\n border-left-width:0rem;\n border-right-style:none;\n border-left-style:none;\n border-right-color:rgba(204, 204, 204, 1);\n border-left-color:rgba(204, 204, 204, 1);\n border-bottom-width:0rem;\n border-bottom-style:none;\n border-bottom-color:rgba(204, 204, 204, 1);\n border-top-width:0rem;\n border-top-style:none;\n margin-bottom:20px;\n}\n\n.container.section {\n display:flex;\n flex-direction:column;\n}\n\nbutton.accordion {\n background-color:rgba(238, 238, 238, 1);\n color:rgba(68, 68, 68, 1);\n padding-top:18px;\n padding-right:18px;\n padding-bottom:18px;\n padding-left:18px;\n width:100%;\n text-align:left;\n transition-duration:0.4s;\n border-top-width:0.0625rem;\n border-right-width:0.0625rem;\n border-bottom-width:0.0625rem;\n border-left-width:0.0625rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-top-color:rgba(204, 204, 204, 1);\n border-right-color:rgba(204, 204, 204, 1);\n border-bottom-color:rgba(204, 204, 204, 1);\n border-left-color:rgba(204, 204, 204, 1);\n}\n\nbutton.accordion.cfs-hover {\n background-color:rgba(204, 204, 204, 1);\n}\n\nbutton.accordion.cfs-active {\n background-color:rgba(204, 204, 204, 1);\n}\n\n.container.panel {\n padding-top:0px;\n padding-bottom:0px;\n padding-right:10px;\n padding-left:10px;\n background-color:rgba(255, 255, 255, 1);\n overflow:hidden;\n display:inline-block;\n transition-property:max-height;\n transition-timing-function:ease-out;\n transition-duration:0.2s;\n max-height:0px;\n}\n\np.paragraph.paragraph-1 {\n margin-top:0px;\n margin-bottom:0px;\n padding-top:15px;\n padding-bottom:15px;\n}","timestamp":1619712676219,"type":"Container","units":"rem"} PKR  component.jsonPK<LPK‘RŬ5XXva-accordion-dd.pngXPNG  IHDRAl1 pHYs+ IDATxytWfLHBF%,Y!EYbQ(^\jQb-x[ʵjOoK^kmU[`@ HBd%$a2 d~˔8@:93|>|g+_xU[[+LtTЎvߛDݻw'$7gۛD :"G@@# pD 8"G@@# pD 8"G@@# pD 8"G@@# pD uoҥڰaC EFF*==]vzՎkk׮oqmzAiJLLTPPP;sqzW!C?,m+++_R2 zgw[ǣ_]ׯW_}^{֢Eޖi8eee馛nRXXX[[[ھ}d45e^ht٣ٳgkԩ߾}iZh?~Y}}YH_R\ Wy<ɓ;vlkBPk55QZ~,Xtt݉' ꭷޒ.uѨaÆI***T[[ǏWeesї_~CŒ:+((Џ~#mܸ]?gv]K,QVV$ 6 ſ˥e˖iѢEkQÇW׮]=~i}WU\\~[-KO?ϨgϪ@VҡCf[ovZ6Mqqq~;z'ͦb9Nl[]]RIҐ!CڴY]]NS7Nݻwv(Ĩ^JOOt*??_Ab ĉ~ǏV-Nh; r8ȑ#e4%^HII=켂pvi+!!A_ۥ-\]yqMM1kTHJJJp8:Gl6kܸq$IRqq\.6'NPqq5bǫZEEE~_ѣ}gϞmy\`pM~E5S ݺu$uMRnnV^N$I1113fnvEDD4ۧfZZ>g}&IJOO׃>hI犋޽[VjbQJJvy4ªK.[YVVիWkhT~4ydx>#/^*11Q֭SVVjjjAi̙քx<ꫯrJ8p@ _k)))IׯWaaN:Zua}3fL>}Z7(??_:$ۭM0A~f߾^5s{ _WW^뮻4~xZJ;vPEE umi<ҹUs̑$GЊ+=Ç;o7--MO>9sSٳgkĉOvZyKFj?6Mv-˥=J466*77W~d24h y>|x>O<{Rn6]Ӓz-nz<,,L?}ڽ{No}KӧO6q8ZjUQQ`ә3gſرc>z5aFoРpeffj~?Gu!o=> ߼x ~ ;_^[lQii/}~3Smmt})99Ik~?p&"á7OWz۷O7neeex<2x<ڵk^~eoQg\(QRR?ڴi,X 8ݮ_][n9;v(77W'Oփ>7hk zdZ5]/߮I箑O>D˖-kV𽠠@/+*}-[5saڴiw۬OvkZfMk}{zF]V+Vhv^kkkvZj…w1-^[L:wrrr{nqwm֧2*))Ѹqxf{裏T\\Bө~[6l'tgᡇ߄GE͛SOi~߸q6mWIIOmoO\vfyo5uT/[Lל9s4x`F9m޼Y߽!~'|Ç+88XsQffΜ9'O*,,L.KK.Unn,f͚ fV^7|S=zPFFU=GUUUZz6lؠ}>ǐ^{M}ݧ^zٳ/o@K,OSEFF{GZ`F.]X/;UV)--Ny<}ZzFfΜ[nEaaaիӧ_-22R111:zJKKu{Z2LJLL$[*--fk}YY*++^zUYYJ7Ns{ѷmN+WԪU~zF}{߻h2uTM:_f,~aM4IݺuSUU.]{jӦMhvCo>r7n***|GW4խ9ryEEEwt7j͚5;Cw},;wљ3g.um6>#%''??էO={V^{5؜9sF}}?TQQQ~ jwܩ^{M~$:uJvڥ 6(;;[Zh 3gh͚5zg8p@7p5~zפId6vRXBԩSyQrrr4|pjyiСޛ٬S;tf#.7n8effh4l6{GٳG۷oWppK޿&ԽޫF}Ǫk9h^spj޼yZf飅 J}5a=SPPL&222pBEDDP|Zp222d2=c2ͲliH_O>`ЬY4c Mlִi4w\ [+q~#G4;ͦRzð0GHIWcc[,=qD=VPPfN?^tСf5Yf)&&FAAAQHH>C9N9RW޽$ѨCgUll:;v\c2 zuwz0=5k 6mL&͛iӦl6+((HzG-ݮ|.K6m{x6ĉuԩ+ȑ#{4)Sب7ĉWFk)++K2exxc=6/Gjj~ӟ~?j*""BO?.(Ѩ g?ShhhٳzW6|' kڴiJIIQccc駟JnM:n?lVuu***.n[+VPUUD hTPP:=3JNNVyy֯_;<..NBCCe4@j~)K,ĕٳ}J2xp\ڶm5vX}oQ***_CǏkݺuZl$&&ꦛn$߿5$iذaӧzo>?پ}v  &AFoܜ9skɒ%5j$((HCVUC X7 !˥bIM&I&M6ns0N>}ͫqTBl6[%::Z'N$ر7MnrssبѣGny4n8%$$tjϞ=W۷ xxxZ.))>^ZZCd2b45mڴ+wמz SRR|>kٳեK*==w^KߗRQQ}I:<)SHv{t^V kSb6|p=>Ξ=m޼Yv| lĉ7íwzQCC&-N S||uQKO?42۷oWVVT[[۬.Ç%Ywc!#GjڵPUUψ} Iu릘fNGoE}Ç_v_+qqq UEEjkkeXrtI®INNd_'O*::ZNRaafs{SI=|ZL||ߛB\.(&&kKOii( M:wL#FPAA uioqҧOl6+..N~_3<<\}UeeeԷo_ooT߾}o>}嗭GUcc+cǎ]ki=|F56h07l RrrVXqY}ib2~NN۷VUUyG[?|r!Vhh7'ONiZubZ;mh4*,,H 6L#FK/]vO>wn ސ[,uM~Rӧ'6lؠ 6\t:={Df)..Nv]ǎShhh8ƪ\UUUVYYZ#6/V|W1 ~ɦ0u! W<-tzkavM7muI>+- Gk\utk-**BM}܀r?+NRCCBBB.X_gϞf֭[^k ˥:/d.5F駟}]?WR;Ik~?pm馛n͛URR\9{crgiÆ *((hZMGi*Ok)55UÆ Ӟ={{n=Y,%&&*((Pzzl6˕3b&44T PII:!CxG4 \i)kkAAAW&Ju񟯡AOG<+\R? sbccURRl$Juu/^->l0X 2DÆ S]]/^|E?JIIjީpuuur\ n>WyÐ!CvZYV9N:tH.K>FzeggXN;mѮfOrEEmV{9}t{<WjOgΜj=[k׮܊Xn[˗/ך5kcxxzAiȐ!E$W~?9]?M+XVG 7sTr{Wiie짤oUh4zP4KniZOCCN>Ps.G4ǏTҟH{h$OfY%%%RIIhWJKT㥲R]"٬ݻ\%%%<)LQ 8qBv#ݪeޛ~TUU$]4,5YQQ!7]oKMu6UWWÃpo%Iwqnص=J,66Vҿ AG@ֿ:~nC+9K:wޥKv}(!!A.K`vkٲez_꒗6 2 :}t*FQG`СC{ncx<ڶm1c\1x >\ڸqOxsVMjR__7LasOeەlYk믿yO=rss0`/ݮO?}lkfY7x$i֭*,,%qڼysyȢoҠA$I}hڵ5ky."_ Ξ=:saK&2Ct&k͚5Ͻ֭[pB7j̘1JKKScc^}UX{r{nЉ'd04bĈVv[<z7^.Kַ7**Jwu /fr)''GUSSDr-We:ؠAt7K>-ժ_|Qr:5jTv.]3gj~WUMɲr4pGy;w6jjk&44T3fPpp>m_ IDATѣGxxT]]]AC*aaa t~c=:;F|ޛd2;"""w^ *))n?[WΆ ky?UUUz嗵~zkƌBTL&giZӹ}뭷J_u k"2zh%%%F_vvk׮]o]y38p$)//O?#{9Y篎WXX,;,//o~ٳiŊzwti;ݴ[At͛7OM&O#GF/>=zܹsnq ?fY=^~e8p@˗/}[=]LO=EҼy|ڙ0a)''G999>OWdddMFQ{f7GESRRUi|MS3e2|CCCU__hWt=#z7 lc0tmo0gϞj{5c L&͙3G.K~`0[oߡŏ/{䥗^R^^|fGEEl6zưaM6 ٳkZfmۦm۶5{~„ *ujٲe~ۊ*#.&44TF/~yŢLeeey_. 7ܠ۷k׮]ZrV\yѨ{Gނgi&۷OgVll~+::ZOtw}޺;3z衇4tP}G*((QBB5J֭Öt[5bڽ{N"""o['O֟v s_kݺuRMMMUQQ, fϟ͛7O>QiiճgO=Zvzlegg{ 6ؾ馛TWW󟪯WCCv7$>|,Y 6h˖-׷X,>|&OÇ_輂 Oxxjkk&mtjjjt=:ڵkohȑ?~,~\ vՔ uDҵkW+//O7n[\phϞ='"@ RZZL&rssz>{<?~\ݫ(eddtp/\ "y裏} xūvh)F͜9S7p>c۷Yk R~` PA@# pD 8"G@@# pD 8"G@@# pD 8"G@@# pD uv#, *//~t$ǣ ڑ pIߘbH"svY!V1pD 8"G@@# pD 8"G@@# pD 8"G@@# pD 8"G@@QVVfΜ3gW_nV^f۷O3gԂ T[[ftN9Nر߇VMMMUPPGڸq<OuꀨDUBBl6&mɓmYݻWv]FR^TTT>L2֏@{#sNIҰaÔ婰c;oӎ :vJJJ$Sk. 瞓jmvVU/߮WC jjjKZZL&$)55U+Vv>PvvFf̘[nEaaa˵m6ۺ딜%K\t?ZxVBCCCi̘1ڵj۶mZ|t)SZf,~aM4IݺuSUU.]{jӦMЀ™)k߿_6M2dx%''Kv!oaa6o,Yfiƌ $EEESjjNl"~feej*$$DO?Ə`)::ZsՔ)Sب+WfdҼy4m4fﾏ>eە>\L \.#\qꘘs&Iiii|ߴYBBƍ3bl6+33S={ԙ3gZφ޽[t7kРA>FM}ZgΜQhh"##[d2{'NXڵ+@T#N:۷Kl6Ν{m6VwTUUUS:7p8J ZѩFy]m۶rI:7Z u[X,~\k:"ǣ۷r)66VO="""nب~[[nU\\h4bHpa碢"wSXXΝ޽{_vw.ŢjUWW+!!v.KNtnn -uDڿ$i̘1JHHPxx""")$ݮy<{YVmf\C!!!oxxw;wvݮBGC$i"*]b]Z~ݪ$*$$DEEEڶm<O$I $  >}[B,%I;v𻄽ֆ TSS(oqmΤSD.K۶mtnKic65zhIRii%I4i;hڵr8x<_ݻWQQQQaaa Q]]}%233$ݮڲeNW^yE֭`wܡ֞"6)jUTTxcz#F(""B555ںud2Wvv-[e˖5/44T?㽏SZZx${Ռ3Zl?44T ,В%KdZ/_nh<[n墣:BA_F!!!5 W^JKK$oj袹sg?F- SwFBCC5w\%''`8wZ.:(::Z/4|%%%h4zۺ[dq:/Zƶh3 v]jʄ:"t"G@@# pD 8"G@@# pD 8"G@@# pD 8"G@@# pD 8"G@\EnfsGvKhԩS:Ch_ᒾ1,66C:u~.|2$$];eۛ78"G@@# pD 8"G@@# pD 8"G@@# pD 8"G@@# pD u(++K3g̙3ꫯvY[CWV]]]ۧ3gjm:BNvÇM*((Џ~#mܸQM:u@TRR|*!!A6Mot6ymάKGwB+ݮQFW^***g} vGJJvk=uDuuuڹs$iذaJMMUHHTXXر7iG;vL%%%PRRz~ڵkx<Ӈ~<9NY,VBB$V-%IǏל9s$IgԩSo>=ݻ-Zfm\.jժU*((Vxx5}toҥڰafϞ'O?ڵkUVV&Ѩ~鮻ҨQ.xWSDn[[n#ɤ3g(44T-ng2Խ{wI҉'|F,uڕCuDN%I6Msν6MV;t)bp8ZpT#S.նmr$TY,S5frzJ~mllo[*..րd4eX$]sQQ~),,LsU޽/ݻwbQuuw;˥SNI:ZppeЖ:j߿_4f%$$(<-t}!E钤;v]vkÆ QTT6@g)"˥m۶I:إ1=z$TDM4IzwvZ9y<UVV/ݫ(effz0N>?JJJno[mٲEN+uڻخo:R?S#PɲadcD%c?9-QGg/[GBc1.1lƨGے)08!@X[kuM}oͯ7l(x$~3L\֭ \WpL3Μ93xVZ5Zikk3gVooo޽۫|:w\ܹo^۷o3}ZpYfUkkkuvv֖-[ꡇ׿͵iӦںukuvvֶmj۶mcihh7֚5k+ `:::jٲe5y򥯥;Ν[O>d=ctjhh[ֺuFL4<8R}}}z͇6_OЄA D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' Dn??Ο??^k` DƉGA4^}$O.W ,l}O=T=#=SgP7|s};]Nׄ Dõ{}c5o޼jll˗ב#Guל9s8~``~Ν;\pBݻ_?pY^kOOO}{߫W^yezj׮]qzOo9-[g?xű z{{GK{{{566VUՊ+aիWlpg?;wVCCC_֬YS3f̨zgjϞ=Oׇ?ZlYmݺܹse˖\wygx]?OjϞ=3 7Pe~Դi{ｷ>Uwww=SuС~WwuWr-7 p yÇfϞ]v ֲe˪j߾}588x_^xᅚ޹jS{%KF:qDUU-Y8ǪUjժU:{zz7ިe˖Aͫ[o[j}c馛jԩ2e;^p;9R`Zte7o^~UUup]p.̹oz7뭷ު={;XӧOX@ /VUUWWWutt]]]9fpp:.=b600>(&Ǐ>"ڳgO Uե:oH}M6튏|LD###/P7͚9sxb=ӵ{:rH8qnjhhiӦUջ|ڼys͘1:::jѢEzO^ӦMŋ_񾡡:|U]zڔ)S >\UUwyg-^ZZZo̙zjllڻwoԔ)SF-쬳g^q:}t TSS5e k+w̙zW1" :;;kUW;`zɒ%饗VXQMMMuڳgO700P;v쨪+WVKKKUUM<&O\oAfڴirʪڷo_a?<<\?|֜9sFH&D ={Tե3;mNZ'7ިcǎUUG?Ѻ{ŋ}V?СC5gΜZzh1cF555ٳgĉ+Yzu-]nڵG_=\M<֭[W ,֯ນg9sf4ZjWV3gάڽ{wWccc=uܹڹsgm߾o>f\sss=裵pkfͪ-[TUC=TׯkӦMum۶նmP7n5k\uWx;]o7 # D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N '_u0NӧO:'7TU UKKxPUO p¸.3idddd3p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D"p@8 @N ' D&sϧG|WjѢE<~p?'O;wwŃΫ>_+9uTzm?/ ;5IENDB`PK‘R8va-accordion-dd.cccompPK‘RŬ5XXva-accordion-dd.pngPKs