ivprog-visual-1.0.css 20 KB

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