120 lines
No EOL
4.6 KiB
CSS
120 lines
No EOL
4.6 KiB
CSS
/***********************************************************************************************************************
|
|
MessageBox - A jQuery Plugin to replace Javascript's window.alert(), window.confirm() and window.prompt() functions
|
|
Author : Gaspare Sganga
|
|
Version : 1.1
|
|
License : MIT
|
|
Documentation : http://gasparesganga.com/labs/jquery-message-box
|
|
***********************************************************************************************************************/
|
|
|
|
/**********************************************************/
|
|
/*** Resets and basic compulsory settings. DO NOT EDIT! ***/
|
|
/**********************************************************/
|
|
#messagebox_overlay, #messagebox_overlay * {
|
|
-webkit-box-sizing : border-box;
|
|
-moz-box-sizing : border-box;
|
|
box-sizing : border-box;
|
|
}
|
|
#messagebox_overlay *:focus {
|
|
outline : 0;
|
|
}
|
|
#messagebox_overlay {
|
|
position : fixed;
|
|
top : 0px;
|
|
left : 0px;
|
|
width : 100%;
|
|
height : 100%;
|
|
}
|
|
#messagebox {
|
|
position : fixed;
|
|
top : -100%;
|
|
}
|
|
#messagebox_buttons button::-moz-focus-inner {
|
|
padding : 0;
|
|
border : 0;
|
|
}
|
|
/**********************************************************/
|
|
/************ DO NOT EDIT BEFORE THIS POINT!!! ************/
|
|
/**********************************************************/
|
|
|
|
|
|
/**********************************************************/
|
|
/*** You can customize your MessageBox appearance here: ***/
|
|
/**********************************************************/
|
|
/* Overlay */
|
|
#messagebox_overlay {
|
|
background-color : rgba(255,255,255,0.6);
|
|
}
|
|
|
|
/* MessageBox Wrapper */
|
|
#messagebox {
|
|
font-family : verdana, arial, helvetica, sans-serif;
|
|
font-size : 13px;
|
|
max-height : 90%;
|
|
max-width : 90%;
|
|
min-width : 300px;
|
|
color : #303030;
|
|
background-color : #fcfcfc;
|
|
border : 1px solid #c8c8c8;
|
|
box-shadow : 0px 2px 4px #a0a0a0;
|
|
}
|
|
|
|
/* Content */
|
|
#messagebox_content {
|
|
padding : 20px;
|
|
}
|
|
|
|
/* Input */
|
|
#messagebox_content_input {
|
|
color : #303030;
|
|
border : 1px solid #909090;
|
|
display : block;
|
|
width : 100%;
|
|
margin-left : auto;
|
|
margin-right : auto;
|
|
margin-top : 10px;
|
|
padding : 3px;
|
|
}
|
|
#messagebox_content_input:hover {
|
|
border-color : #707070;
|
|
}
|
|
#messagebox_content_input:focus {
|
|
border-color : #707070;
|
|
box-shadow : inset 0px 0px 3px #ffd540;
|
|
}
|
|
|
|
/* Buttons */
|
|
#messagebox_buttons {
|
|
background-color : #f5f5f5;
|
|
border-top : 1px solid #c8c8c8;
|
|
padding : 10px 20px;
|
|
text-align : center;
|
|
}
|
|
#messagebox_buttons button {
|
|
font-family : inherit;
|
|
font-size : inherit;
|
|
font-weight : bold;
|
|
text-align : center;
|
|
min-width : 60px;
|
|
margin : 0px 4px;
|
|
padding : 5px 10px;
|
|
cursor : pointer;
|
|
color : #404040;
|
|
background-color : #e9e9e9;
|
|
background-image : linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
|
|
background-image : -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
|
|
background-image : -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
|
|
background-image : -o-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
|
|
background-image : -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
|
|
border : 1px solid #c0c0c0;
|
|
border-radius : 2px;
|
|
}
|
|
#messagebox_buttons button:hover {
|
|
color : #202020;
|
|
background-color : #f0f0f0;
|
|
}
|
|
#messagebox_buttons button:active {
|
|
background-color : #e6e6e6;
|
|
border : 1px solid #a0a0a0;
|
|
box-shadow : inset 0px 0px 6px #d0d0d0;
|
|
}
|
|
/**********************************************************/ |