ivprog-visual-1.0.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895
  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, .ivprog_tab {
  15. height: 96%;
  16. overflow: auto;
  17. overflow-x: auto;
  18. }
  19. .ivprog_functions_tab_panel {
  20. height: 80%;
  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, .ivprog_tab {
  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 {
  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, .ui.segment.ivprog_tab {
  159. padding: 3px;
  160. margin-top: -5px;
  161. background: white;
  162. }
  163. .ui.segment.function_div, .ui.segment.menu_segment {
  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. border: 1px solid gray;
  246. padding: 5px;
  247. border-radius: 5px;
  248. margin: 5px;
  249. background: #f7f2c9;
  250. border: 2px solid #4d4be3;
  251. border-radius: 0.25em;
  252. box-shadow: 1px 1px;
  253. }
  254. .ui.repeatNtimes .separator_character {
  255. margin-right: 10px;
  256. }
  257. .ui.repeatNtimes, .ui.whiletrue {
  258. min-height: 50px;
  259. }
  260. .ui.dowhiletrue .ui.block_commands {
  261. min-height: 10px;
  262. }
  263. .add_var_top_button {
  264. padding-right: 50px;
  265. }
  266. .function_signature_div {
  267. min-height: 40px;
  268. padding-top: 8px;
  269. }
  270. .move_function {
  271. margin-top: 9px;
  272. }
  273. .div_start_minimize_v {
  274. float: right;
  275. width: 22px;
  276. height: 10px;
  277. }
  278. .global_var {
  279. margin-bottom: 7px;
  280. }
  281. .list_globals, .global_const {
  282. display: inline;
  283. }
  284. .created_element {
  285. position: absolute;
  286. width: 50%;
  287. z-index: 99999999;
  288. opacity: .8;
  289. cursor: move;
  290. }
  291. .width-dynamic {
  292. min-width: 100px;
  293. }
  294. .ui.icon.plus.square.outline.icon_add_item_to_writer {
  295. margin-right: 10px;
  296. margin-left: 10px;
  297. cursor: pointer;
  298. }
  299. .button_remove_command, .button_refresh_attribution {
  300. float: right;
  301. cursor: pointer;
  302. }
  303. .expression_drag {
  304. cursor: col-resize;
  305. border: 2px gray solid;
  306. display: inline;
  307. width: 5px;
  308. }
  309. .ui.icon.red.exclamation.triangle.error_icon {
  310. float: left;
  311. margin-left: -1.6em;
  312. z-index: 10;
  313. position: absolute;
  314. font-size: 1.5em;
  315. }
  316. .height_100 {
  317. height: 100%;
  318. }
  319. .default_visual_title {
  320. display: none;
  321. }
  322. .expandingArea textarea {
  323. min-height: 30px;
  324. resize: none;
  325. padding: 5px;
  326. }
  327. .ui table .btn_actions {
  328. text-align: center;
  329. }
  330. .button_remove_case {
  331. cursor: pointer;
  332. padding: 3px;
  333. }
  334. .ui.button_add_case {
  335. margin-top: 10px;
  336. }
  337. .accordion {
  338. margin: auto;
  339. }
  340. /*
  341. .global_container:hover,
  342. .variable_container:hover {
  343. border: 2px solid gray;
  344. padding-left: 8px;
  345. padding-right: 8px;
  346. padding-top: 5px;
  347. padding-bottom: 4px;
  348. }*/
  349. .ui.label.function_name_parameter:hover {
  350. border: 2px solid gray;
  351. padding: 5px 6px 5px 6px;
  352. }
  353. .ui.label.function_name_parameter {
  354. padding: 7px 8px 7px 8px;
  355. }
  356. /*.global_container:hover, .variable_container:hover {
  357. margin-bottom: 4px !important;
  358. }*/
  359. .global_container .global_type, .editing_name_var, .global_container .span_value_variable,
  360. .variable_container .variable_type, .variable_container .span_value_variable,
  361. .ui.dropdown.function_return, div.function_name_div_updated,
  362. .ui.dropdown.parameter_type, .parameter_div_edit {
  363. background: #cecece;
  364. border-radius: 5px;
  365. padding: 4px;
  366. margin-left: 5px;
  367. margin-right: 5px;
  368. }
  369. .parameter_div_edit {
  370. padding-bottom: 2px;
  371. padding-top: 2px;
  372. }
  373. .ui.dropdown.parameter_type {
  374. }
  375. div.function_name_div_updated {
  376. padding-top: 5px;
  377. padding-bottom: 5px;
  378. margin-right: 10px;
  379. }
  380. .function_name_div_updated .name_function_updated {
  381. padding-left: 10px;
  382. padding-right: 10px;
  383. }
  384. .variable_container .variable_type {
  385. padding: 5px;
  386. margin-left: 0;
  387. margin-right: 3px;
  388. }
  389. .global_container .global_type:hover, .global_container .span_value_variable:hover,
  390. .variable_container .variable_type:hover, .variable_container .span_value_variable:hover,
  391. .ui.dropdown.function_return:hover, div.function_name_div_updated:hover,
  392. .ui.dropdown.parameter_type:hover, .parameter_div_edit:hover {
  393. background: #848484;
  394. color: #fff;
  395. z-index: 999999;
  396. }
  397. .editing_name_var {
  398. min-width: 40px;
  399. padding-top: 3px;
  400. padding-bottom: 3px;
  401. }
  402. .global_container .global_type:active,
  403. .variable_container .variable_type:active,
  404. .ui.dropdown.function_return:active,
  405. div.function_name_div_updated:active,
  406. .ui.dropdown.parameter_type:active {
  407. background: #636363;
  408. color: #fff;
  409. }
  410. .global_container i {
  411. cursor: pointer;
  412. }
  413. .global_container .ui.icon.plus.square.outline, .global_container .ui.icon.minus.square.outline {
  414. font-size: 120%;
  415. }
  416. .character_equals {
  417. vertical-align: sub;
  418. font-size: 150%;
  419. }
  420. .yellow.icon.times.remove_global,
  421. .yellow.icon.times.remove_variable,
  422. .yellow.icon.times.remove_parameter {
  423. float: right;
  424. margin-right: -1px;
  425. margin-left: 8px;
  426. opacity: 0;
  427. }
  428. .global_container:hover > .yellow.icon.times.remove_global, .variable_container:hover > .yellow.icon.times.remove_variable,
  429. .function_name_parameter:hover > .yellow.icon.times.remove_parameter {
  430. opacity: 1;
  431. }
  432. .tr_manage_lines {
  433. padding-top: 10px;
  434. }
  435. .ui.icon.button.add-globalVar-button.add_global_button {
  436. padding: 7px;
  437. margin-bottom: 4px;
  438. padding-bottom: 9px;
  439. }
  440. .all_functions {
  441. margin-top: -5px;
  442. }
  443. .only_in_frame {
  444. position: absolute;
  445. z-index: 9999;
  446. width: 90px;
  447. top: 5px;
  448. left: 5px;
  449. opacity: .6;
  450. }
  451. .only_in_frame:hover {
  452. opacity: 1;
  453. }
  454. .only_in_frame:hover span {
  455. display: block;
  456. }
  457. .only_in_frame span {
  458. display: none;
  459. margin-top: -5px;
  460. }
  461. .ui.container.main_title {
  462. width: 85px;
  463. }
  464. .ui.label.global_container {
  465. margin-bottom: 3px;
  466. }
  467. .ui.label.variable_container {
  468. margin-bottom: 3px;
  469. }
  470. .created_div_valor_var {
  471. display: inline-block;
  472. }
  473. .ui.dropdown.function_return {
  474. padding-left: 15px;
  475. padding-right: 15px;
  476. margin-left: 10px;
  477. margin-right: 10px;
  478. }
  479. .parethesis_function {
  480. font-size: 120%;
  481. }
  482. .var_value_menu_div,
  483. .attribution .var_attributed,
  484. .component_element,
  485. .conditional_expression .expression_element,
  486. .menu_start_rendered,
  487. .attribution_expression .variable_attribution,
  488. .render_style_param,
  489. .attribution_expression .div_expression_st:not(:empty),
  490. .incrementation_field .incrementation_variable,
  491. .incrementation_field .first_operand:not(:empty),
  492. .incrementation_field .operator:not(:empty),
  493. .incrementation_field .second_operand:not(:empty) {
  494. background: #e8e8e8;
  495. border-radius: 5px;
  496. min-width: 40px;
  497. padding: 2px;
  498. padding-left: 5px;
  499. padding-right: 5px;
  500. border: 1px solid gray;
  501. box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
  502. color: black;
  503. }
  504. .menu_start_rendered {
  505. padding-left: 12px;
  506. }
  507. .menu_start_rendered i {
  508. width: 1.5em;
  509. margin-right: -1em;
  510. }
  511. .row_container:hover, .column_container:hover {
  512. background: #cecece;
  513. }
  514. .column_container, .row_container {
  515. border-radius: 4px;
  516. border: 1px solid gray;
  517. padding: 1px 2px 1px 2px;
  518. background: #e8e8e8;
  519. box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
  520. }
  521. .var_value_menu_div div i {
  522. color: black;
  523. }
  524. .span_command_spec {
  525. color: black;
  526. font-weight: bold;
  527. font-size: 110%;
  528. }
  529. .ui.comment.command_container .var_value_menu_div {
  530. display: inline-block;
  531. width: 93%;
  532. }
  533. .ui.comment.command_container .var_value_menu_div .variable_rendered,
  534. .ui.comment.command_container .var_value_menu_div .value_rendered {
  535. width: 100%;
  536. cursor: text;
  537. font-style: italic;
  538. }
  539. .ui.comment.command_container .var_value_menu_div {
  540. cursor: text;
  541. }
  542. .ui.comment.command_container .var_value_menu_div {
  543. background: none;
  544. border-radius: 0;
  545. border: 0px solid gray;
  546. box-shadow: none;
  547. padding: 0px;
  548. font-size: 110%;
  549. }
  550. .ui.comment.command_container .var_name,
  551. .ui.comment.command_container .value_rendered {
  552. color: rgba(0,0,0,.6);
  553. }
  554. .ui.comment.command_container .var_value_menu_div input {
  555. width: 100%;
  556. display: inline-block;
  557. font-style: italic;
  558. }
  559. .ui.dropdown.menu_start_rendered .text i {
  560. padding-right: 8px;
  561. }
  562. /* DOUGLAS */
  563. /*
  564. .div-over {
  565. border-style: dotted;
  566. }*/
  567. .div-over {
  568. outline: dashed 2px blue;
  569. }
  570. button.ui.segment, .global_container.ui {
  571. margin-bottom: 0.5em;
  572. margin-top: 0.5em;
  573. }
  574. .global_container.ui {
  575. padding-bottom: 0.5em;
  576. padding-top: 0.5em;
  577. }
  578. * {
  579. font-family: 'Roboto', sans-serif;
  580. }
  581. .add_global_button i {
  582. font-size: 130%;
  583. }
  584. .global_var .circle.add_global_button, .global_var i.back,
  585. .ui.add_var_context .icon.plus.circle, .ui.add_var_context .icon.circle.back,
  586. .ui.inline_add_command .icon.plus.circle, .ui.inline_add_command .icon.circle.back {
  587. position: absolute;
  588. }
  589. .global_var .circle.add_global_button,
  590. .ui.add_var_context .icon.plus.circle,
  591. .inline_add_command .icon.plus.circle {
  592. z-index: 10;
  593. color: #bf80d4!important;
  594. cursor: pointer;
  595. font-style: 120%;
  596. }
  597. .global_var i.back,
  598. .ui.add_var_context .icon.circle.back,
  599. .inline_add_command .icon.circle.back {
  600. z-index: 9;
  601. color: white !important;
  602. }
  603. .ui.add_var_context{
  604. margin-left: -4px;
  605. }
  606. .inline_add_command {
  607. color: #ab0054 !important;
  608. }
  609. .ui.add_var_context .icon.superscript {
  610. font-size: 110%;
  611. }
  612. .ui.add_var_context .ui.icon.button.purple {
  613. padding: 8px;
  614. }
  615. .global_container .global_const, .global_container .global_type,
  616. .variable_container .variable_type {
  617. font-size: 114%;
  618. }
  619. .global_container .editing_name_var,
  620. .variable_container .editing_name_var {
  621. font-size: 108%;
  622. }
  623. .global_container .global_const i {
  624. font-size: 120%;
  625. }
  626. .global_container .span_value_variable,
  627. .variable_container .span_value_variable {
  628. font-size: 110%;
  629. }
  630. .global_container .global_type, .global_container .editing_name_var, .global_container .span_value_variable,
  631. .variable_container .variable_type, .variable_container .span_value_variable, .variable_container .editing_name_var,
  632. .ui.dropdown.parameter_type, .parameter_div_edit {
  633. background: black;
  634. border-radius: 5px;
  635. padding: 4px;
  636. margin-left: 5px;
  637. margin-right: 5px;
  638. }
  639. .global_container .global_type:hover, .global_container .editing_name_var:hover, .global_container .span_value_variable:hover,
  640. .variable_container .variable_type:hover, .variable_container .span_value_variable:hover, .variable_container .editing_name_var:hover,
  641. .ui.dropdown.parameter_type:hover, .parameter_div_edit:hover {
  642. background-color: #545353;
  643. }
  644. .yellow.icon.times.remove_global,
  645. .yellow.icon.times.remove_variable {
  646. color: yellow;
  647. font-size: 125%;
  648. }
  649. .inline_add_command .icon.plus.circle {
  650. color: #ec9962 !important;
  651. }
  652. .inline_add_command .icon.plus.circle,
  653. .inline_add_command .icon.circle.back,
  654. .ui.add_var_context .icon.plus.circle,
  655. .ui.add_var_context .icon.circle.back,
  656. .global_var .icon.plus.circle,
  657. .global_var .icon.circle.back {
  658. left: 1.8em !important;
  659. margin-top: 1.5em !important;
  660. }
  661. .ui.icon.button.dropdown.menu_commands {
  662. float: left;
  663. color: white;
  664. margin-left: -4px;
  665. padding: 8px;
  666. margin-top: 0.3em;
  667. }
  668. .ui.dropdown.variable_type {
  669. padding: 5px;
  670. }
  671. .global_var .global_container .ellipsis,
  672. .variable_container .ui.icon.ellipsis.vertical.inverted,
  673. .ui.label.function_name_parameter.pink .ui.icon.ellipsis.vertical.inverted,
  674. .list_globals .ellipsis {
  675. position: relative;
  676. margin-left: -3px;
  677. margin-right: 4px;
  678. opacity: 0;
  679. cursor: move;
  680. font-size: 120%;
  681. }
  682. .global_container:hover > .ellipsis,
  683. .variable_container:hover > .ui.icon.ellipsis.vertical.inverted {
  684. opacity: 1;
  685. }
  686. .glyphicon.glyphicon-move.move_function i {
  687. font-size: 130%;
  688. }
  689. .span_name_parameter.label_enable_name_parameter {
  690. font-size: 94%;
  691. font-weight: 700;
  692. }
  693. .ui.dropdown.parameter_type {
  694. font-size: 96%;
  695. }
  696. .ui.label.function_name_parameter .ellipsis {
  697. font-size: 96% !important;
  698. margin-left: .05em !important;
  699. }
  700. .ui.label.function_name_parameter:hover > .ellipsis {
  701. opacity: 1 !important;
  702. }
  703. /*
  704. .command_container {
  705. background: #e9dede !important;
  706. border: 2px solid #e76060 !important;
  707. border-radius: 0.25em !important;
  708. }*/
  709. .command_drag {
  710. cursor: move;
  711. }
  712. .command_container.over_command_drag {
  713. border: 3px dotted blue !important;
  714. padding: 0.315em !important;
  715. }
  716. .commands_list_div.over_command_drag {
  717. border: 3px dotted blue !important;
  718. padding: 0.2em !important;
  719. }
  720. .ui.segment:first-child {
  721. margin-top: 1em !important;
  722. }
  723. div.ui.checkbox.transition.visible {
  724. margin-bottom: 1em;
  725. }
  726. .var_menu_select_content_error {
  727. background: #ff0000;
  728. color: white !important;
  729. border: 2px solid #3125ee;
  730. }
  731. .ui.comment:hover, .ui.reader:hover, .ui.writer:hover, .ui.attribution:hover, .ui.functioncall:hover,
  732. .ui.return:hover {
  733. background: #f2e67f;
  734. }
  735. .ui.iftrue:hover, .ui.repeatNtimes:hover, .ui.whiletrue:hover, .ui.dowhiletrue:hover, .ui.switch:hover {
  736. background: #c6c8f2;
  737. }
  738. .ui.iftrue, .ui.repeatNtimes, .ui.whiletrue, .ui.dowhiletrue, .ui.switch {
  739. background: #787fe721;
  740. }
  741. .ui.popup.invalid-identifier {
  742. background: #ff3232;
  743. color: white;
  744. font-weight: bold;
  745. border: 1px solid black;
  746. }
  747. .ui.popup.invalid-identifier:before {
  748. background: #ff3232;
  749. border-right: 1px solid black;
  750. border-bottom: 1px solid black;
  751. }
  752. .ui.popup.invalid-identifier i.ui.icon.inverted.exclamation.triangle.yellow {
  753. margin-left: -.5em;
  754. margin-right: .4em;
  755. }
  756. .ui.repeatNtimes.command_container .ui.block_commands,
  757. .ui.whiletrue.command_container .ui.block_commands {
  758. margin-top: .8em;
  759. }
  760. .ui.restart_expression {
  761. margin-left: .4em;
  762. cursor: pointer;
  763. color: brown;
  764. }
  765. .div_parent_handler {
  766. padding-top: 5px;
  767. padding-bottom: 6px;
  768. background: #7a7acf;
  769. border-radius: 4px;
  770. }
  771. .div_parent_handler i.times {
  772. margin-left: .3em;
  773. cursor: pointer;
  774. }
  775. .div_parent_handler i.ellipsis {
  776. cursor: move;
  777. }
  778. .div_parent_handler i.handler {
  779. opacity: 0;
  780. }
  781. .div_parent_handler:hover i.handler {
  782. opacity: 1;
  783. }
  784. .tabular > .item:not(.active) {
  785. color: white !important;
  786. }