html { height: 100%; } body { height: 100%; } .div_to_body { height: 90%; } .ivprog_visual_panel { height: 91%; overflow: auto; overflow-x: auto; } .ivprog_textual_code { width: 100%; min-height: 500px; resize: none; background-color: white; } .main_title h2 { margin: 0; } .main_title span { font-size: 80%; font-style: italic; } .ivprog_format_info { cursor: pointer; margin-left: 10px; } .ivprog_visual_panel { border: 2px solid #A0A0A0; background-color: red; } .ui.container.main_title { float: left; width: 200px; } .ui.container.content_margin { margin-top: 10px; } .content_margin .content_sub_margin { display: inline; margin-left: 15%; margin-top: 50px; } .ui.icon.menu.center.aligned.container { width: 438px; margin-top: -10px; } .ghost { opacity: .5; background: #C8EBFB; } /* editor visual: **/ .function_signature_div, .function_close_div { font-weight: bold; color: black; } .ui.selection.data_types_dropdown.visible.dropdown>.text:not(.default), .ui.selection.parameter_data_types_dropdown.visible.dropdown>.text:not(.default) { font-weight: bold; } .ui.selection.data_types_dropdown.dropdown, .ui.selection.parameter_data_types_dropdown.dropdown { padding-bottom: 0; } .ui.fluid.dropdown.data_types_dropdown { display: inline; width: 150px; border: none; background: none; } .ui.fluid.dropdown.parameter_data_types_dropdown { display: inline; border: none; background: none; } .ui.fluid.dropdown.data_types_dropdown.selection .dropdown.icon, .ui.fluid.dropdown.parameter_data_types_dropdown.selection .dropdown.icon { font-size: 1em; } .function_close_div { margin-left: 20px; } .command_div { margin-left: 16px; } .function_draggable_div { width: 16px; float: left; } .function_draggable_div img { margin-bottom: -4px; margin-left: -2px; } .input_name_function{ min-width: 50px; } .text_attr_receives { margin-left: 20px; margin-right: 20px; } .menu_operations { margin-left: 10px; margin-right: 10px; } .case_commands_block { /*border: 1px solid red;*/ } .context_menu { display: inline; float: right; margin-right: 25px; margin-top: -4px; } .case_div { border: 1px solid gray; margin-left: 30px; padding-left: 5px; margin-top: 5px; } .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, .expression_operand_1, .expression_operand_2, .operator, .div_comment_text, .value_rendered, .parameters_function_called, .parameters_function_called div, .expression_elements, .expression_element, .var_rendered, .menu_add_item, .component_element, .component_element, .conditional_expression, .variable_attribution, .attribution_expression, .var_value_expression, .incrementation_field, .incrementation_variable, .first_operand, .operator, .second_operand, .variable_to_switch, .variable_case { display: inline; } .conditional_comands_block { min-height: 10px; } .div_comment_text { min-width: 100px; font-style: italic; } .enable_edit_name_function, .enable_edit_name_parameter, .add_parameter, .remove_parameter, .add_parameter_button, .remove_variable { cursor: pointer; } [contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="true"]:hover { border: 1px dashed #000; background: white; } .ui.segment.ivprog_visual_panel { padding: 8px; background-image: url('../img/background-panel.png'); } .ui.segment.function_div { padding: 5px; margin: 0; margin-bottom: 5px; } .ui.button.add_function_button, .ui.button.add_variable_button, .ui.button.add_command_button { padding: 8px; margin: 0; } .glyphicon-move { cursor: move; cursor: -webkit-grabbing; } .glyphicon.glyphicon-move { float: left; } .remove_function_button, .minimize_function_button, .add_var_top_button, .add_command_top_button { float: right; } .ui.icon.button.remove_function_button, .ui.icon.button.minimize_function_button { background: none; padding: 0; margin-top: 12px; } .ui.segment.variables_list_div, .ui.segment.commands_list_div { padding: 5px; margin: 0; margin-left: 30px; width: calc(100% - 30px); background-color: #f9f9f9; min-height: 30px; } .ui.segment.variables_list_div { margin-top: 5px; } .ui.labeled.icon.button.add_variable_button, .ui.labeled.icon.button.add_command_button { } .program_signature { font-weight: bold; margin: -3px 0 10px -5px; } .program_final { font-weight: bold; margin: 5px 0 0 -5px; } .parameters_list { display: inline; } .function_return, .parameter_type { margin-left: 10px; margin-right: 15px; } .function_return .dropdown .icon, .parameter_type .dropdown .icon { margin-left: 6px; } .tabela_var { display: inline; } .buttons_manage_columns i, .tr_manage_lines i { cursor: pointer; display: inline; } div.buttons_manage_columns { display: inline; } .tr_manage_lines { text-align: center; } .div_valor_var { display: inline; } .ui.comment span { font-style: italic; } .ui.comment, .ui.reader, .ui.writer, .ui.attribution, .ui.iftrue, .ui.repeatNtimes, .ui.whiletrue, .ui.dowhiletrue, .ui.switch, .ui.functioncall { border: 1px solid gray; padding: 5px; border-radius: 5px; margin: 5px; background: #f9f9f9; } .add_var_top_button { padding-right: 50px; } .function_signature_div { min-height: 40px; padding-top: 8px; } .move_function { margin-top: 9px; } .div_start_minimize_v { float: right; width: 22px; height: 10px; } .global_var { margin-bottom: 10px; } .list_globals, .global_const { display: inline; cursor: pointer; } .created_element { position: absolute; width: 50%; z-index: 99999999; opacity: .8; cursor: move; } .width-dynamic { min-width: 100px; } .ui.icon.plus.square.outline.icon_add_item_to_writer { margin-right: 10px; margin-left: 10px; cursor: pointer; } .button_remove_command, .button_refresh_attribution { float: right; cursor: pointer; } .expression_drag { cursor: col-resize; border: 2px gray solid; display: inline; width: 5px; } .ui.icon.red.exclamation.triangle.error_icon { float: left; margin-left: -30px; } .height_100 { height: 100%; } .default_visual_title { display: none; } .expandingArea textarea { min-height: 30px; resize: none; padding: 5px; } .ui table .btn_actions { text-align: center; }