PK ǴRI f-batch-drop-gallery.cccomp PK R! component.json3{"UUID":"429019d7-655e-4ffc-8a95-378d5466952b","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"HTML Element":{"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"}},"Rule":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3470","appId":"RSD","appVersion":3470,"buildNumber":5930,"component_resources":{"classes":10,"file_sizes_values":[110632,0,0],"file_type_values":[3,0,0],"html_elements":1,"ids":0,"links_external":0,"links_internal":3,"local_files":"3 (local size 108,04 kB)","styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"foundation","html":"
\n\" data-outline-closed=\"\">
The following notes will not appear on the web page.
1. Pictures may be added by dragging and dropping them (for example from Windows Explorer) singly or in batches onto the blue container below, and the folder 'images' should be chosen as the location for them.
IMMEDIATELY BEFORE DOING SO IT IS IMPORTANT TO CLICK ON THAT BLUE CONTAINER TO ENSURE THAT IT IS SELECTED.
2. To make a picture's description to appear under it in the the enlarged display,
(a) click on the picture in the blue container below to select it;
(b) enter the descriptive text in the Alt box of the Element panel (at the right with the </> icon).
">\">
","htmlembed":{"4":""},"mobile_first":true,"name":"f-batch-drop-gallery","resources":{"./images/easter-lily.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"https://cdn.coffeecupcloud.com/appresources/v1/common/background_online_image.png'":{"breakpoints":{"default":{".container.display-panel":"background-image"}},"elements":{"counter":0},"pictures":{},"type":"image"},"js-files/drop.js":{"breakpoints":{},"elements":{"counter":1},"pictures":{},"type":"image"}},"stylesheet":".container.batch-wrapper {\n width:100%;\n display:flex;\n position:relative;\n flex-wrap:nowrap;\n flex-direction:column;\n}\n\n.container.batch-top {\n height:10vh;\n width:96vw;\n position:fixed;\n background-color:rgba(255, 255, 255, 1);\n display:flex;\n z-index:10;\n justify-content:space-between;\n flex-direction:row;\n align-content:center;\n align-items:center;\n padding-right:20px;\n padding-left:20px;\n flex-wrap:wrap;\n left:1.5vw;\n}\n\nh4.batch-heading {\n font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;\n font-weight:700;\n}\n\na.link-text.batch-link-btn {\n background-color:rgba(0, 0, 128, 1);\n color:rgba(255, 255, 255, 1);\n padding-right:10px;\n padding-left:10px;\n padding-top:1px;\n height:24px;\n font-size:18px;\n margin-bottom:5px;\n line-height:23px;\n text-align:center;\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(187, 187, 187, 1);\n border-right-color:rgba(187, 187, 187, 1);\n border-bottom-color:rgba(187, 187, 187, 1);\n border-left-color:rgba(187, 187, 187, 1);\n}\n\n.container.display-panel {\n width:96vw;\n background-image:url('https://cdn.coffeecupcloud.com/appresources/v1/common/background_online_image.png');\n background-attachment:scroll;\n background-repeat:no-repeat;\n background-origin:padding-box;\n background-clip:border-box;\n background-blend-mode:normal;\n background-color:rgba(255, 255, 255, 1);\n height:55vh;\n position:fixed;\n top:10vh;\n background-position:center top;\n z-index:20;\n border-bottom-color:rgba(0, 0, 0, 0);\n border-bottom-width:2.5rem;\n border-bottom-style:solid;\n background-size:contain;\n justify-content:center;\n left:1.5vw;\n}\n\np.paragraph.batch-notes {\n margin-top:32px;\n width:70vw;\n background-color:rgba(255, 255, 0, 1);\n padding-left:20px;\n padding-right:20px;\n padding-top:20px;\n padding-bottom:20px;\n font-weight:700;\n border-top-width:0.3125rem;\n border-top-style:dashed;\n border-right-style:dashed;\n border-bottom-style:dashed;\n border-left-style:dashed;\n border-right-width:0.3125rem;\n border-bottom-width:0.3125rem;\n border-left-width:0.3125rem;\n display:none;\n margin-left:auto;\n margin-right:auto;\n line-height:24px;\n}\n\np.paragraph.batch-description {\n text-align:center;\n position:fixed;\n top:61vh;\n width:96vw;\n z-index:20;\n margin-top:6px;\n left:1.5vw;\n}\n\n.rule.batch-rule {\n position:fixed;\n top:65vh;\n background-color:rgba(8, 201, 254, 1);\n z-index:10;\n width:96vw;\n left:1.5vw;\n padding-top:0px;\n padding-bottom:0px;\n margin-top:0px;\n margin-bottom:0px;\n}\n\n.rule.batch-rule hr {\n border-top-color:rgba(0, 0, 128, 1);\n border-top-width:1.5vh;\n}\n\n.container.pictures-holder {\n width:96vw;\n position:absolute;\n background-color:rgba(0, 0, 128, 1);\n column-width:150px;\n top:66.4vh;\n column-gap:10px;\n min-height:40vh;\n left:1.5vw;\n border-right-width:0.625rem;\n border-right-style:solid;\n border-left-style:solid;\n border-left-width:0.625rem;\n border-right-color:rgba(0, 0, 128, 1);\n border-left-color:rgba(0, 0, 128, 1);\n}\n\n.html-element.batch-html-element {\n display:none;\n}","timestamp":1620829886057,"type":"Container","units":"rem"}
PK Rb\ H resources/images/easter-lily.jpg K Adobe d XX !1AQ"aq2#B R3b$rC%4cSs& !1A"Qa2q#BR$3br4Cc ? 呵2]$!ƠyPq$*fXj!x>7$EL.~Σ~0}cG3im2Qѐxl48 I #vЌqq2/hR#78YPK} `j-}Etr4#C"f4#.0!DPTX+cp.Σ7$ ؖ`!}="*\ cs [LRMMsDXy8AM_D"/(S1!ljx 0mhd~e
4l&)(R6uy7ڋNe"ְ)TCMD6lb⩩-'Ʊ2BߏXFq8~^qǂPG`q
mS8~0MŇh+
=!zL[sR<0S{`k\neNjIf
ahx-.)R7F0kmIakOj Nex2$qs?[DV45K) 轑&qmv#!;t )?:M{D7
Eм|{E{gKoA%_
iDm `48Ǜ(8E3c7 AoE%#BZc{߬]{q5{H4;x