|
|
|
.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper {
|
|
|
|
display: box;
|
|
|
|
/* OLD - Android 4.4- */
|
|
|
|
display: -webkit-box;
|
|
|
|
/* OLD - iOS 6-, Safari 3.1-6 */
|
|
|
|
display: -moz-box;
|
|
|
|
/* OLD - Firefox 19- (buggy but mostly works) */
|
|
|
|
display: -ms-flexbox;
|
|
|
|
/* TWEENER - IE 10 */
|
|
|
|
display: -webkit-flex;
|
|
|
|
/* NEW - Chrome */
|
|
|
|
display: flex;
|
|
|
|
/* NEW, Spec - Opera 12.1, Firefox 20+ */
|
|
|
|
/* 09版 */
|
|
|
|
-webkit-box-orient: horizontal;
|
|
|
|
/* 12版 */
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
-moz-flex-direction: row;
|
|
|
|
-ms-flex-direction: row;
|
|
|
|
-o-flex-direction: row;
|
|
|
|
flex-direction: row;
|
|
|
|
/* 09版 */
|
|
|
|
-webkit-box-pack: flex-start;
|
|
|
|
/* 12版 */
|
|
|
|
-webkit-justify-content: flex-start;
|
|
|
|
-moz-justify-content: flex-start;
|
|
|
|
-ms-justify-content: flex-start;
|
|
|
|
-ms-flex-pack: start;
|
|
|
|
-o-justify-content: flex-start;
|
|
|
|
justify-content: flex-start;
|
|
|
|
/* 09版 */
|
|
|
|
-webkit-box-align: center;
|
|
|
|
/* 12版 */
|
|
|
|
-webkit-align-items: center;
|
|
|
|
-moz-align-items: center;
|
|
|
|
-ms-align-items: center;
|
|
|
|
-ms-flex-align: center;
|
|
|
|
-o-align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
/* 09版 */
|
|
|
|
/*-webkit-box-lines: multiple;*/
|
|
|
|
/* 12版 */
|
|
|
|
-webkit-flex-wrap: nowrap;
|
|
|
|
-moz-flex-wrap: nowrap;
|
|
|
|
-ms-flex-wrap: nowrap;
|
|
|
|
-o-flex-wrap: nowrap;
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
min-height: 100%;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch {
|
|
|
|
width: 100%;
|
|
|
|
/* 09版 */
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
/* 12版 */
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
-moz-flex-direction: column;
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
-o-flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
/* 09版 */
|
|
|
|
-webkit-box-pack: center;
|
|
|
|
/* 12版 */
|
|
|
|
-webkit-justify-content: center;
|
|
|
|
-moz-justify-content: center;
|
|
|
|
-ms-justify-content: center;
|
|
|
|
-o-justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
/* 09版 */
|
|
|
|
-webkit-box-align: stretch;
|
|
|
|
/* 12版 */
|
|
|
|
-webkit-align-items: stretch;
|
|
|
|
-moz-align-items: stretch;
|
|
|
|
-ms-align-items: stretch;
|
|
|
|
-o-align-items: stretch;
|
|
|
|
align-items: stretch;
|
|
|
|
}
|