general.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  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. div.bx-std-page-columns,
  50. div.bx-std-page-columns-cnt {
  51. position: relative;
  52. width: 100%;
  53. }
  54. /**
  55. * Dual Column page
  56. */
  57. div.bx-std-page-caption {
  58. position: relative;
  59. height: 70px;
  60. background-color: #334455;
  61. }
  62. div.bx-std-pcap-icon {}
  63. div.bx-std-pcap-text {
  64. position: relative;
  65. line-height: 70px;
  66. text-align: center;
  67. font-size: 2rem;
  68. }
  69. div.bx-std-pcap-menu-popup {
  70. position: absolute;
  71. z-index: 1;
  72. }
  73. div.bx-std-pcap-mp-right {
  74. right: 10px;
  75. }
  76. div.bx-std-pcap-help .sys-rss-feed-wrapper {
  77. padding-top: 0px;
  78. }
  79. div.bx-std-pcap-help .bx-loading-ajax {
  80. margin-top: 0px;
  81. margin-bottom: 0px;
  82. }
  83. div.bx-std-pcap-action {
  84. position: relative;
  85. float: left;
  86. width: 36px;
  87. height: 36px;
  88. }
  89. div.bx-std-pcap-action:first-child {
  90. margin-left: 0px;
  91. }
  92. div#bx-std-pca-activate {
  93. width: 82px;
  94. }
  95. div.bx-std-pcap-mp-right div.bx-std-pcap-action {
  96. float: right;
  97. }
  98. /**
  99. * Page Menu (Left Side)
  100. */
  101. div.bx-std-pmen-item {
  102. position: relative;
  103. height: 2.5rem;
  104. line-height: 2.5rem;
  105. font-size: 0.875rem;
  106. font-weight: 400;
  107. overflow: hidden;
  108. }
  109. div.bx-std-pmen-item-cnt {
  110. padding-left: 3rem;
  111. white-space: nowrap;
  112. text-overflow: ellipsis;
  113. overflow: hidden;
  114. }
  115. span.bx-std-pmen-item-counter {}
  116. span.bx-std-pmen-ic-num {}
  117. div.bx-std-pmen-item img,
  118. div.bx-std-pmen-item svg {
  119. position: absolute;
  120. top: 0.5rem;
  121. left: 1rem;
  122. width: 1.5rem;
  123. height: 1.5rem;
  124. }
  125. div.bx-std-pmen-item a,
  126. div.bx-std-pmen-item .sys-icon {
  127. color: #595959;
  128. }
  129. div.bx-std-pmen-item a {
  130. position: relative;
  131. display: block;
  132. width: 100%;
  133. height: 100%;
  134. text-decoration: none;
  135. }
  136. div.bx-std-pmen-item .sys-icon {
  137. position: absolute;
  138. left: 1.0rem;
  139. width: 1.5rem;
  140. font-size: 20px;
  141. text-align: center;
  142. }
  143. div.bx-std-pmen-item svg g {
  144. opacity: 0.7;
  145. }
  146. div.bx-std-pmen-item.bx-menu-tab-active {
  147. background-color: rgba(24, 144, 255, 0.2);
  148. box-shadow: inset -3px 0px 0px rgba(24, 144, 255, 1.0);
  149. font-weight: 600;
  150. }
  151. div.bx-std-pmen-item:hover a,
  152. div.bx-std-pmen-item:hover .sys-icon,
  153. div.bx-std-pmen-item.bx-menu-tab-active a,
  154. div.bx-std-pmen-item.bx-menu-tab-active .sys-icon {
  155. color: #1890ff;
  156. }
  157. div.bx-std-pmen-item:hover svg g,
  158. div.bx-std-pmen-item.bx-menu-tab-active svg g {
  159. opacity: 0.85;
  160. }
  161. /*--- Icons ---*/
  162. img.bx-item-icon,
  163. svg.bx-item-icon{
  164. width: 32px;
  165. height: 32px;
  166. }
  167. div.bx-item-icon-preview {}
  168. div.bx-item-icon-preview img,
  169. div.bx-item-icon-preview svg{
  170. max-width:128px;
  171. max-height:128px;
  172. }
  173. div.adm-item-icon-preview-empty {}
  174. /**
  175. * Footer
  176. */
  177. div.bx-std-bx-footer {
  178. margin-top: 60px;
  179. border: 0px;
  180. background-color: transparent;
  181. -moz-shadow: none;
  182. -webkit-shadow: none;
  183. box-shadow: none;
  184. }