general.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. html,
  2. body {
  3. min-height: 100%;
  4. min-height: 100vh;
  5. }
  6. iframe.bx-std-hidden {
  7. display: none;
  8. }
  9. div.bx-std-cb {
  10. clear: both;
  11. font-size: 1px;
  12. }
  13. /**
  14. * Page
  15. */
  16. /**
  17. * Page Content
  18. */
  19. div.bx-std-page-bg {
  20. position:fixed;
  21. width:100%;
  22. height:100%;
  23. background:url(../images/bx-std-spacer.gif) center center no-repeat;
  24. /* background:url(../images/bx-std-bg-main-image.jpg) center center no-repeat; */
  25. }
  26. div.bx-std-page {
  27. position: relative;
  28. position: relative;
  29. display: -webkit-flex;
  30. display: flex;
  31. -webkit-flex-direction: column;
  32. flex-direction: column;
  33. width: 100%;
  34. min-height: 100vh;
  35. }
  36. div.bx-std-menu-top-wrp {
  37. -webkit-flex-grow: 0;
  38. flex-grow: 0;
  39. -webkit-flex-shrink: 0;
  40. flex-shrink: 0;
  41. }
  42. div.bx-std-content {
  43. position: relative;
  44. -webkit-flex-grow: 2;
  45. flex-grow: 2;
  46. width: 100%;
  47. }
  48. div.bx-std-content-wrp {
  49. position: relative;
  50. width: 100%;
  51. height: calc(100vh - 5rem);
  52. }
  53. div.bx-std-page-columns,
  54. div.bx-std-page-columns-cnt {
  55. position: relative;
  56. width: 100%;
  57. height: 100%;
  58. }
  59. div.bx-std-page-columns-cnt {
  60. background-color: rgba(255, 255, 255, 1.0);
  61. }
  62. /**
  63. * Dual Column page
  64. */
  65. div.bx-std-page-caption {
  66. position: relative;
  67. height: 70px;
  68. background-color: #334455;
  69. }
  70. div.bx-std-pcap-icon {}
  71. div.bx-std-pcap-text {
  72. position: relative;
  73. line-height: 70px;
  74. text-align: center;
  75. font-size: 2rem;
  76. }
  77. div.bx-std-pcap-menu-popup {
  78. position: absolute;
  79. z-index: 1;
  80. }
  81. div.bx-std-pcap-mp-right {
  82. right: 10px;
  83. }
  84. div.bx-std-pcap-help .sys-rss-feed-wrapper {
  85. padding-top: 0px;
  86. }
  87. div.bx-std-pcap-help .bx-loading-ajax {
  88. margin-top: 0px;
  89. margin-bottom: 0px;
  90. }
  91. div.bx-std-pcap-action {
  92. position: relative;
  93. float: left;
  94. width: 36px;
  95. height: 36px;
  96. }
  97. div.bx-std-pcap-action:first-child {
  98. margin-left: 0px;
  99. }
  100. div#bx-std-pca-activate {
  101. width: 82px;
  102. }
  103. div.bx-std-pcap-mp-right div.bx-std-pcap-action {
  104. float: right;
  105. }
  106. /**
  107. * Page Menu (Left Side)
  108. */
  109. div.bx-std-pmen-item {
  110. position: relative;
  111. height: 2.5rem;
  112. line-height: 2.5rem;
  113. font-size: 0.875rem;
  114. font-weight: 400;
  115. overflow: hidden;
  116. }
  117. div.bx-std-pmen-item-cnt {
  118. padding-left: 3rem;
  119. white-space: nowrap;
  120. text-overflow: ellipsis;
  121. overflow: hidden;
  122. }
  123. span.bx-std-pmen-item-counter {}
  124. span.bx-std-pmen-ic-num {}
  125. div.bx-std-pmen-item img,
  126. div.bx-std-pmen-item svg {
  127. position: absolute;
  128. top: 0.5rem;
  129. left: 1rem;
  130. width: 1.5rem;
  131. height: 1.5rem;
  132. }
  133. div.bx-std-pmen-item a,
  134. div.bx-std-pmen-item .sys-icon {
  135. color: #595959;
  136. }
  137. div.bx-std-pmen-item a {
  138. position: relative;
  139. display: block;
  140. width: 100%;
  141. height: 100%;
  142. text-decoration: none;
  143. }
  144. div.bx-std-pmen-item .sys-icon {
  145. position: absolute;
  146. left: 1.0rem;
  147. width: 1.5rem;
  148. font-size: 20px;
  149. text-align: center;
  150. }
  151. div.bx-std-pmen-item svg g {
  152. opacity: 0.7;
  153. }
  154. div.bx-std-pmen-item.bx-menu-tab-active {
  155. background-color: rgba(24, 144, 255, 0.2);
  156. box-shadow: inset -3px 0px 0px rgba(24, 144, 255, 1.0);
  157. font-weight: 600;
  158. }
  159. div.bx-std-pmen-item:hover a,
  160. div.bx-std-pmen-item:hover .sys-icon,
  161. div.bx-std-pmen-item.bx-menu-tab-active a,
  162. div.bx-std-pmen-item.bx-menu-tab-active .sys-icon {
  163. color: #1890ff;
  164. }
  165. div.bx-std-pmen-item:hover svg g,
  166. div.bx-std-pmen-item.bx-menu-tab-active svg g {
  167. opacity: 0.85;
  168. }
  169. /*--- Icons ---*/
  170. img.bx-item-icon,
  171. svg.bx-item-icon{
  172. width: 32px;
  173. height: 32px;
  174. }
  175. div.bx-item-icon-preview {}
  176. div.bx-item-icon-preview img,
  177. div.bx-item-icon-preview svg{
  178. max-width:128px;
  179. max-height:128px;
  180. }
  181. div.adm-item-icon-preview-empty {}
  182. /**
  183. * Footer
  184. */
  185. div.bx-std-bx-footer {
  186. margin-top: 60px;
  187. border: 0px;
  188. background-color: transparent;
  189. -moz-shadow: none;
  190. -webkit-shadow: none;
  191. box-shadow: none;
  192. }
  193. /**
  194. * API
  195. */
  196. img.bx-std-api {
  197. display: inline-block;
  198. width: 1rem;
  199. height: 1rem;
  200. }