lib/modalbox/modalbox.css

   1 /*
   2    modalbox.css
   3
   4    Modalbox project
   5
   6    Created by Andrew Okonetchnikov.
   7    Copyright 2006-2010 okonet.ru. All rights reserved.
   8
   9    Licensed under MIT license.
  10 */
  11
  12 #MB_overlay {
  13         position: absolute;
  14         margin: auto;
  15         top: 0; left: 0;
  16         width: 100%; height: 100%;
  17         z-index: 9999;
  18         border: 0;
  19         background-color: #000!important;
  20 }
  21 #MB_overlay[id] { position: fixed; }
  22
  23 #MB_windowwrapper {
  24         position:absolute;
  25         top:0;
  26         width:100%;
  27 }
  28
  29 #MB_window {
  30         position:relative;
  31         margin-left:auto;
  32         margin-right:auto;
  33         top:0;
  34         left:0;
  35         border: 0 solid;
  36         text-align: left;
  37         z-index: 10000;
  38 }
  39 #MB_window[id] { position: relative; }
  40
  41 #MB_frame {
  42         position: relative;
  43         background-color: #EFEFEF;
  44         height: 100%;
  45 }
  46
  47 #MB_header {
  48         margin: 0;
  49         padding: 0;
  50 }
  51
  52 #MB_content {
  53         position: relative;
  54         padding: 6px .75em;
  55         overflow: auto;
  56 }
  57
  58 #MB_caption {
  59         font: bold 100% "Lucida Grande", Arial, sans-serif;
  60         text-shadow: #FFF 0 1px 0;
  61         padding: .5em 2em .5em .75em;
  62         margin: 0;
  63         text-align: left;
  64 }
  65
  66 #MB_close {
  67         display: block;
  68         position: absolute;
  69         right: 5px; top: 4px;
  70         padding: 2px 3px;
  71         font-weight: bold;
  72         text-decoration: none;
  73         font-size: 13px;
  74 }
  75 #MB_close:hover {
  76         background: transparent;
  77 }
  78
  79 #MB_loading {
  80         padding: 1.5em;
  81         text-indent: -10000px;
  82         background: transparent url(spinner.gif) 50% 0 no-repeat;
  83 }
  84
  85 /* Color scheme */
  86 #MB_window {
  87         background-color: #EFEFEF;
  88         color: #000;
  89
  90         -webkit-box-shadow: 0 0 64px #000;
  91         -moz-box-shadow: #000 0 0 64px;
  92         box-shadow: 0 0 64px #000;
  93 }
  94         #MB_frame {
  95                 padding-bottom: 4px;
  96
  97                 -webkit-border-bottom-left-radius: 4px;
  98                 -webkit-border-bottom-right-radius: 4px;
  99
 100                 -moz-border-radius-bottomleft: 4px;
 101                 -moz-border-radius-bottomright: 4px;
 102
 103                 border-bottom-left-radius: 4px;
 104                 border-bottom-right-radius: 4px;
 105         }
 106
 107         #MB_content { border-top: 1px solid #F9F9F9; }
 108
 109         #MB_header {
 110           background-color: #DDD;
 111           border-bottom: 1px solid #CCC;
 112         }
 113                 #MB_caption { color: #000 }
 114                 #MB_close { color: #777 }
 115                 #MB_close:hover { color: #000 }
 116
 117
 118 /* Alert message */
 119 .MB_alert {
 120         margin: 10px 0;
 121         text-align: center;
 122 }