eq2emu.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
  1. /* Custom Elements */
  2. .console {
  3. padding:5px;
  4. border-radius:3px;
  5. display:block;
  6. width:100%;
  7. min-height:300px;
  8. background-color:rgba(0,0,0,0.75);
  9. color:#FFF;
  10. }
  11. .hidden { display:none; }
  12. /* Inline Vertical Middle Alignment */
  13. .vm {
  14. display:inline-block;
  15. }
  16. .m,.vm {
  17. vertical-align:middle;
  18. }
  19. /* Font Weight Bold */
  20. .strong, .bold {
  21. font-weight:bold;
  22. }
  23. /* Icon Picker Elements */
  24. .ico-picker-list {
  25. }
  26. .ico-picker-cat-ctn {
  27. background-color:rgba(0,0,0,0.25);
  28. -webkit-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
  29. -moz-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
  30. box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
  31. }
  32. .ico-picker-cat {
  33. background-color:rgba(0,0,0,0.25);
  34. -webkit-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
  35. -moz-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
  36. box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
  37. display:block;
  38. max-height:400px;
  39. min-height:400px;
  40. overflow-y:scroll;
  41. overflow-x:hidden;
  42. }
  43. .item-editor-info {
  44. padding-top:100px;
  45. padding-bottom:100px;
  46. font-size:20pt;
  47. }
  48. .item-editor-info i {
  49. font-size:50pt;
  50. }
  51. .ico-picker-i {
  52. transition: all ease 500ms;
  53. display:inline-block;
  54. max-width:48px;
  55. max-height:48px;
  56. min-width:42px;
  57. min-height:42px;
  58. padding:2px;
  59. border-radius:5px;
  60. margin:2px;
  61. border:1px solid #CCC;
  62. line-height:42px;
  63. vertical-align:top;
  64. text-align:center;
  65. }
  66. .item-edit-changed {
  67. transition:all ease 700ms;
  68. border-color: rgb(96, 153, 81);
  69. }
  70. .item-edit-changed-label {
  71. transition:all ease 700ms;
  72. border-right:6px solid;
  73. border-color: rgb(96, 153, 81);
  74. background-color: rgb(222, 255, 209);
  75. }
  76. .ico-picker-i:hover {
  77. transition:all ease 600ms;
  78. cursor:pointer;
  79. background-color:rgba(255,0,0,0.15);
  80. }
  81. .ico-picker-loader {
  82. display:inline-block;
  83. font-size:42px;
  84. line-height:42px;
  85. text-align:center;
  86. width:42px;
  87. height:42px;
  88. min-width:42px;
  89. min-height:42px;
  90. max-width:42px;
  91. max-height:42px;
  92. overflow:hidden;
  93. }
  94. .ico-picker-pagination {
  95. display:block;
  96. width:100%;
  97. text-align:center;
  98. padding-top:5px;
  99. padding-bottom:5px;
  100. }
  101. .ico-picker-ellipsis {
  102. padding-left:3px;
  103. padding-right:3px;
  104. text-align:center;
  105. color:rgba(0,0,0,0.15);
  106. }
  107. /* Item Editor Header Title Bar (Current Item) */
  108. #item-editor-header-label {
  109. margin-left:10px;
  110. }
  111. /* Edit Item View Icon */
  112. .edit-item-ico {
  113. text-align:center;
  114. display:inline-block;
  115. max-width:42px;
  116. max-height:42px;
  117. min-width:42px;
  118. min-height:42px;
  119. }
  120. /* Quick Search Item Icon */
  121. .quick-search-item-ico {
  122. display:inline-block;
  123. max-width:42px;
  124. max-height:42px;
  125. width:100%;
  126. height:auto;
  127. min-width:32px;
  128. min-height:32px;
  129. }
  130. /* Quick Search Item Row */
  131. .quick-item-search-row {
  132. transition: all ease 500ms;
  133. padding-top:3px;
  134. padding-bottom:3px;
  135. background-color:rgb(212, 196, 237, 0.01);
  136. border-radius:10px;
  137. }
  138. .quick-item-search-row:hover {
  139. transition: all ease 750ms;
  140. cursor:pointer;
  141. background-color:rgba(212, 196, 237, .99)
  142. }
  143. /* Quick Item Search List Container */
  144. #quick-item-list {
  145. padding-top:4px;
  146. }
  147. /* Theme Adjustments */
  148. .subheader {
  149. margin-bottom:10px!important;
  150. }
  151. .fast-spin {
  152. -webkit-animation: fa-spin 800ms infinite linear!important;
  153. animation: fa-spin 800ms infinite linear!important;
  154. }
  155. .inline { display:inline-block!important; vertical-align:middle!important; }
  156. .info-card {
  157. height:11.50rem!important;
  158. }
  159. .va {
  160. vertical-align:middle!important;
  161. }
  162. .n-b-t {
  163. border-top:none!important;
  164. }
  165. .n-b-l {
  166. border-left:none!important;
  167. }
  168. .n-b-r {
  169. border-right:none!important;
  170. }
  171. .n-b-b {
  172. border-bottom:none!important;
  173. }
  174. .n-b-lr {
  175. border-left:none!important;
  176. border-right:none!important;
  177. }
  178. .n-b-tb {
  179. border-top:none!important;
  180. border-bottom:none!important;
  181. }
  182. .n-p-t {
  183. padding-top:0px!important;
  184. }
  185. .n-p-l {
  186. padding-left:0px!important;
  187. }
  188. .n-p-r {
  189. padding-right:0px!important;
  190. }
  191. .n-p-b {
  192. padding-bottom:0px!important;
  193. }
  194. .n-p-lr {
  195. padding-left:0px!important;
  196. padding-right:0px!important;
  197. }
  198. .n-p-tb {
  199. padding-top:0px!important;
  200. padding-bottom:0px!important;
  201. }
  202. .n-m-t {
  203. margin-top:0px!important;
  204. }
  205. .n-m-l {
  206. margin-left:0px!important;
  207. }
  208. .n-m-r {
  209. margin-right:0px!important;
  210. }
  211. .n-m-b {
  212. margin-bottom:0px!important;
  213. }
  214. .n-m-lr {
  215. margin-left:0px!important;
  216. margin-right:0px!important;
  217. }
  218. .n-m-tb {
  219. margin-top:0px!important;
  220. margin-bottom:0px!important;
  221. }
  222. /* Text Alignments */
  223. .text-right {
  224. text-align:right;
  225. }
  226. .text-left {
  227. text-align:left;
  228. }
  229. /* Custom Framework Containers */
  230. .flex-box {
  231. display:inline-block;
  232. }