Notifications

by matmat

HTML

<div id="resultbox" class="resultboxwrapper" style="=">
    <div class="resultboxcontent">
        <div class="resulttitle"><span>Notification:</span>

        </div>
        <div class="resulta" id="resultatnotif">
            
        </div>
    </div>
</div>

CSS

.resultboxwrapper {
    position: fixed!important;
    box-sizing:border-box;
    left: 50%;
    top:50%;
    text-align: center;
}
.resultboxcontent {
    position: relative;
    left: -50%;
    background-color:whitesmoke;
    -moz-box-shadow: 0px 0px 10px 0px #938A8A;
    -webkit-box-shadow: 0px 0px 10px 0px #938A8A;
    -o-box-shadow: 0px 0px 10px 0px #938A8A;
    box-shadow: 0px 0px 10px 0px #938A8A;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#990000, Direction=NaN, Strength=10);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: solid 2px #938A8A;
    font-family: calibri, "lucida sans";
}
.resulttitle {
    padding-top:2%;
    padding-bottom:2%;
    padding-left:30%;
    padding-right:30%;
    background-color:#990000;
    text-align:center;
    color:whitesmoke;
    font-family:Georgia;
    font-size:1.2rem;
}
.resulta {
    width:70%;
    margin:auto;
    text-align:center;
    padding:2%;
}