assets/stylesheets/message_box.css.scss

#message_box{
        position: fixed;
        display: none;
        left: 0;
        top:0 ;
        width: 100%;
        height: 100%;
        background-color: rgba(black, 0.6);

        table{
                width: 100%;
                height: 100%;
        }
        td{
                width: 50%;
        }
        .dialog{
                margin: auto;
                padding: 4px;
                min-width: 256px;
                max-width: 80%;
                @media screen and (min-width:750px){ // if wide
                        width: 600px;
                }

                border-radius: 4px;
                background-image: linear-gradient(-30deg, rgba(208,208,208, 0.95), rgba(white, 0.95));
                box-shadow: 4px 4px 10px black;
                text-align: center;
                color: black;
                font-family: Arial, Meiryo, sans-serif;
                white-space: normal;
        }
        #message_box_message{
                padding: 0.6ex 0;
                min-height: 2em;
                line-height: 140%;
        }
        .button{
                padding: 1ex 0 0.5ex 0;
                border-top: 1px solid gray;
                color: rgb(0, 89, 204);
        }
        #message_box_button1{
        }
        #message_box_button2{
                border-left: 1px solid gray;
        }
}