ui-box.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. .ub
  2. {
  3. display: -webkit-box !important;
  4. display: box !important;
  5. position:relative;
  6. }
  7. .ub-rev
  8. {
  9. -webkit-box-direction:reverse;
  10. box-direction:reverse;
  11. }
  12. .ub-fh
  13. {
  14. width:100%;
  15. }
  16. .ub-fv
  17. {
  18. height:100%;
  19. }
  20. .ub-con
  21. {
  22. position:absolute;
  23. width:100%;
  24. height:100%;
  25. }
  26. .ub-ac
  27. {
  28. -webkit-box-align:center;
  29. box-align:center;
  30. }
  31. .ubac
  32. {
  33. -webkit-box-align:center;
  34. box-align:center;
  35. }
  36. .ub-ae
  37. {
  38. -webkit-box-align:end;
  39. box-align:end;
  40. }
  41. .ub-pc
  42. {
  43. -webkit-box-pack:center;
  44. box-pack:center;
  45. }
  46. .ub-pe
  47. {
  48. -webkit-box-pack:end;
  49. box-pack:end;
  50. }
  51. .ub-pj
  52. {
  53. -webkit-box-pack:justify;
  54. box-pack:justify;
  55. }
  56. .ub-ver
  57. {
  58. -webkit-box-orient:vertical;
  59. box-orient:vertical;
  60. }
  61. .ub-f1
  62. {
  63. position:relative;
  64. -webkit-box-flex: 1;
  65. box-flex: 1;
  66. }
  67. .ub-f2
  68. {
  69. position:relative;
  70. -webkit-box-flex: 2;
  71. box-flex: 2;
  72. }
  73. .ub-f3
  74. {
  75. position:relative;
  76. -webkit-box-flex: 3;
  77. box-flex: 3;
  78. }
  79. .ub-f4
  80. {
  81. position:relative;
  82. -webkit-box-flex: 4;
  83. box-flex: 4;
  84. }
  85. .ub-f5
  86. {
  87. position:relative;
  88. -webkit-box-flex: 5;
  89. box-flex:5;
  90. }
  91. .ub-f6
  92. {
  93. position:relative;
  94. -webkit-box-flex: 6;
  95. box-flex: 6;
  96. }
  97. .ub-f7
  98. {
  99. position:relative;
  100. -webkit-box-flex: 7;
  101. box-flex: 7;
  102. }
  103. .ub-f10
  104. {
  105. position:relative;
  106. -webkit-box-flex: 10;
  107. box-flex: 10;
  108. }
  109. .ub-img
  110. {
  111. -webkit-background-size:contain;
  112. background-size:contain;
  113. background-repeat:no-repeat;
  114. background-position:center;
  115. }
  116. .ub-img1
  117. {
  118. -webkit-background-size:cover;
  119. background-size:cover;
  120. background-repeat:no-repeat;
  121. background-position:center;
  122. }
  123. .ub-img2
  124. {
  125. background-repeat:repeat-x;
  126. background-size:auto 100%
  127. }
  128. .ub-img3
  129. {
  130. background-repeat:repeat-y;
  131. background-size:100% auto
  132. }
  133. .ub-img4
  134. {
  135. -webkit-background-size:100% auto;
  136. background-size:100% auto;
  137. background-repeat:no-repeat;
  138. background-position:center;
  139. }
  140. .ub-img5
  141. {
  142. -webkit-background-size:auto 100%;
  143. background-size:auto 100%;
  144. background-repeat:no-repeat;
  145. background-position:center;
  146. }
  147. .ub-img6
  148. {
  149. background-repeat:no-repeat;
  150. background-position:center;
  151. }