DDpanel Dropdown panel Mak effect

[envira]

1) Script Title: DDpanel

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...downpanel.htm#

3) Describe problem:
Hello,
I need help with DDpanel Dropdown panel.
I am working on a personal project for a dropdown panel.
I found the DDpanel menu quite similar to what i am searching.

I want to have a login similar to Xenforo where the mask effect appears once the panel is active.
You can see it here : http://xenforo.com/community/
Click on login at top right corner.

Soon as the button is clicked the entire body/page becomes blurred.
I want this effect to be integrated into the DDpanel.
I tried to modify the code but was in vain.
Help is appreciated.

Thank you
regards

[ddadmin]

Sure, try the below modified .js and .css files of the script. The style of the modal veil is defined at the end of the alternate .css file:

body.panelmodal::before{
content: '';
width: 100%;
height: 100%;
z-index: 0;
position: absolute;
left: 0;
top: 0;
background: gray;
opacity: 0.7;
}