ivprog-visual-1.0.css 20 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009
  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 {
  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. }
  255. .ui.repeatNtimes, .ui.whiletrue {
  256. min-height: 50px;
  257. }
  258. .ui.dowhiletrue .ui.block_commands {
  259. min-height: 10px;
  260. }
  261. .add_var_top_button {
  262. padding-right: 50px;
  263. }
  264. .function_signature_div {
  265. min-height: 40px;
  266. padding-top: 8px;
  267. }
  268. .move_function {
  269. margin-top: 9px;
  270. }
  271. .div_start_minimize_v {
  272. float: right;
  273. width: 22px;
  274. height: 10px;
  275. }
  276. .global_var {
  277. margin-bottom: 7px;
  278. }
  279. .list_globals, .global_const {
  280. display: inline;
  281. }
  282. .created_element {
  283. position: absolute;
  284. width: 50%;
  285. z-index: 99999999;
  286. opacity: .8;
  287. cursor: move;
  288. }
  289. .width-dynamic {
  290. min-width: 100px;
  291. }
  292. .ui.icon.plus.square.outline.icon_add_item_to_writer {
  293. margin-right: 10px;
  294. margin-left: 10px;
  295. cursor: pointer;
  296. }
  297. .button_remove_command, .button_refresh_attribution {
  298. float: right;
  299. cursor: pointer;
  300. }
  301. .expression_drag {
  302. cursor: col-resize;
  303. border: 2px gray solid;
  304. display: inline;
  305. width: 5px;
  306. }
  307. .ui.icon.red.exclamation.triangle.error_icon {
  308. float: left;
  309. margin-left: -1.6em;
  310. z-index: 10;
  311. position: absolute;
  312. font-size: 1.5em;
  313. }
  314. .height_100 {
  315. height: 100%;
  316. }
  317. .default_visual_title {
  318. display: none;
  319. }
  320. .expandingArea textarea {
  321. min-height: 30px;
  322. resize: none;
  323. padding: 5px;
  324. }
  325. .ui table .btn_actions {
  326. text-align: center;
  327. }
  328. .button_remove_case {
  329. cursor: pointer;
  330. padding: 3px;
  331. }
  332. .ui.button_add_case {
  333. margin-top: 10px;
  334. }
  335. .accordion {
  336. margin: auto;
  337. }
  338. .global_container:hover,
  339. .variable_container:hover {
  340. border: 2px solid gray;
  341. padding-left: 8px;
  342. padding-right: 8px;
  343. padding-top: 5px;
  344. padding-bottom: 4px;
  345. }
  346. .ui.label.function_name_parameter:hover {
  347. border: 2px solid gray;
  348. padding: 5px 6px 5px 6px;
  349. }
  350. .ui.label.function_name_parameter {
  351. padding: 7px 8px 7px 8px;
  352. }
  353. .global_container:hover, .variable_container:hover {
  354. margin-bottom: 4px !important;
  355. }
  356. .global_container .global_type, .editing_name_var, .global_container .span_value_variable,
  357. .variable_container .variable_type, .variable_container .span_value_variable,
  358. .ui.dropdown.function_return, div.function_name_div_updated,
  359. .ui.dropdown.parameter_type, .parameter_div_edit {
  360. background: #cecece;
  361. border-radius: 5px;
  362. padding: 4px;
  363. margin-left: 5px;
  364. margin-right: 5px;
  365. }
  366. .parameter_div_edit {
  367. padding-bottom: 2px;
  368. padding-top: 2px;
  369. }
  370. .ui.dropdown.parameter_type {
  371. }
  372. div.function_name_div_updated {
  373. padding-top: 5px;
  374. padding-bottom: 5px;
  375. margin-right: 10px;
  376. }
  377. .function_name_div_updated .name_function_updated {
  378. padding-left: 10px;
  379. padding-right: 10px;
  380. }
  381. .variable_container .variable_type {
  382. padding: 5px;
  383. margin-left: 0;
  384. margin-right: 3px;
  385. }
  386. .global_container .global_type:hover, .global_container .span_value_variable:hover,
  387. .variable_container .variable_type:hover, .variable_container .span_value_variable:hover,
  388. .ui.dropdown.function_return:hover, div.function_name_div_updated:hover,
  389. .ui.dropdown.parameter_type:hover, .parameter_div_edit:hover {
  390. background: #848484;
  391. color: #fff;
  392. z-index: 999999;
  393. }
  394. .editing_name_var {
  395. min-width: 40px;
  396. padding-top: 3px;
  397. padding-bottom: 3px;
  398. }
  399. .global_container .global_type:active,
  400. .variable_container .variable_type:active,
  401. .ui.dropdown.function_return:active,
  402. div.function_name_div_updated:active,
  403. .ui.dropdown.parameter_type:active {
  404. background: #636363;
  405. color: #fff;
  406. }
  407. .global_container i {
  408. cursor: pointer;
  409. }
  410. .global_container .ui.icon.plus.square.outline, .global_container .ui.icon.minus.square.outline {
  411. font-size: 120%;
  412. }
  413. .character_equals {
  414. vertical-align: sub;
  415. font-size: 150%;
  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. background: #e8e8e8;
  493. border-radius: 5px;
  494. min-width: 40px;
  495. padding: 2px;
  496. padding-left: 5px;
  497. padding-right: 5px;
  498. border: 1px solid gray;
  499. box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
  500. color: black;
  501. }
  502. .menu_start_rendered {
  503. padding-left: 12px;
  504. }
  505. .menu_start_rendered i {
  506. width: 1.5em;
  507. margin-right: -1em;
  508. }
  509. .row_container:hover, .column_container:hover {
  510. background: #cecece;
  511. }
  512. .column_container, .row_container {
  513. border-radius: 4px;
  514. border: 1px solid gray;
  515. padding: 1px 2px 1px 2px;
  516. background: #e8e8e8;
  517. box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
  518. }
  519. .var_value_menu_div div i {
  520. color: black;
  521. }
  522. .span_command_spec {
  523. color: black;
  524. font-weight: bold;
  525. font-size: 110%;
  526. }
  527. .ui.comment.command_container .var_value_menu_div {
  528. display: inline-block;
  529. width: 93%;
  530. }
  531. .ui.comment.command_container .var_value_menu_div .variable_rendered,
  532. .ui.comment.command_container .var_value_menu_div .value_rendered {
  533. width: 100%;
  534. cursor: text;
  535. font-style: italic;
  536. }
  537. .ui.comment.command_container .var_value_menu_div {
  538. cursor: text;
  539. }
  540. .ui.comment.command_container .var_value_menu_div {
  541. background: none;
  542. border-radius: 0;
  543. border: 0px solid gray;
  544. box-shadow: none;
  545. padding: 0px;
  546. font-size: 110%;
  547. }
  548. .ui.comment.command_container .var_name,
  549. .ui.comment.command_container .value_rendered {
  550. color: rgba(0,0,0,.6);
  551. }
  552. .ui.comment.command_container .var_value_menu_div input {
  553. width: 100%;
  554. display: inline-block;
  555. font-style: italic;
  556. }
  557. .ui.dropdown.menu_start_rendered .text i {
  558. padding-right: 8px;
  559. }
  560. * {
  561. font-family: 'Roboto', sans-serif;
  562. }
  563. .add_global_button i {
  564. font-size: 130%;
  565. }
  566. .global_var .circle.add_global_button, .global_var i.back,
  567. .ui.add_var_context .icon.plus.circle, .ui.add_var_context .icon.circle.back,
  568. .ui.rail .icon.plus.circle, .ui.rail .icon.circle.back {
  569. position: absolute;
  570. }
  571. .global_var .circle.add_global_button,
  572. .ui.add_var_context .icon.plus.circle,
  573. .ui.rail .icon.plus.circle {
  574. color: #bf80d4!important;
  575. cursor: pointer;
  576. font-style: 120%;
  577. }
  578. .global_var i.back,
  579. .ui.add_var_context .icon.circle.back,
  580. .ui.rail .icon.circle.back {
  581. color: white !important;
  582. }
  583. .ui.add_var_context{
  584. margin-left: -4px;
  585. }
  586. .ui.rail {
  587. color: #ab0054 !important;
  588. }
  589. .ui.add_var_context .icon.superscript {
  590. font-size: 110%;
  591. }
  592. .ui.add_var_context .ui.icon.button.purple {
  593. padding: 8px;
  594. }
  595. .global_container .global_const, .global_container .global_type,
  596. .variable_container .variable_type {
  597. font-size: 114%;
  598. }
  599. .global_container .editing_name_var,
  600. .variable_container .editing_name_var {
  601. font-size: 108%;
  602. }
  603. .global_container .global_const i {
  604. font-size: 120%;
  605. }
  606. .global_container .span_value_variable,
  607. .variable_container .span_value_variable {
  608. font-size: 110%;
  609. }
  610. .global_container .global_type, .global_container .editing_name_var, .global_container .span_value_variable,
  611. .variable_container .variable_type, .variable_container .span_value_variable, .variable_container .editing_name_var,
  612. .ui.dropdown.parameter_type, .parameter_div_edit {
  613. background: black;
  614. border-radius: 5px;
  615. padding: 4px;
  616. margin-left: 5px;
  617. margin-right: 5px;
  618. }
  619. .global_container .global_type:hover, .global_container .editing_name_var:hover, .global_container .span_value_variable:hover,
  620. .variable_container .variable_type:hover, .variable_container .span_value_variable:hover, .variable_container .editing_name_var:hover,
  621. .ui.dropdown.parameter_type:hover, .parameter_div_edit:hover {
  622. background-color: #545353;
  623. }
  624. .yellow.icon.times.remove_global,
  625. .yellow.icon.times.remove_variable {
  626. color: yellow;
  627. font-size: 125%;
  628. }
  629. .ui.rail .icon.plus.circle {
  630. color: #ec9962 !important;
  631. }
  632. .ui.rail .icon.plus.circle,
  633. .ui.rail .icon.circle.back,
  634. .ui.add_var_context .icon.plus.circle,
  635. .ui.add_var_context .icon.circle.back,
  636. .global_var .icon.plus.circle,
  637. .global_var .icon.circle.back {
  638. left: 1.8em !important;
  639. margin-top: 1.5em !important;
  640. }
  641. .ui.rail .icon.plus.circle,
  642. .ui.rail .icon.circle.back {
  643. left: 1.3em !important;
  644. }
  645. .ui.icon.button.dropdown.menu_commands {
  646. color: white;
  647. margin-left: -4px;
  648. padding: 8px;
  649. margin-top: 0.3em;
  650. }
  651. .ui.dropdown.variable_type {
  652. padding: 5px;
  653. }
  654. .global_var .global_container .ellipsis,
  655. .variable_container .ui.icon.ellipsis.vertical.inverted,
  656. .ui.label.function_name_parameter.pink .ui.icon.ellipsis.vertical.inverted {
  657. position: relative;
  658. margin-left: -3px;
  659. margin-right: 4px;
  660. opacity: 0;
  661. cursor: move;
  662. font-size: 120%;
  663. }
  664. .global_container:hover > .ellipsis,
  665. .variable_container:hover > .ui.icon.ellipsis.vertical.inverted {
  666. opacity: 1;
  667. }
  668. .glyphicon.glyphicon-move.move_function i {
  669. font-size: 130%;
  670. }
  671. .span_name_parameter.label_enable_name_parameter {
  672. font-size: 94%;
  673. font-weight: 700;
  674. }
  675. .ui.dropdown.parameter_type {
  676. font-size: 96%;
  677. }
  678. .ui.label.function_name_parameter .ellipsis {
  679. font-size: 96% !important;
  680. margin-left: .05em !important;
  681. }
  682. .ui.label.function_name_parameter:hover > .ellipsis {
  683. opacity: 1 !important;
  684. }
  685. .command_drag {
  686. cursor: move;
  687. }
  688. .command_container.over_command_drag {
  689. border: 3px dotted blue !important;
  690. padding: 0.315em !important;
  691. }
  692. .commands_list_div.over_command_drag {
  693. border: 3px dotted blue !important;
  694. padding: 0.2em !important;
  695. }
  696. .ui.segment:first-child {
  697. margin-top: 1em !important;
  698. }
  699. div.ui.checkbox.transition.visible {
  700. margin-bottom: 1em;
  701. }
  702. .var_menu_select_content_error {
  703. background: #ff0000;
  704. color: white !important;
  705. border: 2px solid #3125ee;
  706. }
  707. .ui.iftrue, .ui.repeatNtimes, .ui.whiletrue, .ui.dowhiletrue, .ui.switch {
  708. background: #787fe721;
  709. }
  710. .ui.popup.invalid-identifier {
  711. background: #ff3232;
  712. color: white;
  713. font-weight: bold;
  714. border: 1px solid black;
  715. }
  716. .ui.popup.invalid-identifier:before {
  717. background: #ff3232;
  718. border-right: 1px solid black;
  719. border-bottom: 1px solid black;
  720. }
  721. .ui.popup.invalid-identifier i.ui.icon.inverted.exclamation.triangle.yellow {
  722. margin-left: -.5em;
  723. margin-right: .4em;
  724. }
  725. .ui.repeatNtimes.command_container .ui.block_commands,
  726. .ui.whiletrue.command_container .ui.block_commands {
  727. margin-top: .8em;
  728. }
  729. .ui.restart_expression {
  730. margin-left: .4em;
  731. cursor: pointer;
  732. color: brown;
  733. }
  734. .div_parent_handler {
  735. padding-top: 5px;
  736. padding-bottom: 6px;
  737. background: #7a7acf;
  738. border-radius: 4px;
  739. }
  740. .div_parent_handler i.times {
  741. margin-left: .3em;
  742. cursor: pointer;
  743. }
  744. .div_parent_handler i.ellipsis {
  745. cursor: move;
  746. }
  747. .div_parent_handler i.handler {
  748. opacity: 0;
  749. }
  750. .div_parent_handler:hover i.handler {
  751. opacity: 1;
  752. }
  753. .ui.block_commands {
  754. min-height: 20px !important;
  755. padding-top: 5px !important;
  756. }
  757. .ghost_div {
  758. height: 20px;
  759. background-color: #ffffff;
  760. margin: 5px;
  761. border: 2px dotted #000000;
  762. box-shadow: 1px 1px;
  763. height: 28px;
  764. border: 2px solid green;
  765. }
  766. .ghost_element, .ghost_parenthesis {
  767. opacity: 0;
  768. }
  769. .expression_elements:hover .ghost_element, .expression_elements:hover .ghost_parenthesis {
  770. }
  771. .ghost_element:hover, .ghost_parenthesis:hover {
  772. opacity: 1.0 !important;
  773. }
  774. .usepointer, .ghost_element, .ghost_parenthesis, .add_parentheses {
  775. cursor: pointer !important;
  776. }
  777. .add_parentheses {
  778. margin-left: 20px;
  779. }
  780. .temp_class {
  781. opacity: 0;
  782. }
  783. .parentheses_ghost {
  784. display: inline;
  785. background-color: #2ecc40;
  786. padding: 1px 4px;
  787. font-size: 120%;
  788. padding-bottom: 2px;
  789. font-weight: bold;
  790. margin: 0px 4px;
  791. border-radius: 4px;
  792. box-shadow: 4px black;
  793. box-shadow: 1px 1px;
  794. border: 1px solid gray;
  795. }
  796. .single_element_expression {
  797. }
  798. .floating_parenthesis {
  799. padding: 3px 2px;
  800. border: 1px solid gray;
  801. background-color: #e8e8e8;
  802. width: 30px;
  803. text-align: center;
  804. border-radius: 5px;
  805. font-weight: bold;
  806. box-shadow: 2px 2px grey;
  807. }
  808. .remove_element_expression {
  809. display: inline;
  810. position: absolute;
  811. top: -15px;
  812. right: -5px;
  813. }
  814. .mouse_distance {
  815. }
  816. .mouse_distance_hidden {
  817. display: none !important;
  818. }
  819. .mouse_distance_except {
  820. display: inline !important;
  821. }
  822. .higher_element {
  823. display: inline;
  824. min-width: 10px !important;
  825. min-height: 10px;
  826. position: absolute;
  827. margin-left: -10px;
  828. margin-top: -5px;
  829. padding-left: 5px;
  830. }
  831. .ghost_element {
  832. border: 2px solid green !important;
  833. box-shadow: #8f8f8f 2px 2px !important;
  834. background: #d8ffd8 !important;
  835. }
  836. .ui.button.green.add_expression {
  837. padding: 2px;
  838. padding-top: 5px;
  839. padding-bottom: 5px;
  840. margin-left: 5px;
  841. padding-left: 10px;
  842. }
  843. .ui.button.green.add_expression i {
  844. font-size: 110%;
  845. }
  846. .simple_add {
  847. display: inline;
  848. }
  849. .lixeira {
  850. position: absolute;
  851. top: 300px;
  852. left: 200px;
  853. height: 100px;
  854. background-image: url('../img/trash-icon.png');
  855. width: 125px !important;
  856. background-position: 0;
  857. background-repeat: no-repeat;
  858. display: none;
  859. }
  860. .lixeira .trash {
  861. font-size: 3em;
  862. }
  863. .color_test {
  864. background-color: green;
  865. }
  866. .parentheses_fixed {
  867. background-color: #617063 !important;
  868. color: white !important;
  869. }
  870. .parentheses_in_expression {
  871. cursor: pointer;
  872. }
  873. .ivprog-error-varname {
  874. font-style: italic;
  875. margin-left: 1px;
  876. margin-right: 1px;
  877. }
  878. .disabled {
  879. pointer-events: none;
  880. }