.project_list .project { position: relative; display: block; line-height: 28px; margin-top: 8px; } .project_list .project .projectserver.projectrow:before { position: absolute; display: inline-block; top: 3px; right: 16px; font-size: 112%; font-family: "Font Awesome 5 Free"; font-weight: 900; } .project_list .project .projectserver.projectrow[data-expand="0"]:before { content: "\f054"; } .project_list .project .projectserver.projectrow[data-expand="1"]:before { content: "\f078"; } .project_list .project .projectserver .title:before { position: absolute; display: inline-block; top: 0; left: 3px; font-size: 96%; font-family: "Font Awesome 5 Free"; content: "\f542"; font-weight: 900; } .project_list .project .projectserver.functions { position: relative; display: block; width: 100%; } .project_list .project .projectserver.functions .function { position: relative; display: block; padding-left: 52px; } .project_list .project .projectserver.functions .function:hover { cursor: pointer; background-color: #666; color: #fff; } .project_list .project .projectserver.functions .function:before { position: absolute; display: inline-block; top: 0; left: 27px; font-size: 112%; font-family: "Font Awesome 5 Free"; font-weight: 900; } .project_list .project .projectserver.functions .function[data-function="ver_rel"]:before { content: "\f126"; } .project_list .project .projectserver.functions .function[data-function="process"]:before { content: "\f013"; } .project_list .project .projectrow { position: relative; display: block; } .project_list .project .projectserver.projectrow { height: 28px; } .project_list .project .projectserver.projectrow[data-expand="1"] .title:before { color: #3c92ca; } .codex #servertypebar.projectxServerList #pLeft { position: absolute; top: 0; right: 0; } #uixTab .tab-page#tab-projectManager { background-color: #fff; } #projectprocessarea { position: relative; display: block; margin: 0; height: calc(100% - 98px); background-color: #ffffff; overflow-y: scroll; } #projectprocessarea [data-visible="0"] { display: none!important; } #projectprocessarea [data-active="1"] { background-color: #EBEBEC!important; color: #000!important; } #projectprocessarea [data-active="1"]:hover { background-color: #EBEBEC!important; color: #3C92CB!important; } #projectprocessarea .appHistory_container { position: relative; display: block; padding: 6px 0; } #projectprocessarea .appHistory_container .title { position: relative; display: block; margin: 6px 0 24px; padding: 12px; font-weight: bold; text-align: left; border-top: 1px solid #bbb; background-color: #fff; } #projectprocessarea .appHistory_container .link_add { position: absolute; right: 12px; top: 10px; padding: 3px 6px; text-align: right; font-weight: normal; background-color: #ebebeb; cursor: pointer; } #projectprocessarea .appHistory_container .link_add:hover { background-color: #666; color: #fff; } #projectprocessarea .appHistory_container .table { background-color: #fff; border-bottom: 1px solid #bbb; } #projectprocessarea .appHistory_container .table .versionRow { position: relative; display: block; padding: 4px 12px; border-bottom: 1px solid #ddd; font-weight: 300; } #projectprocessarea .appHistory_container .table .versionRow:first-child { font-weight: 500; } #projectprocessarea .appHistory_container .table .versionRow:not(:first-child) { color: #666; } #projectprocessarea .appHistory_container .table .versionRow:hover { background-color: #ebebeb!important; } #projectprocessarea .appHistory_container .table .versionRow .version { position: relative; display: inline-block; padding: 0 6px 0 0; min-width: 60px; } #projectprocessarea .appHistory_container .table .versionRow .date { position: relative; display: inline-block; padding: 0 6px 0 0; font-size: 12px; } #projectprocessarea .appHistory_container .table .versionRow .release { position: absolute; display: inline-block; top: 4px; right: 6px; padding: 0 6px; line-height: 22px; font-weight: normal; background-color: #ebebeb; cursor: pointer; } #projectprocessarea .appHistory_container .table .versionRow .release:hover { color: #3c92ca; } #projectprocessarea .appHistory_container .table .versionRow .release i { padding: 0 6px 0 0; color: #555; } #projectprocessarea .appHistory_container .table .deploy { position: relative; display: block; padding: 12px; background-color: #ebebeb; border-top: 2px solid #666; border-bottom: 2px solid #666; } #projectprocessarea .appHistory_container .table .deploy .serverList { position: relative; border: 1px solid #000; margin-bottom: 12px; } #projectprocessarea .appHistory_container .table .deploy .serverList .ckbx:hover { font-weight: bold; background-color: #ebebeb!important } #projectprocessarea .appHistory_container .table .deploy .serverList .versioning_last { position: absolute; top: 0; right: 6px; text-align: right; line-height: normal; padding-top: 2px; font-weight: normal!important; font-size: 90%; } #projectprocessarea .appHistory_container .table .deploy .serverList .versioning_last .v, #projectprocessarea .appHistory_container .table .deploy .serverList .versioning_last .d { position: relative; display: block; line-height: normal; padding-top: 2px; } #projectprocessarea .appHistory_container .table .deploy .row { position: relative; display: block; } #projectprocessarea .appHistory_container .table .deploy .row.default { line-height: 28px; margin-bottom: 6px; } #projectprocessarea .appHistory_container .table .deploy .row.white { line-height: 40px; background-color: #fff; border-bottom: 2px solid #ebebeb; } #projectprocessarea .appHistory_container .table .deploy .row.white:last-child { border-bottom: 0px; } #projectprocessarea .appHistory_container .table .deploy .row input { margin: 0 6px; cursor: pointer; } #projectprocessarea .appHistory_container .table .deploy .row label { position: relative; display: inline-block; width: calc(100% - 38px); cursor: pointer; } #projectprocessarea .appHistory_container .table .deploy .deploy_buttons { position: relative; display: block; text-align: right; } #projectprocessarea .appHistory_container .table .deploy .deploy_buttons .button { position: relative; display: inline-block; width: 64px; height: 32px; line-height: 32px; border: 3px solid #000; text-align: center; background-color: #ebebeb; cursor: pointer; } #projectprocessarea .appHistory_container .table .deploy .deploy_buttons .button:hover { color: #fff; background-color: #666!important; } #projectprocessarea .appHistory_container .table .deploy .deploy_buttons .button.ok { border-color: #7BD689; } #projectprocessarea .appHistory_container .table .deploy .deploy_buttons .button.close { border-color: #fd9b9b; } #projectprocessarea .appHistory_container .table .deploy .deployResult { position: relative; display: block; margin-top: 12px; } #projectprocessarea .appHistory_container .table .deploy .deployResult .table { position: relative; display: block; margin-top: 6px; background-color: #fff; border-right: 1px solid #000; border-left: 1px solid #000; height: 400px; margin: 0 0 12px; overflow-y: scroll; } #projectprocessarea .appHistory_container .table .deploy .deployResult .table[data-result="-1"] { border-left: 4px solid #d41111; } #projectprocessarea .appHistory_container .table .deploy .deployResult .table[data-result="1"] { border-left: 4px solid #19ac19; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult { position: relative; display: block; padding: 6px; border-bottom: 1px solid #bbb; overflow-x: auto; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult:first-child { border-top: 2px solid #000; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult:last-child { border-bottom: 2px solid #000; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult[data-sd="r"] { text-align: right; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult[data-sd="l"] { text-align: left; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult[data-result="-1"] { background-color: #ffeded;; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult .depTitle { font-weight: bold; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult .depTitle .hours { display: block; line-height: 12px; font-size: 80%; font-weight: bold; color: #aaa; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult .depOutput { margin-top: 4px; font-family: monospace; font-size: 12px; } #projectprocessarea .appHistory_container .table .deploy .deployResult .rowResult[data-result="-1"] .depOutput { color: b00; } #projectprocessarea .appVersioning_container { position: relative; display: block; width: calc(100% - 24px); padding: 12px; border-top: 2px solid #666; border-bottom: 2px solid #666; } #projectprocessarea .appVersioning_container .appList_buttons { position: relative; display: block; text-align: right; } #projectprocessarea .appVersioning_container .appList_buttons .button { position: relative; display: inline-block; width: 64px; height: 32px; line-height: 32px; border: 3px solid #000; text-align: center; background-color: #ebebeb; cursor: pointer; } #projectprocessarea .appVersioning_container .appList_buttons .button:hover { color: #fff; background-color: #666!important; } #projectprocessarea .appVersioning_container .appList_buttons .button.ok { border-color: #7BD689; } #projectprocessarea .appVersioning_container .appList_buttons .button.close, #projectprocessarea .appVersioning_container .appList_buttons .button.clear { border-color: #fd9b9b; } #projectprocessarea .row select { position: absolute; right: 0; padding: 4px 0 4px 8px; background-color: #fff; } #projectprocessarea .row.application { position: relative; display: block; line-height: 28px; margin: 0 12px 12px; } #projectprocessarea .row.version, #projectprocessarea .row.changeLog, #projectprocessarea .row.activities { position: relative; display: block; line-height: 28px; margin: 0 0 12px; } #projectprocessarea .row #changeLog { position: relative; display: inline-block; height: 300px; width: 100%; border:1px solid #666; background-color: #fff; font-size: 1.1em; } #projectprocessarea .row #activities { position: relative; display: inline-block; height: 300px; width: 100%; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #fff; font-size: 1.1em; overflow-y: scroll; } #projectprocessarea .row #activities[data-result="1"] { border-left: 4px solid #19ac19; } #projectprocessarea .row #activities .row { position: relative; display: block; padding: 8px 12px; border-bottom: 1px solid #ddd; overflow-x: auto; } #projectprocessarea .row #activities .row:first-child { border-top: 2px solid #000; } #projectprocessarea .row #activities .row:last-child { border-bottom: 2px solid #000; } #projectprocessarea .row #activities .row[data-result="-1"] { background-color: #ffeded; } #projectprocessarea .row #activities .row[data-sd="l"] { text-align: left; } #projectprocessarea .row #activities .row[data-sd="r"] { text-align: right; } #projectprocessarea .row #activities .row .outputResult, #projectprocessarea .row #activities .row .hours { display: block; line-height: 12px; font-size: 80%; font-weight: bold; white-space: nowrap; } #projectprocessarea .row #activities .row .outputResult { color: #333; } #projectprocessarea .row #activities .row .hours { color: #aaa; } #projecttypebar { position: relative; display: block; min-width: max-content; white-space: nowrap; height: 30px; line-height: 30px; text-align: left; background-color: #ebebeb; -webkit-box-shadow: 0px 2px 12px 0px rgba(66, 68, 90, 1); -moz-box-shadow: 0px 14px 12px 0px rgba(66, 68, 90, 1); box-shadow: 0px 14px 12px 0px rgba(66, 68, 90, 1); } #projecttypebar div { position: relative; display: table-cell; height: 30px; line-height: 30px; } #projecttypebar #minmax { vertical-align: middle; width: 44px; border-right: 1px solid #b1b1b1; cursor: pointer; text-align: center; background-color: #bbb; } #projecttypebar #pHeadTitle { position: relative; vertical-align: top; width: calc(390px - 90px); text-align: center; height: 29px; line-height: 29px; color: #000;} #projecttypebar #closeProject { position: absolute; top: 0; right: 0; vertical-align: middle; width: 44px; border-left: 1px solid #b1b1b1; cursor: pointer; text-align: center; background-color: #bbb; margin-bottom: 12px; } #projecttypebar #closeProject i { padding-top: 8px; } #projecttypebar #minmax:hover, #projecttypebar #closeProject:hover { color: #f4f4f4; background-color: #3c92ca; } #projectprocessarea .server { position: relative; display: block; font-weight: bold; border-bottom: 1px solid #bcbabc; padding: 6px; background-color: #ddd; } #projectprocessarea .server:not(:first-child) { margin-top: 6px; } #projectprocessarea .server .servername { position: relative; display: inline-block; top: 3px; width: calc(100% - 110px); cursor: pointer; } #projectprocessarea .server .servername:hover { color: #3c92ca; } #projectprocessarea .server .terminalLink { position: absolute; display: inline-block; right: 16px; top: 0; height: 30px; width: 30px; color: #000; text-align: center; cursor: pointer; } #projectprocessarea .server .terminalLink:hover { color: #f4f4f4; background-color: #3c92ca; } #projectprocessarea .server .terminalLink i { position: relative; top: 9px; } #projectprocessarea .server .pcrefresh { position: absolute; display: inline-block; right: 46px; top: 0; height: 30px; width: 30px; color: #000; text-align: center; cursor: pointer; } #projectprocessarea .server .pcrefresh:hover { color: #f4f4f4; background-color: #3c92ca; } #projectprocessarea .server .pcrefresh i { position: relative; top: 9px; } #projectprocessarea .server .expandcollapse { position: absolute; display: inline-block; right: 76px; top: 0; height: 30px; width: 30px; color: #000; text-align: center; cursor: pointer; } #projectprocessarea .server .expandcollapse i { position: relative; top: 9px; } #projectprocessarea .server .expandcollapse[data-expand="0"] { } #projectprocessarea .server .expandcollapse[data-expand="1"] { color: #3c92ca; } #projectprocessarea .server .expandcollapse[data-expand="0"]:hover { color: #f4f4f4; background-color: #3c92ca; } #projectprocessarea .server .expandcollapse[data-expand="1"]:hover { color: #000; background-color: #3c92ca; } #projectprocessarea .kindOf { position: relative; display: block; font-weight: bold; text-align: left; background-color: #f3f3f3; padding: 6px !important; } #projectprocessarea .kindOf:hover { background-color: transparent!important; color: #000!important; cursor: default!important; } #projectprocessarea .processList { position: relative; display: block; background-color: #fff; padding-bottom: 18px; } #projectprocessarea .processList .processItem { position: relative; display: block; margin: 2px 0; padding: 4px; line-height: 26px; white-space: nowrap; border-bottom: 1px solid #ddd; } #projectprocessarea .processList .processItem:hover { background-color: #666; color: #fff; } #projectprocessarea .processList .processItem .title { position: relative; display: inline-block; width: calc(100% - 150px); white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } #projectprocessarea .processList .processItem .commandList { position: absolute; display: inline-block; top: 4; right: 0; line-height: 26px; } #projectprocessarea .processList .processItem .commandList .commandItem.cmd_statuswbutton, #projectprocessarea .processList .processItem .commandList .commandItem.cmd_statuswbutton { background-color: #bcbabc; width: 36px; border-radius: 20px;} .column-right[data-style="min"] #projectprocessarea .processList .processItem .commandList, .column-right[data-style="min"] #projectprocessarea .processList .processItem .pcrefresh { display: none; } .commandItem .status { height: 16px; width: 16px; margin-top: 2px; border-radius: 20px; } .commandItem .statuswbutton { height: 12px; width: 12px; margin-top: 4px; border-radius: 20px; } .commandItem .status[data-state="ns"], .commandItem .statuswbutton[data-state="ns"] { background-color: #bbb; border: 1px solid #fff; } .commandItem .status[data-state="on"], .commandItem .statuswbutton[data-state="on"] { background-color: #6d6; border: 1px solid #0a0; } .commandItem .status[data-state="off"], .commandItem .statuswbutton[data-state="off"] { background-color: #f15a5a; border: 1px solid #b51414; } .commandItem .status[data-state="on_h"] { background-color: #0f0; border: 1px solid #0a0; } .commandItem .status[data-state="loading"], .commandItem .statuswbutton[data-state="loading"] { background-color: transparent; border: 1px solid #000; } .commandItem .statuswbutton[data-state="on"] { margin-left: 4px; } .commandItem .statuswbutton[data-state="ns"], .commandItem .statuswbutton[data-state="loading"] { margin-left: 10px; } .commandItem .statuswbutton[data-state="off"] { margin-left: 17px; } .commandItem.cmd_txtwbutton[data-idpc="pm2resrt"], .commandItem.cmd_txt[data-idpc="pm2uptm"], .commandItem.cmd_txt[data-idpc="pm2ver"], .commandItem.cmd_statuswbutton[data-idpc="pm2"], .commandItem.cmd_statuswbutton[data-idpc="dea"], .commandItem.cmd_txt[data-idpc="deauptm"], .commandItem.cmd_status[data-idpc="fcxactv"] { position: absolute !important; line-height: 14px; font-size: 90%; text-align: right; } .commandItem.cmd_txtwbutton[data-idpc="pm2resrt"] { top: -2px; right: 72px; height: 14px !important; width: 30px; text-align: right; cursor: pointer; } .commandItem.cmd_txtwbutton[data-idpc="pm2resrt"] [data-val] { font-weight: bold; color: #F44338; background-color: #eee; padding: 2px 1px 0 0; line-height: 9px; } .commandItem.cmd_txtwbutton[data-idpc="pm2resrt"] [data-val="0"] { font-weight: normal; color: #000; background-color: #fff; } .commandItem.cmd_txt[data-idpc="pm2uptm"], .commandItem.cmd_txt[data-idpc="deauptm"] { top: 10px; right: 72px; height: 14px !important; width: 30px; } .commandItem.cmd_txt[data-idpc="pm2ver"] { top: 10px; right: 106px; height: 14px !important; text-align: right; color: #3c92ca; } .commandItem.cmd_statuswbutton[data-idpc="pm2"], .commandItem.cmd_statuswbutton[data-idpc="dea"] { top: 0; right: 30px; height: 22px !important; cursor: pointer; } .commandItem.cmd_status[data-idpc="fcxactv"] { top: 0; right: 6px; height: 14px !important; } .progress { position: relative; height: 12px; width: 100%; border-top: 12px solid transparent;} .progress .color { position: absolute; top: -6px; height: 6px; background-color: #3c92ca!important; } .progress .color.animate { width: 0px; animation: progressAnimation 10s linear; } #tab-projectManager[data-group="DEV"] .progress { border-color: #c7ffc7; } #tab-projectManager[data-group="STG"] .progress { border-color: #bffeff; } #tab-projectManager[data-group="PRD"] .progress { border-color: #f11; } #tab-projectManager[data-group="DEV"] .progress .color.animate { background-color: #c7ffc7; } #tab-projectManager[data-group="STG"] .progress .color.animate { background-color: #bffeff; } #tab-projectManager[data-group="PRD"] .progress .color.animate { background-color: #f11; } @keyframes progressAnimation { 0% { width: 0%; } 25% { width: 50%; } 50% { width: 75%; } 75% { width: 85%; } 100%{ width: 100%; } };