PK k(V&: : va-details-summary-nav-dd.cccomp:PK k(V- - component.json-:{"UUID":"81493fc8-e4c4-4df5-ae59-990f604f71a9","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"},"show-menu":{"character":".","name":"show-menu","value":"show-menu"}},"Font Icon Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"HTML Element":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"List Item Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"UL Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3532","appId":"RSD","appVersion":3532,"buildNumber":5977,"component_resources":{"classes":13,"file_sizes_values":[2852,0,0],"file_type_values":[1,0,0],"html_elements":1,"ids":0,"links_external":3,"links_internal":9,"local_files":"1 (local size 2,79 kB)","styled_breakpoints":"647px"},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
This sample paragraph is sitting in the container main-content
. That is where you should place your site content in order to avoid interfering with the menu and other important mechanisms that make the page work.Please don't change the parameters for the main-content
. It is also advisable to make the menu into a 'symbol'. That makes it possible to insert it on several pages, and if it has to be edited, you only do it on one page, and the rest of the pages will be updated automatically.
\n\">Home \" data-replace-after=\" \" data-page-name=\"about.html\">About - - \" data-replace-after=\" \" data-page-name=\"products.html\">What we do - - \" data-replace-after=\" \" data-page-name=\"contact.html\">Contact us - -
","htmlembed":{"4":" "},"mobile_first":false,"name":"va-details-summary-nav-dd","resources":{"./custom-code/custom-menu.css":{"breakpoints":{},"elements":{"counter":1},"pictures":{},"type":"image"}},"stylesheet":".container.pageinside {\n max-width:1200px;\n width:100%;\n display:grid;\n grid-template-columns:350px 1fr;\n grid-template-rows:auto;\n grid-template-areas:\"menu content\";\n background-color:rgba(255, 190, 189, 1);\n margin-right:auto;\n margin-left:auto;\n height:100vh;\n box-sizing:border-box;\n border-right-width:0.1875rem;\n border-right-style:solid;\n border-right-color:rgba(255, 190, 189, 1);\n}\n\n.container.main-content {\n width:98%;\n position:relative;\n background-color:rgba(252, 252, 250, 1);\n}\n\np.paragraph.sample-paragraph {\n justify-self:flex-start;\n width:95%;\n margin-right:auto;\n margin-left:auto;\n padding-right:5px;\n padding-left:10px;\n box-sizing:border-box;\n margin-top:30px;\n}\n\n.container.menu-container {\n grid-area:menu/menu/menu/menu;\n position:sticky;\n max-width:300px;\n width:100%;\n padding-top:20px;\n display:flex;\n flex-direction:column;\n padding-left:0px;\n justify-self:center;\n align-self:flex-start;\n top:0px;\n padding-right:8px;\n height:100vh;\n overflow:auto;\n background-color:rgba(252, 252, 250, 1);\n border-right-width:0.1875rem;\n border-right-style:solid;\n border-right-color:rgba(255, 190, 189, 1);\n box-sizing:border-box;\n}\n\n.container.menu-mobile-navigation {\n display:none;\n background-color:rgba(252, 252, 250, 1);\n}\n\na.glyph.menu-icon {\n color:rgba(252, 252, 250, 1);\n}\n\n.container.menu-items-wrapper {\n background-color:rgba(252, 252, 250, 1);\n height:100vh;\n padding-left:10px;\n padding-right:8px;\n}\n\na.link-text.home-button {\n color:rgba(26, 64, 95, 1);\n text-decoration:none;\n font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;\n font-weight:600;\n font-size:16px;\n display:block;\n width:100%;\n padding-top:5px;\n padding-bottom:5px;\n padding-right:15px;\n border-bottom-width:0.0625rem;\n border-bottom-style:solid;\n border-bottom-color:rgba(221, 221, 221, 1);\n}\n\nspan.text-element.menu-item-summary {\n color:rgba(26, 64, 95, 1);\n font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;\n font-size:16px;\n font-weight:600;\n padding-bottom:5px;\n border-bottom-width:0.0625rem;\n border-bottom-style:solid;\n border-bottom-color:rgba(221, 221, 221, 1);\n display:block;\n width:100%;\n margin-bottom:15px;\n margin-top:15px;\n padding-right:15px;\n cursor:pointer;\n padding-top:5px;\n}\n\nul.link-list.menu-item-details {\n list-style-type:none;\n padding-left:10px;\n margin-top:0px;\n margin-bottom:0px;\n}\n\nul.link-list {\n width:auto;\n}\n\nli.list-item-link.menu-item-link {\n line-height:1.4;\n margin-top:16px;\n margin-bottom:16px;\n}\n\nli.list-item-link.menu-item-link>a {\n color:rgba(51, 123, 174, 1);\n text-decoration:none;\n font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;\n font-size:15px;\n}\n\n.container.spacer {\n min-height:10px;\n display:inline-block;\n visibility:hidden;\n}\n\n.html-element.html-hack {\n display:none;\n}\n\n@media screen and (max-width: 40.4375rem) {\n .container.pageinside {\n grid-template-columns:auto;\n grid-template-rows:auto;\n grid-template-areas:\"content\";\n position:relative;\n min-height:100vh;\n border-right-width:0rem;\n border-left-width:0rem;\n }\n\n .container.main-content {\n width:95%;\n margin-top:70px;\n margin-right:auto;\n margin-left:auto;\n display:flex;\n }\n\n p.paragraph.sample-paragraph {\n margin-top:90px;\n }\n\n .container.menu-container {\n position:fixed;\n right:0px;\n left:0px;\n max-width:none;\n padding-top:0px;\n padding-left:0px;\n padding-right:0px;\n height:auto;\n box-sizing:content-box;\n }\n\n .container.menu-mobile-navigation {\n display:block;\n padding-top:20px;\n padding-right:20px;\n padding-bottom:20px;\n padding-left:20px;\n background-color:rgba(26, 64, 95, 1);\n position:relative;\n }\n\n a.glyph.menu-icon {\n color:rgba(252, 252, 250, 1);\n font-size:24px;\n text-align:right;\n vertical-align:middle;\n -webkit-text-stroke-color:rgba(252, 252, 250, 1);\n }\n\n .container.menu-items-wrapper.cfs-show-menu {\n display:block;\n }\n\n .container.menu-items-wrapper {\n padding-top:20px;\n padding-right:20px;\n padding-bottom:20px;\n padding-left:20px;\n position:sticky;\n height:100vh;\n overflow:scroll;\n right:0px;\n left:0px;\n top:65px;\n display:none;\n background-color:rgba(252, 252, 250, 1);\n }\n\n .container.spacer {\n min-height:50px;\n }\n}","timestamp":1673180976004,"type":"Container","units":"rem"}
PK k(Ve) $ % resources/custom-code/custom-menu.css$html.loaded {
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html.loaded {
scroll-behavior: auto;
}
}
.title-section {
pointer-events: none;
}
.container.menu-container {
height: calc(100vh - 32px);
overflow-x: hidden;
}
@media screen and (max-width: 60rem) {
.container.menu-container {
height: auto;
}
.container.menu-container.show-menu {
height: 100vh; /* Fallback */
height: calc(var(--viewport-height, 1vh) * 100);
}
.container.menu-items-wrapper.show-menu {
height: calc(100vh - 65px); /* Fallback */
height: calc(var(--viewport-height, 1vh) * 100 - 65px);
}
}
nav.menu-container,
nav.menu-container * {
box-sizing: border-box;
}
nav.menu-container a {
display: block;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
details > summary {
list-style: none;
display: block;
position: relative;
}
details > summary::-webkit-details-marker {
display: none;
}
details > summary:focus {
outline: none;
}
details > summary .line-vertical-plus,
details > summary .line-horizontal-plus {
width: 12px;
height: 2px;
background-color: #337bae;
color: transparent;
display: block;
position: absolute;
right: 0;
top: calc(50% - 2px);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
details > summary .line-vertical-plus {
transform: rotate(-90deg);
}
details[open] > summary .line-vertical-plus {
transform: rotate(0deg);
}
details[open] > summary .line-horizontal-plus{
transform: rotate(180deg);
}
details[open] summary ~ * {
animation: sweep .5s ease-in-out;
}
@keyframes sweep {
0% {opacity: 0;}
100% {opacity: 1;}
}
/* Search Custom Styles */
.cc-result-highlight {
font-weight: 700;
}
PK k(V- - component.jsonPK k(Ve) $ % - resources/custom-code/custom-menu.cssPK b9 PK k(Vl#J+ 1+ va-details-summary-nav-dd.png PNG
IHDR A l1 pHYs + IDATxwT4W\aEl(P jĨ[ƊEŨ1]`(QP$""h0q
ǾL\w`~}<{sE>
s5ciYaQ!_RX2EjzUF^%5kuDDDDV),﷏>RLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpLUpEHQZY@DDDDDDDQ$0ADDDDDDDDT1ADDDDDDDDT1ADDDDDDDDT1ADDDDDDDDT1ADDDDDDDDT1ADDDDDDDDT1ADDDDDDDDT1ADDDDDDDDT1ADDDDDDDDT1ADDDDDDDDT1ADDDDDDDDTUђGa}4ƒG]kº@ZFép """""""""RQQQ'. >vɯqMB""&+
Ԁ}ѷ6H$RFHEs.22ߠA-
{N\#YujvѷjȪi+M|T4GVѷlZ;qQ{SijOsp?Fu7}c1ivG>CF78C篣iz7Y*^
̤o'=PYWn[ Y%DDDDDDDC<~='LcgJ<mTKMV6v#+;G:!*ɡ'&?$v7Y²d-߭zыXq)iGDDDbI~ !!iii0b(϶Ttw۶6(p @۶6%~nk<
p%ۦ`߾_ڲ4EE!Kh
*l=xT @چDuQbb#xO.up.nUEpklq2D]܆[Wnk7C"rXٚq#Dy3їbވKvz#T2Is#ddffbpp莸x @N/I]AJD} PE\&EV"C$ب&L y&b۵¬QQ۰:D"իCQUW24>[ "
cQ]
x5^V&z}A:t0WKXj {666Qy -[<4/^de|DD%/;;QQQ_OJJD``WPRSk]8,"^ YY:aDLhIT֓JՏA_}2iF5/^![MԼItZlH.6ͱEx)GtL<)ik$ч%H`hh5Xn/l 7o*Q*xigaa?8GSTDX߆RL4WSjzCTrq=}ﯧ