CSS class for Modal Popup Block and its Background


CSS class for Modal Popup Block and its Background




'.modalPopupBackground
'{
'    background-color: gray;
'    width: 100%;
'    height: 100%;
'    opacity:70%; /* changed the opacity 0.7 to 0.5*/
'    filter: alpha(opacity=70); /*z-index: 50001;*/
'    position: fixed;
'    overflow: hidden;
'    margin: 0;
'    padding: 0;
'    top: 0;
'    left: 0;
'}






'.modalPopupBlock
'{
'    border-style: none;
'    border-color: inherit;
'    border-width: medium;
'    background: #fff;
'    padding: 10px;
'    float: left;
'    top: 25%;
'    left: 25%;
'    position: fixed;
'    width: 450px;
'    height:auto;
'    border:5px solid #93908b;
'    z-index: 50002; /*--CSS3 Box Shadows--*/ /*Changed the z-index 99999 to 50001 */
'    -webkit-box-shadow: 0px 0px 20px #333;
'    -moz-box-shadow: 0px 0px 20px #333;
'    box-shadow: 0px 0px 20px #333; /*--CSS3 Rounded Corners--*/
'    display:block;  
'}



No comments:

Post a Comment

Keep ur coding aside.. Relax for some time..