1
0

ivprog-visual-1.0.css 21 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079
  1. html {
  2. height: 100%;
  3. }
  4. body {
  5. height: 100%;
  6. }
  7. .ui.raised.container.segment.div_to_body {
  8. height: 92%;
  9. padding: 10px;
  10. padding-left: 6px;
  11. padding-right: 6px;
  12. background-color: #1279c6;
  13. }
  14. .ivprog_visual_panel {
  15. height: 96%;
  16. overflow: auto;
  17. overflow-x: auto;
  18. }
  19. .ivprog_textual_panel {
  20. height: 95%;
  21. overflow: auto;
  22. overflow-x: auto;
  23. }
  24. .ivprog_textual_code {
  25. width: 100%;
  26. min-height: 500px;
  27. resize: none;
  28. background-color: white;
  29. }
  30. .main_title h2 {
  31. margin: 0;
  32. color: white;
  33. }
  34. .main_title span {
  35. font-size: 80%;
  36. font-style: italic;
  37. }
  38. .ivprog_format_info {
  39. cursor: pointer;
  40. margin-left: 10px;
  41. }
  42. .ivprog_visual_panel {
  43. border: 2px solid #A0A0A0;
  44. background-color: red;
  45. }
  46. .ui.container.main_title {
  47. float: left;
  48. width: 200px;
  49. }
  50. .ui.container.content_margin {
  51. margin-top: 10px;
  52. }
  53. .content_margin .content_sub_margin {
  54. display: inline;
  55. margin-left: 34%;
  56. margin-top: 50px;
  57. }
  58. .ui.icon.menu.center.aligned.container {
  59. width: 438px;
  60. margin-top: -10px;
  61. }
  62. .ghost {
  63. opacity: .5;
  64. background: #C8EBFB;
  65. }
  66. /* editor visual: **/
  67. .function_signature_div,
  68. .function_close_div {
  69. font-weight: bold;
  70. color: black;
  71. }
  72. .ui.selection.data_types_dropdown.visible.dropdown>.text:not(.default),
  73. .ui.selection.parameter_data_types_dropdown.visible.dropdown>.text:not(.default) {
  74. font-weight: bold;
  75. }
  76. .ui.selection.data_types_dropdown.dropdown,
  77. .ui.selection.parameter_data_types_dropdown.dropdown {
  78. padding-bottom: 0;
  79. }
  80. .ui.fluid.dropdown.data_types_dropdown {
  81. display: inline;
  82. width: 150px;
  83. border: none;
  84. background: none;
  85. }
  86. .ui.fluid.dropdown.parameter_data_types_dropdown {
  87. display: inline;
  88. border: none;
  89. background: none;
  90. }
  91. .ui.fluid.dropdown.data_types_dropdown.selection .dropdown.icon,
  92. .ui.fluid.dropdown.parameter_data_types_dropdown.selection .dropdown.icon {
  93. font-size: 1em;
  94. }
  95. .function_close_div {
  96. margin-left: 20px;
  97. }
  98. .command_div {
  99. margin-left: 16px;
  100. }
  101. .function_draggable_div {
  102. width: 16px;
  103. float: left;
  104. }
  105. .function_draggable_div img {
  106. margin-bottom: -4px;
  107. margin-left: -2px;
  108. }
  109. .input_name_function{
  110. min-width: 50px;
  111. }
  112. .text_attr_receives {
  113. margin-left: 20px;
  114. margin-right: 20px;
  115. }
  116. .menu_operations {
  117. margin-left: 10px;
  118. margin-right: 10px;
  119. }
  120. .case_commands_block {
  121. /*border: 1px solid red;*/
  122. }
  123. .context_menu {
  124. display: inline;
  125. float: right;
  126. margin-right: 25px;
  127. margin-top: -4px;
  128. }
  129. .case_div {
  130. border: 1px solid gray;
  131. margin-left: 30px;
  132. padding-left: 5px;
  133. margin-top: 5px;
  134. }
  135. .function_name_div, .function_return_div, .function_name_parameter, .created_div_valor_var, .function_return, .var_value_menu_div, .variable_rendered, .variable_rendered div, .var_attributed,
  136. .expression_operand_1, .expression_operand_2, .operator, .div_comment_text, .value_rendered, .parameters_function_called, .parameters_function_called div, .expression_elements,
  137. .expression_element, .var_rendered, .menu_add_item, .component_element, .component_element, .conditional_expression, .variable_attribution, .attribution_expression, .var_value_expression,
  138. .incrementation_field, .incrementation_variable, .first_operand, .operator, .second_operand, .variable_to_switch, .variable_case, .button_remove_case, .editing_name_var, .parameter_div_edit,
  139. .all_elements_write, .container_var_element_control, .inline_add_command, .restart_expression, .div_parent_handler, .div_drag_writer, .single_element_expression, .ghost_parenthesis, .pass_button {
  140. display: inline;
  141. }
  142. .conditional_comands_block {
  143. min-height: 10px;
  144. }
  145. .div_comment_text {
  146. min-width: 100px;
  147. font-style: italic;
  148. }
  149. .enable_edit_name_function, .add_parameter, .remove_parameter, .add_parameter_button, .remove_variable {
  150. cursor: pointer;
  151. }
  152. [contenteditable="true"]:active,
  153. [contenteditable="true"]:focus,
  154. [contenteditable="true"]:hover {
  155. border: 1px dashed #000;
  156. background: white;
  157. }
  158. .ui.segment.ivprog_visual_panel {
  159. padding: 3px;
  160. margin-top: -5px;
  161. background: white;
  162. }
  163. .ui.segment.function_div {
  164. padding: 5px;
  165. margin: 0;
  166. margin-bottom: 5px;
  167. background-color: #bddbff;
  168. }
  169. .ui.button.add_function_button,
  170. .ui.button.add_variable_button,
  171. .ui.button.add_command_button {
  172. padding: 8px;
  173. margin: 0;
  174. }
  175. .glyphicon-move {
  176. cursor: move;
  177. cursor: -webkit-grabbing;
  178. }
  179. .glyphicon.glyphicon-move {
  180. float: left;
  181. }
  182. .remove_function_button, .minimize_function_button, .add_var_top_button, .add_command_top_button {
  183. float: right;
  184. }
  185. .ui.icon.button.remove_function_button,
  186. .ui.icon.button.minimize_function_button {
  187. background: none;
  188. padding: 0;
  189. margin-top: 12px;
  190. }
  191. .ui.segment.variables_list_div,
  192. .ui.segment.commands_list_div {
  193. padding: 5px;
  194. margin: 0;
  195. margin-left: 30px;
  196. width: calc(100% - 30px);
  197. background-color: #f9f9f9;
  198. min-height: 30px;
  199. }
  200. .ui.segment.variables_list_div {
  201. margin-top: 5px;
  202. }
  203. .ui.labeled.icon.button.add_variable_button,
  204. .ui.labeled.icon.button.add_command_button {
  205. }
  206. .program_signature {
  207. font-weight: bold;
  208. margin: -3px 0 10px -5px;
  209. }
  210. .program_final {
  211. font-weight: bold;
  212. margin: 5px 0 0 -5px;
  213. }
  214. .parameters_list {
  215. display: inline;
  216. }
  217. .parameter_type {
  218. margin-left: 10px;
  219. margin-right: 15px;
  220. }
  221. .function_return .dropdown .icon, .parameter_type .dropdown .icon {
  222. margin-left: 6px;
  223. }
  224. .tabela_var {
  225. display: inline;
  226. }
  227. .buttons_manage_columns i, .tr_manage_lines i {
  228. cursor: pointer;
  229. display: inline;
  230. }
  231. div.buttons_manage_columns {
  232. display: inline;
  233. }
  234. .tr_manage_lines {
  235. text-align: center;
  236. }
  237. .div_valor_var {
  238. display: inline;
  239. }
  240. .ui.comment span {
  241. font-style: italic;
  242. }
  243. .ui.comment, .ui.reader, .ui.writer, .ui.attribution, .ui.iftrue, .ui.repeatNtimes, .ui.whiletrue, .ui.dowhiletrue, .ui.switch, .ui.functioncall,
  244. .ui.return {
  245. padding: 5px;
  246. margin: 5px;
  247. background: #f7f2c9;
  248. border: 2px solid #4d4be3;
  249. border-radius: 0.25em;
  250. box-shadow: 1px 1px;
  251. }
  252. .ui.repeatNtimes .separator_character {
  253. margin-right: 10px;
  254. margin-left: 15px;
  255. }
  256. .ui.repeatNtimes, .ui.whiletrue {
  257. min-height: 50px;
  258. }
  259. .ui.dowhiletrue .ui.block_commands {
  260. min-height: 10px;
  261. }
  262. .add_var_top_button {
  263. padding-right: 50px;
  264. }
  265. .function_signature_div {
  266. min-height: 40px;
  267. padding-top: 8px;
  268. }
  269. .move_function {
  270. margin-top: 9px;
  271. }
  272. .div_start_minimize_v {
  273. float: right;
  274. width: 22px;
  275. height: 10px;
  276. }
  277. .global_var {
  278. margin-bottom: 7px;
  279. }
  280. .list_globals, .global_const {
  281. display: inline;
  282. }
  283. .created_element {
  284. position: absolute;
  285. width: 50%;
  286. z-index: 99999999;
  287. opacity: .8;
  288. cursor: move;
  289. }
  290. .width-dynamic {
  291. min-width: 100px;
  292. }
  293. .ui.icon.plus.square.outline.icon_add_item_to_writer {
  294. margin-right: 10px;
  295. margin-left: 10px;
  296. cursor: pointer;
  297. }
  298. .button_remove_command, .button_refresh_attribution {
  299. float: right;
  300. cursor: pointer;
  301. }
  302. .expression_drag {
  303. cursor: col-resize;
  304. border: 2px gray solid;
  305. display: inline;
  306. width: 5px;
  307. }
  308. .ui.icon.red.exclamation.triangle.error_icon {
  309. float: left;
  310. margin-left: -1.6em;
  311. z-index: 10;
  312. position: absolute;
  313. font-size: 1.5em;
  314. }
  315. .height_100 {
  316. height: 100%;
  317. }
  318. .default_visual_title {
  319. display: none;
  320. }
  321. .expandingArea textarea {
  322. min-height: 30px;
  323. resize: none;
  324. padding: 5px;
  325. }
  326. .ui table .btn_actions {
  327. text-align: center;
  328. }
  329. .button_remove_case {
  330. cursor: pointer;
  331. padding: 3px;
  332. }
  333. .accordion {
  334. margin: auto;
  335. }
  336. .global_container:hover,
  337. .variable_container:hover {
  338. border: 2px solid gray;
  339. padding-left: 8px;
  340. padding-right: 8px;
  341. padding-top: 5px;
  342. padding-bottom: 4px;
  343. }
  344. .ui.label.function_name_parameter:hover {
  345. border: 2px solid gray;
  346. padding: 5px 6px 5px 6px;
  347. }
  348. .ui.label.function_name_parameter {
  349. padding: 7px 8px 7px 8px;
  350. }
  351. .global_container:hover, .variable_container:hover {
  352. margin-bottom: 4px !important;
  353. }
  354. .global_container .global_type, .editing_name_var, .global_container .span_value_variable,
  355. .variable_container .variable_type, .variable_container .span_value_variable,
  356. .ui.dropdown.function_return, div.function_name_div_updated,
  357. .ui.dropdown.parameter_type, .parameter_div_edit {
  358. background: #cecece;
  359. border-radius: 5px;
  360. padding: 4px;
  361. margin-left: 5px;
  362. margin-right: 5px;
  363. }
  364. .parameter_div_edit {
  365. padding-bottom: 2px;
  366. padding-top: 2px;
  367. }
  368. .ui.dropdown.parameter_type {
  369. }
  370. div.function_name_div_updated {
  371. padding-top: 5px;
  372. padding-bottom: 5px;
  373. margin-right: 10px;
  374. }
  375. .function_name_div_updated .name_function_updated {
  376. padding-left: 10px;
  377. padding-right: 10px;
  378. }
  379. .variable_container .variable_type {
  380. padding: 5px;
  381. margin-left: 0;
  382. margin-right: 3px;
  383. }
  384. .global_container .global_type:hover, .global_container .span_value_variable:hover,
  385. .variable_container .variable_type:hover, .variable_container .span_value_variable:hover,
  386. .ui.dropdown.function_return:hover, div.function_name_div_updated:hover,
  387. .ui.dropdown.parameter_type:hover, .parameter_div_edit:hover {
  388. background: #848484;
  389. color: #fff;
  390. z-index: 999999;
  391. }
  392. .editing_name_var {
  393. min-width: 40px;
  394. padding-top: 3px;
  395. padding-bottom: 3px;
  396. }
  397. .global_container .global_type:active,
  398. .variable_container .variable_type:active,
  399. .ui.dropdown.function_return:active,
  400. div.function_name_div_updated:active,
  401. .ui.dropdown.parameter_type:active {
  402. background: #636363;
  403. color: #fff;
  404. }
  405. .global_container i {
  406. cursor: pointer;
  407. }
  408. .global_container .ui.icon.plus.square.outline, .global_container .ui.icon.minus.square.outline {
  409. font-size: 120%;
  410. }
  411. .character_equals {
  412. font-size: 150%;
  413. display: inline;
  414. margin-left: 3px;
  415. margin-right: -2px;
  416. }
  417. .yellow.icon.times.remove_global,
  418. .yellow.icon.times.remove_variable,
  419. .yellow.icon.times.remove_parameter {
  420. float: right;
  421. margin-right: -1px;
  422. margin-left: 8px;
  423. opacity: 0;
  424. }
  425. .global_container:hover > .yellow.icon.times.remove_global, .variable_container:hover > .yellow.icon.times.remove_variable,
  426. .function_name_parameter:hover > .yellow.icon.times.remove_parameter {
  427. opacity: 1;
  428. }
  429. .tr_manage_lines {
  430. padding-top: 10px;
  431. }
  432. .ui.icon.button.add-globalVar-button.add_global_button {
  433. padding: 7px;
  434. margin-bottom: 4px;
  435. padding-bottom: 9px;
  436. }
  437. .all_functions {
  438. margin-top: -5px;
  439. }
  440. .only_in_frame {
  441. position: absolute;
  442. z-index: 9999;
  443. width: 90px;
  444. top: 5px;
  445. left: 5px;
  446. opacity: .6;
  447. }
  448. .only_in_frame:hover {
  449. opacity: 1;
  450. }
  451. .only_in_frame:hover span {
  452. display: block;
  453. }
  454. .only_in_frame span {
  455. display: none;
  456. margin-top: -5px;
  457. }
  458. .ui.container.main_title {
  459. width: 85px;
  460. }
  461. .ui.label.global_container {
  462. margin-bottom: 3px;
  463. }
  464. .ui.label.variable_container {
  465. margin-bottom: 3px;
  466. }
  467. .created_div_valor_var {
  468. display: inline-block;
  469. }
  470. .ui.dropdown.function_return {
  471. padding-left: 15px;
  472. padding-right: 15px;
  473. margin-left: 10px;
  474. margin-right: 10px;
  475. }
  476. .parethesis_function {
  477. font-size: 120%;
  478. }
  479. .var_value_menu_div,
  480. .attribution .var_attributed,
  481. .component_element,
  482. .conditional_expression .expression_element,
  483. .menu_start_rendered,
  484. .attribution_expression .variable_attribution,
  485. .render_style_param,
  486. .attribution_expression .div_expression_st:not(:empty),
  487. .incrementation_field .incrementation_variable,
  488. .incrementation_field .first_operand:not(:empty),
  489. .incrementation_field .operator:not(:empty),
  490. .incrementation_field .second_operand:not(:empty),
  491. .single_element_expression, .ghost_parenthesis,
  492. .ui.repeatNtimes .conditional_expression {
  493. background: #e8e8e8;
  494. border-radius: 5px;
  495. min-width: 40px;
  496. padding: 2px;
  497. padding-left: 5px;
  498. padding-right: 5px;
  499. border: 1px solid gray;
  500. box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
  501. color: black;
  502. }
  503. .menu_start_rendered {
  504. padding-left: 12px;
  505. }
  506. .menu_start_rendered i {
  507. width: 1.5em;
  508. margin-right: -1em;
  509. }
  510. .row_container:hover, .column_container:hover {
  511. background: #cecece;
  512. }
  513. .column_container, .row_container {
  514. border-radius: 4px;
  515. border: 1px solid gray;
  516. padding: 1px 2px 1px 2px;
  517. background: #e8e8e8;
  518. box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
  519. }
  520. .var_value_menu_div div i {
  521. color: black;
  522. }
  523. .span_command_spec {
  524. color: black;
  525. font-weight: bold;
  526. font-size: 110%;
  527. }
  528. .ui.comment.command_container .var_value_menu_div {
  529. display: inline-block;
  530. width: 93%;
  531. }
  532. .ui.comment.command_container .var_value_menu_div .variable_rendered,
  533. .ui.comment.command_container .var_value_menu_div .value_rendered {
  534. width: 100%;
  535. cursor: text;
  536. font-style: italic;
  537. }
  538. .ui.comment.command_container .var_value_menu_div {
  539. cursor: text;
  540. }
  541. .ui.comment.command_container .var_value_menu_div {
  542. background: none;
  543. border-radius: 0;
  544. border: 0px solid gray;
  545. box-shadow: none;
  546. padding: 0px;
  547. font-size: 110%;
  548. }
  549. .ui.comment.command_container .var_name,
  550. .ui.comment.command_container .value_rendered {
  551. color: rgba(0,0,0,.6);
  552. }
  553. .ui.comment.command_container .var_value_menu_div input {
  554. width: 100%;
  555. display: inline-block;
  556. font-style: italic;
  557. }
  558. .ui.dropdown.menu_start_rendered .text i {
  559. padding-right: 8px;
  560. }
  561. * {
  562. font-family: 'Roboto', sans-serif;
  563. }
  564. .add_global_button i {
  565. font-size: 130%;
  566. }
  567. .global_var .circle.add_global_button, .global_var i.back,
  568. .ui.add_var_context .icon.plus.circle, .ui.add_var_context .icon.circle.back,
  569. .ui.rail .icon.plus.circle, .ui.rail .icon.circle.back {
  570. position: absolute;
  571. }
  572. .global_var .circle.add_global_button,
  573. .ui.add_var_context .icon.plus.circle,
  574. .ui.rail .icon.plus.circle {
  575. color: #bf80d4!important;
  576. cursor: pointer;
  577. font-style: 120%;
  578. }
  579. .global_var i.back,
  580. .ui.add_var_context .icon.circle.back,
  581. .ui.rail .icon.circle.back {
  582. color: white !important;
  583. }
  584. .ui.add_var_context{
  585. margin-left: -4px;
  586. }
  587. .ui.rail {
  588. color: #ab0054 !important;
  589. }
  590. .ui.add_var_context .icon.superscript {
  591. font-size: 110%;
  592. }
  593. .ui.add_var_context .ui.icon.button.purple {
  594. padding: 8px;
  595. }
  596. .global_container .global_const, .global_container .global_type,
  597. .variable_container .variable_type {
  598. font-size: 114%;
  599. }
  600. .global_container .editing_name_var,
  601. .variable_container .editing_name_var {
  602. font-size: 108%;
  603. }
  604. .global_container .global_const i {
  605. font-size: 120%;
  606. }
  607. .global_container .span_value_variable,
  608. .variable_container .span_value_variable {
  609. font-size: 110%;
  610. }
  611. .global_container .global_type, .global_container .editing_name_var, .global_container .span_value_variable,
  612. .variable_container .variable_type, .variable_container .span_value_variable, .variable_container .editing_name_var,
  613. .ui.dropdown.parameter_type, .parameter_div_edit {
  614. background: black;
  615. border-radius: 5px;
  616. padding: 4px;
  617. margin-left: 5px;
  618. margin-right: 5px;
  619. }
  620. .global_container .global_type:hover, .global_container .editing_name_var:hover, .global_container .span_value_variable:hover,
  621. .variable_container .variable_type:hover, .variable_container .span_value_variable:hover, .variable_container .editing_name_var:hover,
  622. .ui.dropdown.parameter_type:hover, .parameter_div_edit:hover {
  623. background-color: #545353;
  624. }
  625. .yellow.icon.times.remove_global,
  626. .yellow.icon.times.remove_variable {
  627. color: yellow;
  628. font-size: 125%;
  629. }
  630. .ui.rail .icon.plus.circle {
  631. color: #ec9962 !important;
  632. }
  633. .ui.rail .icon.plus.circle,
  634. .ui.rail .icon.circle.back,
  635. .ui.add_var_context .icon.plus.circle,
  636. .ui.add_var_context .icon.circle.back,
  637. .global_var .icon.plus.circle,
  638. .global_var .icon.circle.back {
  639. left: 1.8em !important;
  640. margin-top: 1.5em !important;
  641. }
  642. .ui.rail .icon.plus.circle,
  643. .ui.rail .icon.circle.back {
  644. left: 1.3em !important;
  645. }
  646. .ui.icon.button.dropdown.menu_commands {
  647. color: white;
  648. margin-left: -4px;
  649. padding: 8px;
  650. margin-top: 0.3em;
  651. }
  652. .ui.dropdown.variable_type {
  653. padding: 5px;
  654. }
  655. .global_var .global_container .ellipsis,
  656. .variable_container .ui.icon.ellipsis.vertical.inverted,
  657. .ui.label.function_name_parameter.pink .ui.icon.ellipsis.vertical.inverted {
  658. position: relative;
  659. margin-left: -3px;
  660. margin-right: 4px;
  661. opacity: 0;
  662. cursor: move;
  663. font-size: 120%;
  664. }
  665. .global_container:hover > .ellipsis,
  666. .variable_container:hover > .ui.icon.ellipsis.vertical.inverted {
  667. opacity: 1;
  668. }
  669. .glyphicon.glyphicon-move.move_function i {
  670. font-size: 130%;
  671. }
  672. .span_name_parameter.label_enable_name_parameter {
  673. font-size: 94%;
  674. font-weight: 700;
  675. }
  676. .ui.dropdown.parameter_type {
  677. font-size: 96%;
  678. }
  679. .ui.label.function_name_parameter .ellipsis {
  680. font-size: 96% !important;
  681. margin-left: .05em !important;
  682. }
  683. .ui.label.function_name_parameter:hover > .ellipsis {
  684. opacity: 1 !important;
  685. }
  686. .command_drag {
  687. cursor: move;
  688. }
  689. .command_container.over_command_drag {
  690. border: 3px dotted blue !important;
  691. padding: 0.315em !important;
  692. }
  693. .commands_list_div.over_command_drag {
  694. border: 3px dotted blue !important;
  695. padding: 0.2em !important;
  696. }
  697. .ui.segment:first-child {
  698. margin-top: 1em !important;
  699. }
  700. div.ui.checkbox.transition.visible {
  701. margin-bottom: 1em;
  702. }
  703. .var_menu_select_content_error {
  704. background: #ff0000;
  705. color: white !important;
  706. border: 2px solid #3125ee;
  707. }
  708. .ui.iftrue, .ui.repeatNtimes, .ui.whiletrue, .ui.dowhiletrue, .ui.switch {
  709. background: #787fe721;
  710. }
  711. .ui.popup.invalid-identifier {
  712. background: #ff3232;
  713. color: white;
  714. font-weight: bold;
  715. border: 1px solid black;
  716. }
  717. .ui.popup.invalid-identifier:before {
  718. background: #ff3232;
  719. border-right: 1px solid black;
  720. border-bottom: 1px solid black;
  721. }
  722. .ui.popup.invalid-identifier i.ui.icon.inverted.exclamation.triangle.yellow {
  723. margin-left: -.5em;
  724. margin-right: .4em;
  725. }
  726. .ui.repeatNtimes.command_container .ui.block_commands,
  727. .ui.whiletrue.command_container .ui.block_commands {
  728. margin-top: .8em;
  729. }
  730. .ui.restart_expression {
  731. margin-left: .4em;
  732. cursor: pointer;
  733. color: brown;
  734. }
  735. .div_parent_handler {
  736. padding-top: 5px;
  737. padding-bottom: 6px;
  738. background: #7a7acf;
  739. border-radius: 4px;
  740. }
  741. .div_parent_handler i.times {
  742. margin-left: .3em;
  743. cursor: pointer;
  744. }
  745. .div_parent_handler i.ellipsis {
  746. cursor: move;
  747. }
  748. .div_parent_handler i.handler {
  749. opacity: 0;
  750. }
  751. .div_parent_handler:hover i.handler {
  752. opacity: 1;
  753. }
  754. .ui.block_commands {
  755. min-height: 20px !important;
  756. padding-top: 5px !important;
  757. }
  758. .ghost_div {
  759. height: 20px;
  760. background-color: #ffffff;
  761. margin: 5px;
  762. border: 2px dotted #000000;
  763. box-shadow: 1px 1px;
  764. height: 28px;
  765. border: 2px solid green;
  766. }
  767. .ghost_element, .ghost_parenthesis {
  768. opacity: 0;
  769. }
  770. .expression_elements:hover .ghost_element, .expression_elements:hover .ghost_parenthesis {
  771. }
  772. .ghost_element:hover, .ghost_parenthesis:hover {
  773. opacity: 1.0 !important;
  774. }
  775. .usepointer, .ghost_element, .ghost_parenthesis, .add_parentheses {
  776. cursor: pointer !important;
  777. }
  778. .add_parentheses {
  779. margin-left: 20px;
  780. }
  781. .temp_class {
  782. opacity: 0;
  783. }
  784. .parentheses_ghost {
  785. display: inline;
  786. background-color: #2ecc40;
  787. padding: 1px 4px;
  788. font-size: 120%;
  789. padding-bottom: 2px;
  790. font-weight: bold;
  791. margin: 0px 4px;
  792. border-radius: 4px;
  793. box-shadow: 4px black;
  794. box-shadow: 1px 1px;
  795. border: 1px solid gray;
  796. }
  797. .single_element_expression {
  798. }
  799. .floating_parenthesis {
  800. padding: 3px 2px;
  801. border: 1px solid gray;
  802. background-color: #e8e8e8;
  803. width: 30px;
  804. text-align: center;
  805. border-radius: 5px;
  806. font-weight: bold;
  807. box-shadow: 2px 2px grey;
  808. }
  809. .remove_element_expression {
  810. display: inline;
  811. position: absolute;
  812. top: -15px;
  813. right: -5px;
  814. }
  815. .mouse_distance {
  816. }
  817. .mouse_distance_hidden {
  818. display: none !important;
  819. }
  820. .mouse_distance_except {
  821. display: inline !important;
  822. }
  823. .higher_element {
  824. display: inline;
  825. min-width: 10px !important;
  826. min-height: 10px;
  827. position: absolute;
  828. margin-left: -10px;
  829. margin-top: -5px;
  830. padding-left: 5px;
  831. }
  832. .ghost_element {
  833. border: 2px solid green !important;
  834. box-shadow: #8f8f8f 2px 2px !important;
  835. background: #d8ffd8 !important;
  836. }
  837. .ui.button.green.add_expression {
  838. padding: 2px;
  839. padding-top: 5px;
  840. padding-bottom: 5px;
  841. margin-left: 5px;
  842. padding-left: 10px;
  843. }
  844. .ui.button.green.add_expression i {
  845. font-size: 110%;
  846. }
  847. .simple_add {
  848. display: inline;
  849. }
  850. .lixeira {
  851. position: absolute;
  852. top: 300px;
  853. left: 200px;
  854. height: 100px;
  855. background-image: url('../img/trash-icon.png');
  856. width: 125px !important;
  857. background-position: 0;
  858. background-repeat: no-repeat;
  859. display: none;
  860. }
  861. .lixeira .trash {
  862. font-size: 3em;
  863. }
  864. .color_test {
  865. background-color: green;
  866. }
  867. .parentheses_fixed {
  868. background-color: #617063 !important;
  869. color: white !important;
  870. }
  871. .parentheses_in_expression {
  872. cursor: pointer;
  873. }
  874. .ivprog-error-varname {
  875. font-style: italic;
  876. margin-left: 1px;
  877. margin-right: 1px;
  878. }
  879. .disabled {
  880. pointer-events: none;
  881. }
  882. .dimmer_content_message {
  883. color: white;
  884. display: none;
  885. }
  886. .circular.inverted.teal.question.icon {
  887. font-size: 12px;
  888. margin-left: 10px;
  889. }
  890. .table_buttons {
  891. width: 100%;
  892. margin-top: 10px;
  893. }
  894. .table_buttons .right_align {
  895. text-align: right;
  896. }
  897. .text_area_output, .text_area_input {
  898. width: 80%;
  899. }
  900. .tabular .item {
  901. font-size: 1.1em;
  902. }
  903. .tabular.menu {
  904. margin-top: 1em !important;
  905. }
  906. .ui.bottom.attached.tab.segment, .tabular.menu {
  907. margin-left: 1em !important;
  908. margin-right: 1em !important;
  909. }
  910. .ui.blue.table thead tr:first-child > th {
  911. position: sticky !important;
  912. top: 0;
  913. z-index: 2;
  914. }
  915. .ui.bottom.attached.tab.segment.tab_algorithm {
  916. height: 90%;
  917. }
  918. .ui.segment.settings_topic h3 {
  919. margin-bottom: 20px;
  920. }
  921. .settings_topic .content_segment_settings {
  922. margin-left: 40px;
  923. }
  924. .ui.repeatNtimes .span_command_spec {
  925. margin-right: 10px;
  926. }
  927. .ui.repeatNtimes .ui.attribution_expression {
  928. margin-right: -10px;
  929. }
  930. .ui.repeatNtimes .ui.var_value_expression.div_expression_st {
  931. margin-left: -10px;
  932. }
  933. .pass_button {
  934. margin-left: 10px;
  935. }
  936. .pass_button button {
  937. padding-bottom: 2px;
  938. }