PK Vж f-modal-with-overlay.cccomp PK fV component.jsonm{"UUID":"f1f5b1d6-3633-40ea-8f35-8f4026746097","additional_states":{"Button":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 4":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Picture":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3541","appId":"RSD","appVersion":3541,"buildNumber":5982,"component_resources":{"classes":9,"file_sizes_values":[105489,0,0],"file_type_values":[1,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":0,"local_files":"1 (local size 103,02 kB)","styled_breakpoints":"640px / 1024px"},"description":"Your component description","element_name":"Container","framework":"foundation","html":"
\nvar mb = document.querySelector(".modal-bkgrnd");\nvar mc = document.querySelector(".modal-content");\nfunction modopen() {mb.style.display = "block";}\nfunction modclose () {mb.style.display = "none";}\n\nwindow.onclick = function(event) {\nif (event.target == mb) {mb.style.display = "none";}\n}\n\" data-outline-closed=\"\">
Open the modal Here is the modal Delete this paragraph and pop something more exciting in here! Anything you like. Click on the closing X or anywhere outside the modal to close it.
","htmlembed":{},"mobile_first":true,"name":"f-modal-with-overlay","resources":{"./img/coffeecup.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"}},"stylesheet":".container.modal-wrap {\n display:block;\n justify-content:flex-start;\n align-items:center;\n position:static;\n z-index:0;\n flex-wrap:wrap;\n flex-direction:column;\n width:100%;\n height:100%;\n}\n\nbutton.open-button {\n margin-top:30px;\n margin-left:auto;\n display:block;\n padding-top:8px;\n padding-bottom:8px;\n padding-right:15px;\n padding-left:15px;\n font-size:18px;\n background-color:rgba(248, 237, 17, 1);\n font-weight:600;\n border-top-color:rgba(221, 221, 221, 1);\n border-right-color:rgba(221, 221, 221, 1);\n border-bottom-color:rgba(221, 221, 221, 1);\n border-left-color:rgba(221, 221, 221, 1);\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n margin-right:auto;\n position:static;\n z-index:1;\n}\n\n.container.modal-bkgrnd {\n width:100%;\n height:100%;\n padding-right:20px;\n padding-left:20px;\n box-sizing:border-box;\n position:fixed;\n top:0px;\n z-index:1;\n background-color:rgba(0, 0, 0, 0.22);\n display:none;\n box-shadow:rgba(0, 0, 0, 0.5) 4px 4px 8px 0px;\n}\n\n.container.modal-content {\n width:100%;\n max-width:800px;\n margin-right:auto;\n margin-left:auto;\n padding-top:10px;\n margin-top:100px;\n padding-bottom:15px;\n background-color:rgba(189, 207, 251, 1);\n border-top-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-right-width:0.0625rem;\n border-bottom-width:0.0625rem;\n border-left-width:0.0625rem;\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 border-top-left-radius:10px 10px;\n border-top-right-radius:10px 10px;\n border-bottom-right-radius:10px 10px;\n border-bottom-left-radius:10px 10px;\n box-shadow:rgba(0, 0, 0, 0.4) 4px 4px 8px 0px;\n}\n\nspan.glyph.modal-close {\n float:none;\n font-size:26px;\n padding-right:10px;\n position:static;\n top:20px;\n right:20px;\n text-align:right;\n}\n\nh4.modal-heading {\n width:80%;\n margin-right:auto;\n margin-left:auto;\n}\n\np.paragraph.modal-para {\n width:80%;\n margin-right:auto;\n margin-left:auto;\n padding-top:20px;\n padding-right:10px;\n padding-bottom:10px;\n padding-left:10px;\n font-size:16px;\n}\n\ndiv.responsive-picture.picture-1 {\n margin-right:auto;\n margin-left:auto;\n}\n\n@media screen and (min-width: 40rem) {\n div.responsive-picture.picture-1 {\n width:80%;\n }\n}\n\n@media screen and (min-width: 64rem) {\n .container.modal-content {\n background-color:rgba(189, 207, 251, 1);\n }\n\n .container.inner-modal-container {\n display:flex;\n width:80%;\n margin-right:auto;\n margin-left:auto;\n }\n\n p.paragraph.modal-para {\n padding-left:0px;\n vertical-align:middle;\n padding-top:45px;\n padding-right:20px;\n }\n\n div.responsive-picture.picture-1 {\n border-top-width:0.1875rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-right-width:0.1875rem;\n border-bottom-width:0.1875rem;\n border-left-width:0.1875rem;\n border-top-color:rgba(255, 255, 255, 1);\n border-right-color:rgba(255, 255, 255, 1);\n border-bottom-color:rgba(255, 255, 255, 1);\n border-left-color:rgba(255, 255, 255, 1);\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n padding-left:0px;\n }\n}","timestamp":1687619915190,"type":"Container","units":"rem"}
PK fV|L% resources/img/coffeecup.jpg "Exif II* " l
( 1 2 ;
- 7 i L Canon Canon EOS 1300D
'
' Adobe Photoshop 22.2 (Windows) 2021:02:27 10:41:39 Inger Eik inger.eik@gmail.com ! " ' 0 2 0231
&
. 6
> 00 00 | | F N 1
V 2 d 4 5 } 8
2020:03:24 23:31:18 2020:03:24 23:31:18 +01:00 Jj @B fK @B O 4 S 153072125457 EF-S24mm f/2.8 STM 0000136def ( H H Adobe_CM Adobe d
"
?
3 !1AQa"q2B#$Rb34rC%Scs5&DTdE£t6UeuF'Vfv7GWgw 5 !1AQaq"2B#R3$brCScs4%&5DTdEU6teuFVfv'7GWgw ? ᝡ!4)vI,Q$3y*3 JJet%2 FSRR%IK~?4J^RLn*JY1*GВS$&H<)Ja2xIKAr
x2/4& I0 zo%/?JS|Te%2%)
$)$0 yIO%) rtBbSNuXl
rcoU7R=\tJ~Xs\ܳ+~ U}wBcq@>эS!kY {7d[Pe=9r,e'{w Xá]m}Rkr~_R}luL}7pkZWzeX\nȷ.}v@~
XhU if FW[)X/L?u,Ggpnޱc im5@{aMxjg[U"k55oϯ zfmx.f
7[#eo.=ediy4^6Uhz?ɪ4^OInƉ%Astsg,;}˻1TrZ,`>G}?UV?q2x֯w?b<^ n^x 5-Y~7į(~sI 3#^O*k*wYYVT%ETcdevL:
w/k73!)qʭ{>:?WwQMC'9 hD<[:]hˮW?48?#?1sK߬8O]BH֊l8u}Ud ;!;A=tο+$.[]M >1%پ}Eeu,3Oa} 3su<~KGZܻ2YʿGJ<6>E=w3)6gN.U{1W '%g3poɺ-mM=yUW.T;^֘Y7};h0Fn^sQJ:ܒLBn3uvW}JbHlWs:Nw~2;۷پWJ^v~s}xΤq2cђ~ᖍ \ Y FzRGӭ` 5`iioL*Yamރݱ?!ىQfܝdՐ]e:sCn +/dPh
ۋkg'?m~j_g?5ֻDe̹e
e.HfIcmWE^ꫯ~tlԳ' }mwԮU|9=fs\d{oZcK+DP. c ])pimdCi$49౯kw~Ϸ7M)eXFmBPo{X͕3xoYǭ3v8~MgX͡cs~ #[+m?%q2[