diff --git a/Resources/Public/Css/mockup.css b/Resources/Public/Css/mockup.css index e758059..46f58d6 100644 --- a/Resources/Public/Css/mockup.css +++ b/Resources/Public/Css/mockup.css @@ -1 +1 @@ -.no-pointer-events{pointer-events:none}.navigation{position:relative;z-index:1000}a{text-decoration:none}.menu,.submenu{list-style-type:none;position:relative}.logo{font-size:20px;padding:7.5px 10px 7.5px 0}.item{padding:10px;position:relative}.menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0}.menu li a{display:block}.menu li.subitem a{padding:15px}.toggle{order:1;font-size:20px}.item{order:3;width:100%;text-align:center;display:none}.active .item{display:block}.submenu{display:none}.submenu-active .submenu{display:block}.has-submenu.item{padding-right:20px}.absolute-inline{position:absolute;top:50%;transform:translateY(-50%);right:5px}.subitem a{padding:10px 15px}.submenu-active{background-color:#e9ecef;border-radius:3px}.submenu-active a,.submenu-active:hover a{color:#000}@media all and (min-width: 700px){.menu{justify-content:center}.logo{flex:1}.toggle{display:flex;justify-content:flex-end;flex:1;text-align:right;order:2}}@media all and (min-width: 960px){.menu{flex-wrap:nowrap;background:none}.logo{order:0}.item{order:1;position:relative;display:block;width:auto}.submenu-active .submenu{display:block;position:absolute;left:0;top:40px;background-color:#e9ecef}.submenu-active .submenu a{color:#000}.toggle{display:none}.submenu-active{border-radius:0}}.neos-mockup-placeholder{height:500px;position:relative;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cg stroke-width='2px' stroke='%23bbbbbb' vector-effect='non-scaling-stroke'%3E%3Cline x1='0' y1='0' x2='1' y2='1' vector-effect='non-scaling-stroke'/%3E%3Cline x1='1' y1='0' x2='0' y2='1' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E");top:50%;left:50%;transform:translate(-50%,-50%);display:block;border-radius:4px;padding:10px;background-color:#ddd;color:#777;text-align:center;text-transform:uppercase;border:2px dashed #bbb} +.no-pointer-events{pointer-events:none}.navigation{position:relative;z-index:1000}a{text-decoration:none}.menu,.submenu{list-style-type:none;position:relative}.logo{font-size:20px;padding:7.5px 10px 7.5px 0}.item{padding:10px;position:relative}.menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0}.menu li a{display:block}.menu li.subitem a{padding:15px}.toggle{order:1;font-size:20px}.item{order:3;width:100%;text-align:center;display:none}.active .item{display:block}.submenu{display:none}.submenu-active .submenu{display:block}.has-submenu.item{padding-right:20px}.absolute-inline{position:absolute;top:50%;transform:translateY(-50%);right:5px}.subitem a{padding:10px 15px}.submenu-active{background-color:#e9ecef;border-radius:3px}.submenu-active a,.submenu-active:hover a{color:#000}@media all and (min-width: 700px){.menu{justify-content:center}.logo{flex:1}.toggle{display:flex;justify-content:flex-end;flex:1;text-align:right;order:2}}@media all and (min-width: 960px){.menu{flex-wrap:nowrap;background:none}.logo{order:0}.item{order:1;position:relative;display:block;width:auto}.submenu-active .submenu{display:block;position:absolute;left:0;top:40px;background-color:#e9ecef}.submenu-active .submenu a{color:#000}.toggle{display:none}.submenu-active{border-radius:0}}.neos-mockup-placeholder{background-color:#DDD;height:500px;position:relative;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cg stroke-width='2px' stroke='%23bbbbbb' vector-effect='non-scaling-stroke'%3E%3Cline x1='0' y1='0' x2='1' y2='1' vector-effect='non-scaling-stroke'/%3E%3Cline x1='1' y1='0' x2='0' y2='1' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")}.neos-mockup-placeholder span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;border-radius:4px;padding:10px;background-color:#DDD;color:#777;text-align:center;text-transform:uppercase;border:2px dashed #BBB}