lib/modalbox/modalbox.css

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