/* DayPilot.Modal Themes CSS */ /* The DayPilot.Modal javascript library adds the styles for the default theme via an embedded Stylesheet which is appended to the end of section of each page that references the DayPilot.Modal javascript library. To override the styling for a default theme element which is defined by the embedded Stylesheet using this Stylesheet requires the use of the !important property as the embedded Stylesheet takes precedence over this Stylesheet. */ /* Destiny Customised Default Theme */ .modal_default_background { } .modal_default_main { border:1px solid #ccc!important; border-radius:10px; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75); } .modal_default_inner { background:#fff; border-radius:10px; color:#333; } .modal_default_content { line-height:150%; } .modal_default_input { line-height:150%; } .modal_default_input input { border:1px solid #ccc; box-sizing:border-box; line-height:100%; outline:none; padding:5px; width:100%; } .modal_default_input input:focus { border-color:#fc0; } .modal_default_buttons { } .modal_default_buttons button { background-color:#39c; border:1px solid #39c; border-radius:5px; box-shadow:inset 0 0 5px #fff; color:#fff; cursor:pointer; outline:none; padding:10px!important; transition:all 0.8s ease 0s; white-space:nowrap; } .modal_default_buttons button:hover { background-color:#c33; border:1px solid #c33; color:#fff; } .modal_default_buttons button.modal_default_ok { } .modal_default_buttons button.modal_default_ok:hover { } .modal_default_buttons button.modal_default_cancel { background-color:#fff; border:1px solid #39c; border-radius:5px; box-shadow:inset 0 0 5px #39c; color:#39c; margin-left:10px; } .modal_default_buttons button.modal_default_cancel:hover { background-color:#c33; border:1px solid #c33; box-shadow:inset 0 0 5px #fff; color:#fff; } .modal_min_background { background-color:#000; opacity:0.5; } /* Destiny Customised Flat Theme */ .modal_flat_background { background-color:#000; opacity:0.5; } .modal_flat_main { border:1px solid #ccc; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75); max-width:90%; } .modal_flat_inner { background:#fff; color:#333; padding:20px; } .modal_flat_content { line-height:150%; padding:10px 0px; } .modal_flat_input { line-height:150%; padding:10px 0px; } .modal_flat_input input { border:1px solid #ccc; box-sizing:border-box; line-height:100%; outline:none; padding:5px; width:100%; } .modal_flat_input input:focus { border-color:#fc0; } .modal_flat_buttons { margin-top:10px; padding:10px 0px; } .modal_flat_buttons button { background-color:#39c; border:1px solid #39c; box-shadow:inset 0 0 5px #fff; color:#fff; cursor:pointer; outline:none; padding:10px!important; transition:all 0.8s ease 0s; white-space:nowrap; } .modal_flat_buttons button:hover { background-color:#c33; border:1px solid #c33; color:#fff; } .modal_flat_buttons button.modal_default_ok { } .modal_flat_buttons button.modal_default_ok:hover { } .modal_flat_buttons button.modal_flat_cancel { background-color:#fff; border:1px solid #39c; box-shadow:inset 0 0 5px #39c; color:#39c; margin-left:10px; } .modal_flat_buttons button.modal_flat_cancel:hover { background-color:#c33; border:1px solid #c33; box-shadow:inset 0 0 5px #fff; color:#fff; } /* Destiny Customised Rounded Theme */ .modal_rounded_background { background-color:#000; opacity:0.5; } .modal_rounded_main { border:1px solid #ccc; border-radius:10px; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75); max-width:90%; } .modal_rounded_inner { background:#fff; border-radius:10px; color:#333; padding:20px; } .modal_rounded_content { line-height:150%; padding:10px 0px; } .modal_rounded_input { line-height:150%; padding:10px 0px; } .modal_rounded_input input { border:1px solid #ccc; border-radius:5px; box-sizing:border-box; line-height:100%; outline:none; padding:5px; width:100%; } .modal_rounded_input input:focus { border-color:#fc0; } .modal_rounded_buttons { margin-top:10px; padding:10px 0px; } .modal_rounded_buttons button { background-color:#39c; border:1px solid #39c; border-radius:5px; box-shadow:inset 0 0 5px #fff; color:#fff; cursor:pointer; outline:none; padding:10px!important; transition:all 0.8s ease 0s; white-space:nowrap; } .modal_rounded_buttons button:hover { background-color:#c33; border:1px solid #c33; color:#fff; } .modal_rounded_buttons button.modal_default_ok { } .modal_rounded_buttons button.modal_default_ok:hover { } .modal_rounded_buttons button.modal_rounded_cancel { background-color:#fff; border:1px solid #39c; border-radius:5px; box-shadow:inset 0 0 5px #39c; color:#39c; margin-left:10px; } .modal_rounded_buttons button.modal_rounded_cancel:hover { background-color:#c33; border:1px solid #c33; box-shadow:inset 0 0 5px #fff; color:#fff; }