extend.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. /* bootstrap */
  2. .btn.active.focus,
  3. .btn.active:focus,
  4. .btn.focus,
  5. .btn:active.focus,
  6. .btn:active:focus,
  7. .btn:focus {
  8. outline: none !important;
  9. }
  10. .btn-group + .btn {
  11. margin-left: 4px;
  12. }
  13. .btn-sm.promise-btn-style {
  14. padding-top: 6px;
  15. padding-bottom: 6px;
  16. }
  17. .btn.btn-xs:not(.is-loading) .btn-spinner:not(:required) {
  18. margin-left: -21px;
  19. }
  20. .progress-bar {
  21. -webkit-transition: initial !important;
  22. -moz-transition: initial !important;
  23. -ms-transition: initial !important;
  24. -o-transition: initial !important;
  25. transition: initial !important;
  26. }
  27. .input-group-addon-compact {
  28. padding: 0 4px 0 4px;
  29. }
  30. .nav-tabs-custom .nav-tabs > li > a {
  31. display: inline-block;
  32. }
  33. .nav-tabs-custom .nav-tabs > li > a.nav-tab-close {
  34. padding-left: 0;
  35. margin-left: -12px;
  36. }
  37. .nav-tabs-custom .nav-tabs > li.nav-tab-title-rpcname > a {
  38. max-width: 180px;
  39. overflow: hidden;
  40. text-overflow: ellipsis;
  41. white-space: nowrap;
  42. vertical-align: bottom;
  43. }
  44. @media (max-width: 991px) {
  45. .nav-tabs-custom .nav-tabs > li.nav-tab-title-rpcname > a {
  46. max-width: 150px;
  47. }
  48. }
  49. @media (max-width: 767px) {
  50. .nav-tabs-custom .nav-tabs > li.nav-tab-title-rpcname > a {
  51. max-width: 120px;
  52. }
  53. }
  54. .input-group.input-group-multiple > .input-group-addon {
  55. border-left: 0;
  56. border-right: 0;
  57. }
  58. .input-group.input-group-multiple > .input-group-addon:first-child,
  59. .input-group.input-group-multiple > .input-group-addon-container:first-child {
  60. border-left: 1px solid #d2d6de;
  61. }
  62. .input-group .input-group-addon-container {
  63. width: 1%;
  64. display: table-cell;
  65. }
  66. .label {
  67. font-size: 85%;
  68. }
  69. /* font-awesome extend */
  70. .fa-half {
  71. font-size: 0.5em;
  72. }
  73. .fa-1_1x {
  74. font-size: 1.1em;
  75. }
  76. .fa-rotate-45 {
  77. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  78. -webkit-transform: rotate(45deg);
  79. -moz-transform: rotate(45deg);
  80. -ms-transform: rotate(45deg);
  81. -o-transform: rotate(45deg);
  82. transform: rotate(45deg);
  83. filter: none;
  84. }
  85. .fa-right-bottom {
  86. position: relative;
  87. right: 0;
  88. bottom: -6px;
  89. }
  90. .fa-display-order {
  91. margin-left: 3px;
  92. }
  93. .fa-order-asc, .fa-order-desc {
  94. position: relative;
  95. }
  96. .fa-order-asc {
  97. bottom: -2px;
  98. }
  99. .fa-order-desc {
  100. bottom: 2px;
  101. }
  102. /* awesome-bootstrap-checkbox extend */
  103. .checkbox input[type="checkbox"]:focus + label::before,
  104. .checkbox input[type="radio"]:focus + label::before {
  105. outline: none !important;
  106. }
  107. .checkbox input[type="checkbox"],
  108. .checkbox input[type="radio"] {
  109. cursor: pointer;
  110. }
  111. .checkbox input.disable-clickable {
  112. pointer-events: none !important;
  113. }
  114. .checkbox.checkbox-hide {
  115. padding-left: 0;
  116. }
  117. .checkbox.checkbox-hide > input, .checkbox.checkbox-hide > input + label::before, .checkbox.checkbox-hide > input + label::after {
  118. display: none !important;
  119. }
  120. .checkbox.checkbox-hide > label {
  121. padding-left: 0;
  122. }
  123. .checkbox-compact {
  124. margin-top: 2px;
  125. margin-bottom: 2px;
  126. }
  127. .checkbox-inline {
  128. display: inline-block;
  129. }
  130. .icon-dir-expand + .checkbox {
  131. margin-left: 6px;
  132. }
  133. /* angular-input-dropdown */
  134. input-dropdown[input-class-name="form-control"] > .input-dropdown {
  135. width: 100%
  136. }
  137. .input-dropdown ul {
  138. border: 1px solid #888;
  139. }
  140. .input-dropdown ul > li.active {
  141. background-color: #e1e3e9;
  142. }
  143. .input-dropdown ul > li {
  144. padding: 2px 14px 2px 14px;
  145. }
  146. /* angular-dragula extend */
  147. .gu-mirror {
  148. cursor: grabbing;
  149. cursor: -moz-grabbing;
  150. cursor: -webkit-grabbing;
  151. }