forms.css 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  1. /*--
  2. import url(../../../../../../../template/css/forms.css);
  3. --*/
  4. .bx-form-advanced-wrapper .bx-form-section-wrapper:first-child {
  5. margin-top:0;
  6. }
  7. .bx-form-advanced-wrapper .bx-form-section-divider:first-child {
  8. border-top:none;
  9. padding-top:0;
  10. }
  11. .bx-form-advanced-wrapper .bx-form-section-divider:first-child .bx-form-section-content {
  12. padding-top:0;
  13. }
  14. .bx-form-advanced-wrapper .bx-form-section-wrapper:last-child .bx-form-section-content {
  15. padding-bottom:0;
  16. }
  17. .bx-form-advanced-wrapper .bx-form-section-wrapper:first-child .bx-form-row-view-wrapper:first-child {
  18. padding-top:0;
  19. }
  20. .bx-form-input-wrapper-pgc {
  21. position: relative;
  22. }
  23. /*-- Section Toggler ---*/
  24. .bx-form-section-wrapper {
  25. position: relative;
  26. }
  27. .bx-form-section {
  28. margin: 0;
  29. padding: 0;
  30. border: none;
  31. }
  32. .bx-form-section-header legend {
  33. position: relative;
  34. line-height: 1.125rem;
  35. text-transform: uppercase;
  36. }
  37. .bx-form-section-header legend u {
  38. cursor: pointer;
  39. }
  40. .bx-form-section-header span {
  41. white-space: nowrap;
  42. text-transform: none;
  43. font-size: 0.75rem;
  44. }
  45. .bx-form-section-hidden .bx-form-section-content {
  46. display:none;
  47. }
  48. .bx-form-collapsable .bx-form-section-toggler {
  49. position:absolute;
  50. left: -2px;
  51. top: 2px;
  52. width:20px;
  53. height:20px;
  54. text-decoration:none;
  55. -moz-transform: rotate(90deg);
  56. -webkit-transform: rotate(90deg);
  57. -ms-transform: rotate(90deg);
  58. -o-transform: rotate(90deg);
  59. -webkit-transition: all 0.5s ease;
  60. -moz-transition: all 0.5s ease;
  61. -ms-transition: all 0.5s ease;
  62. -o-transition: all 0.5s ease;
  63. }
  64. .bx-form-collapsed .bx-form-section-toggler {
  65. -moz-transform: rotate(0deg);
  66. -webkit-transform: rotate(0deg);
  67. -ms-transform: rotate(0deg);
  68. -o-transform: rotate(0deg);
  69. }
  70. .bx-form-section-toggler .sys-icon {
  71. display: inline-block;
  72. vertical-align: top;
  73. margin: 0 0 0 5px;
  74. font-size:0.875rem;
  75. line-height:1.2rem;
  76. }
  77. /*--- One Line fields ---*/
  78. .bx-form-element-wrapper-oneline .bx-form-element {
  79. display: -webkit-flex;
  80. display: flex;
  81. -webkit-flex-flow: row nowrap;
  82. flex-flow: row nowrap;
  83. -webkit-align-items: flex-start;
  84. align-items: flex-start;
  85. -webkit-justify-content: flex-start;
  86. justify-content: flex-start;
  87. }
  88. /*-- Form field: Password --*/
  89. .bx-form-input-wrapper-password {
  90. padding: 0 2.125rem 0 0;
  91. }
  92. .bx-form-input-wrapper-password > a {
  93. position: absolute;
  94. z-index: 1000;
  95. display: -webkit-flex;
  96. display: flex;
  97. -webkit-align-items: center;
  98. align-items: center;
  99. -webkit-justify-content: center;
  100. justify-content: center;
  101. top: 0;
  102. right: 0;
  103. height: 100%;
  104. margin: 0 0.5rem;
  105. }
  106. .bx-form-input-password {
  107. position: relative;
  108. -moz-box-sizing: border-box;
  109. -ms-box-sizing: border-box;
  110. -webkit-box-sizing: border-box;
  111. box-sizing: border-box;
  112. width: 100%;
  113. height: 100%;
  114. margin: 0;
  115. padding: 0.5rem 2.125rem 0.5rem 0.75rem;
  116. border: 0;
  117. background-color: transparent;
  118. }
  119. .bx-form-input-password:focus {
  120. border-color: transparent;
  121. outline: none;
  122. box-shadow: none;
  123. }
  124. /*-- Form field: Date/Time Pickers --*/
  125. .bx-form-datepicker-modal {
  126. z-index: 10001 !important;
  127. }
  128. /*-- Form field: Switcher --*/
  129. .bx-switcher-cont input {
  130. display: none !important;
  131. }
  132. /*--- Form field: File ---*/
  133. .bx-form-input-wrapper-file .bx-btn {
  134. display: inline-block;
  135. float: none;
  136. }
  137. .bx-form-input-file {
  138. position: fixed;
  139. top: -1000px;
  140. border: none;
  141. background-color: transparent;
  142. }
  143. /*--- Form field: Location ---*/
  144. .bx-form-element .bx-form-value input,
  145. .bx-form-element .bx-form-value select {
  146. display: inline-block;
  147. }
  148. .bx-form-element .bx-form-input-location-country,
  149. .bx-form-element .bx-form-input-location-zip,
  150. .bx-form-element .bx-form-input-location-state,
  151. .bx-form-element .bx-form-input-location-city {
  152. width:49%;
  153. }
  154. .bx-form-element .bx-form-input-location-street {
  155. width:83%;
  156. }
  157. .bx-form-element .bx-form-input-location-street_number {
  158. width:15%;
  159. }
  160. .bx-form-element .bx-form-input-location-street_number,
  161. .bx-form-element .bx-form-input-location-street,
  162. .bx-form-element .bx-form-input-location-state,
  163. .bx-form-element .bx-form-input-location-city {
  164. margin-bottom: 0.25rem;
  165. }
  166. .bx-form-element .bx-form-input-location-street,
  167. .bx-form-element .bx-form-input-location-state,
  168. .bx-form-element .bx-form-input-location-country {
  169. margin-left: 0.25rem;
  170. }
  171. .bx-form-element .bx-form-input-location-cont .bx-form-input-location-status-cont {
  172. float:none;
  173. width:98%;
  174. line-height:normal;
  175. }
  176. .bx-form-element .bx-form-input-location-status {
  177. float:left;
  178. }
  179. .bx-form-element .bx-form-input-location-copyright {
  180. float:right;
  181. }
  182. .bx-form-element .bx-form-input-location-auto-cont {
  183. display:table;
  184. }
  185. .bx-form-element .bx-form-input-location-auto-cont > div {
  186. display: table-cell;
  187. vertical-align: middle;
  188. }
  189. /*--- Form field: Auto-siggestion ---*/
  190. .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels) {
  191. float:left;
  192. padding: 0.25rem 0;
  193. height:auto;
  194. box-shadow: none;
  195. min-height: 2.8rem;
  196. }
  197. .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels) b {
  198. display: block;
  199. margin: 0.25rem;
  200. padding-right: 1.5rem;
  201. border-radius: 1.25rem;
  202. line-height: 2.5rem;
  203. white-space: nowrap;
  204. font-weight: normal;
  205. cursor: pointer;
  206. }
  207. .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels) b:first-child {
  208. margin-left: 0.75rem;
  209. }
  210. .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels) b:hover {
  211. opacity: 0.7;
  212. }
  213. .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels) b:after {
  214. font-family: 'sys-user', 'sys-user-fal';
  215. content: "\f00d";
  216. position:absolute;
  217. padding:0 0.5em;
  218. margin-left: 0.5em;
  219. font-size:0.7em;
  220. font-weight:bold;
  221. }
  222. .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels).bx-form-input-disabled b {
  223. cursor: default;
  224. }
  225. .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels).bx-form-input-disabled b:after{
  226. display: none;
  227. }
  228. .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels) input {
  229. border:0;
  230. margin:0;
  231. padding:0 0 0 5px;
  232. width:auto;
  233. float:left;
  234. box-shadow: none;
  235. }
  236. .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels) .bx-base-pofile-unit-wo-info {
  237. display: inline-block;
  238. vertical-align: middle;
  239. margin-right: 8px;
  240. margin-right: 0.5rem;
  241. }
  242. .bx-form-value .bx-form-input-labels > a {
  243. margin-left: 0.5rem;
  244. }
  245. .bx-form-value .bx-form-input-labels > a:first-child {
  246. margin-left: 0;
  247. }
  248. .select2-container {
  249. width:100% !important;
  250. }
  251. .bx-form-input-select {
  252. -webkit-appearance:none;
  253. }
  254. /* tiny mce */
  255. .bx-form-input-wrapper-html .gray-theme.fr-toolbar.fr-top{
  256. border-radius: .375rem .375rem 0 0 !important;
  257. }
  258. .bx-form-input-wrapper-html .fr-wrapper{
  259. border-radius: 0 0 .375rem .375rem !important;
  260. border-bottom-color: #CCCCCC !important;
  261. }
  262. .bx-form-input-wrapper-html .second-toolbar{
  263. border-bottom:none !important;
  264. }
  265. /* wrapper set */
  266. .bx-form-input-wrapper-set label{
  267. margin-left: 0.5rem;
  268. vertical-align: text-bottom;
  269. }