modal.css 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327
  1. /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
  2. /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  3. a{
  4. background-color:transparent
  5. }
  6. a:active,a:hover{
  7. outline:0
  8. }
  9. input{
  10. line-height:normal
  11. }
  12. /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  13. @media print{
  14. *{
  15. color:#000!important;
  16. text-shadow:none!important;
  17. background:0 0!important;
  18. -webkit-box-shadow:none!important;
  19. box-shadow:none!important
  20. }
  21. a,a:visited{
  22. text-decoration:underline
  23. }
  24. a[href]:after{
  25. content:" (" attr(href) ")"
  26. }
  27. a[href^="#"]:after{
  28. content:""
  29. }
  30. }
  31. a{
  32. color:#337ab7;
  33. text-decoration:none
  34. }
  35. a:focus,a:hover{
  36. color:#23527c;
  37. text-decoration:underline
  38. }
  39. a:focus{
  40. outline:thin dotted;
  41. outline:5px auto -webkit-focus-ring-color;
  42. outline-offset:-2px
  43. }
  44. .row{
  45. margin-right:-15px;
  46. margin-left:-15px
  47. }
  48. label{
  49. display:inline-block;
  50. max-width:100%;
  51. margin-bottom:5px;
  52. font-weight:700
  53. }
  54. .form-control{
  55. display:block;
  56. width:100%;
  57. height:34px;
  58. padding:6px 12px;
  59. font-size:14px;
  60. line-height:1.42857143;
  61. color:#555;
  62. background-color:#fff;
  63. background-image:none;
  64. border:1px solid #ccc;
  65. border-radius:4px;
  66. -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  67. box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  68. -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  69. -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  70. transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
  71. }
  72. .form-control:focus{
  73. border-color:#66afe9;
  74. outline:0;
  75. -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  76. box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
  77. }
  78. .form-control::-moz-placeholder{
  79. color:#999;
  80. opacity:1
  81. }
  82. .form-control:-ms-input-placeholder{
  83. color:#999
  84. }
  85. .form-control::-webkit-input-placeholder{
  86. color:#999
  87. }
  88. .form-control::-ms-expand{
  89. background-color:transparent;
  90. border:0
  91. }
  92. .btn{
  93. display:inline-block;
  94. padding:6px 12px;
  95. margin-bottom:0;
  96. font-size:14px;
  97. font-weight:400;
  98. line-height:1.42857143;
  99. text-align:center;
  100. white-space:nowrap;
  101. vertical-align:middle;
  102. -ms-touch-action:manipulation;
  103. touch-action:manipulation;
  104. cursor:pointer;
  105. -webkit-user-select:none;
  106. -moz-user-select:none;
  107. -ms-user-select:none;
  108. user-select:none;
  109. background-image:none;
  110. border:1px solid transparent;
  111. border-radius:4px
  112. }
  113. .btn:active:focus,.btn:focus{
  114. outline:thin dotted;
  115. outline:5px auto -webkit-focus-ring-color;
  116. outline-offset:-2px
  117. }
  118. .btn:focus,.btn:hover{
  119. color:#333;
  120. text-decoration:none
  121. }
  122. .btn:active{
  123. background-image:none;
  124. outline:0;
  125. -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
  126. box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
  127. }
  128. .btn-primary{
  129. color:#fff;
  130. background-color:#337ab7;
  131. border-color:#2e6da4
  132. }
  133. .btn-primary:focus{
  134. color:#fff;
  135. background-color:#286090;
  136. border-color:#122b40
  137. }
  138. .btn-primary:hover{
  139. color:#fff;
  140. background-color:#286090;
  141. border-color:#204d74
  142. }
  143. .btn-primary:active{
  144. color:#fff;
  145. background-color:#286090;
  146. border-color:#204d74
  147. }
  148. .btn-primary:active:focus,.btn-primary:active:hover{
  149. color:#fff;
  150. background-color:#204d74;
  151. border-color:#122b40
  152. }
  153. .btn-primary:active{
  154. background-image:none
  155. }
  156. .btn-danger{
  157. color:#fff;
  158. background-color:#d9534f;
  159. border-color:#d43f3a
  160. }
  161. .btn-danger:focus{
  162. color:#fff;
  163. background-color:#c9302c;
  164. border-color:#761c19
  165. }
  166. .btn-danger:hover{
  167. color:#fff;
  168. background-color:#c9302c;
  169. border-color:#ac2925
  170. }
  171. .btn-danger:active{
  172. color:#fff;
  173. background-color:#c9302c;
  174. border-color:#ac2925
  175. }
  176. .btn-danger:active:focus,.btn-danger:active:hover{
  177. color:#fff;
  178. background-color:#ac2925;
  179. border-color:#761c19
  180. }
  181. .btn-danger:active{
  182. background-image:none
  183. }
  184. .fade{
  185. opacity:0;
  186. -webkit-transition:opacity .15s linear;
  187. -o-transition:opacity .15s linear;
  188. transition:opacity .15s linear
  189. }
  190. .fade.in{
  191. opacity:1
  192. }
  193. .collapse{
  194. display:none
  195. }
  196. .collapse.in{
  197. display:block
  198. }
  199. tr.collapse.in{
  200. display:table-row
  201. }
  202. tbody.collapse.in{
  203. display:table-row-group
  204. }
  205. .collapsing{
  206. position:relative;
  207. height:0;
  208. overflow:hidden;
  209. -webkit-transition-timing-function:ease;
  210. -o-transition-timing-function:ease;
  211. transition-timing-function:ease;
  212. -webkit-transition-duration:.35s;
  213. -o-transition-duration:.35s;
  214. transition-duration:.35s;
  215. -webkit-transition-property:height,visibility;
  216. -o-transition-property:height,visibility;
  217. transition-property:height,visibility
  218. }
  219. .close{
  220. float:right;
  221. font-size:21px;
  222. font-weight:700;
  223. line-height:1;
  224. color:#000;
  225. text-shadow:0 1px 0 #fff;
  226. filter:alpha(opacity=20);
  227. opacity:.2
  228. }
  229. .close:focus,.close:hover{
  230. color:#000;
  231. text-decoration:none;
  232. cursor:pointer;
  233. filter:alpha(opacity=50);
  234. opacity:.5
  235. }
  236. .modal{
  237. position:fixed;
  238. top:0;
  239. right:0;
  240. bottom:0;
  241. left:0;
  242. z-index:1050;
  243. display:none;
  244. overflow:hidden;
  245. -webkit-overflow-scrolling:touch;
  246. outline:0
  247. }
  248. .modal.fade .modal-dialog{
  249. -webkit-transition:-webkit-transform .3s ease-out;
  250. -o-transition:-o-transform .3s ease-out;
  251. transition:transform .3s ease-out;
  252. -webkit-transform:translate(0,-25%);
  253. -ms-transform:translate(0,-25%);
  254. -o-transform:translate(0,-25%);
  255. transform:translate(0,-25%)
  256. }
  257. .modal-dialog{
  258. position:relative;
  259. width:auto;
  260. margin:10px
  261. }
  262. .modal-content{
  263. position:relative;
  264. background-color:#fff;
  265. -webkit-background-clip:padding-box;
  266. background-clip:padding-box;
  267. border:1px solid #999;
  268. border:1px solid rgba(0,0,0,.2);
  269. border-radius:6px;
  270. outline:0;
  271. -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
  272. box-shadow:0 3px 9px rgba(0,0,0,.5)
  273. }
  274. .modal-header{
  275. padding:15px;
  276. border-bottom:1px solid #e5e5e5
  277. }
  278. .modal-header .close{
  279. margin-top:-2px
  280. }
  281. .modal-title{
  282. margin:0;
  283. line-height:1.42857143
  284. }
  285. .modal-body{
  286. position:relative;
  287. padding:15px
  288. }
  289. .modal-footer{
  290. padding:15px;
  291. text-align:right;
  292. border-top:1px solid #e5e5e5
  293. }
  294. .modal-footer .btn+.btn{
  295. margin-bottom:0;
  296. margin-left:5px
  297. }
  298. @media (min-width:768px){
  299. .modal-dialog{
  300. width:600px;
  301. margin:30px auto
  302. }
  303. .modal-content{
  304. -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
  305. box-shadow:0 5px 15px rgba(0,0,0,.5)
  306. }
  307. }
  308. .clearfix:after,.clearfix:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.row:after,.row:before{
  309. display:table;
  310. content:" "
  311. }
  312. .clearfix:after,.modal-footer:after,.modal-header:after,.row:after{
  313. clear:both
  314. }
  315. @-ms-viewport{
  316. width:device-width
  317. }
  318. /*# sourceMappingURL=bootstrap.min.css.map */