/*----------------------------------------------------- Created on : 3 juin 2014, 14:04:15 Author : gdormard --------------------------------------------------------*/ html { height: 100%; } /*D�finition du style de la balise */ body { width:100%; height:100%; min-width:1280px; min-height:720px; font-family:Arial; padding:0px; margin:0px; } /*D�finition de la mise en page g�n�ral*/ /*Debut definition de la zone du haut de la page (top)*/ div.top_layout { height:100px; width:100%; } div.leftTop_layout { background-color: #b5d3e2; width:20%; height:100px; float:left; } div.centerTop_layout { background-color: #6dbadf; width:60%; height:100px; float:left; } div.rightTop_layout { background-color: #b5d3e2; width:20%; height:100px; float:left; } /*Fin definition de la zone du haut de la page (top)*/ /*Debut definition de la zone de droite de la page (right)*/ div.right_layout { min-height:824px; width:20%; background-color: #b5d3e2; float:left; } /*fin definition de la zone de droite de la page (right)*/ /*Debut definition de la zone du centre de la page (center)*/ div.center_layout { min-height:824px; width:60%; background-color: #ffffcc; float:left; } /*fin definition de la zone du centre de la page (center)*/ /*Debut definition de la zone de gauche de la page (left)*/ div.left_layout { min-height:824px; width:20%; background-color: #b5d3e2; float:left; } /*fin definition de la zone de gauche de la page (left)*/ /*Debut definition de la zone du bas de la page (bottom)*/ div.bottom_layout { clear: left; position:relative; left:0px; width:100%; height:100px; } div.leftBottom_layout { background-color: #b5d3e2; width:20%; height:100px; float:left; } div.centerBottom_layout { background-color: #6dbadf; width:60%; height:100px; float:left; } div.rightBottom_layout { background-color: #b5d3e2; width:20%; height:100px; float:left; } #footer { text-align: center; width: 100%; margin-bottom:3px; min-height:24px; margin-top: 1px } /*fin definition de la zone du bas de la page (bottom)*/ /*-------------------------------------------------------*/ /*D�finition du style de la balise */ a { text-decoration:none; color:#6699ff; } a:hover { color:#003399; } /*bouton rond*/ .roundButton { display: table-cell; cursor:pointer; height:75px; width:75px; vertical-align: middle; border-radius:50%; border:1px solid grey; background-color:#eaee7e; } table.dataTable { min-width: 100%; border-collapse : collapse; border: 1px solid #5E94B4; } table.dataTable th { background-color: #5E94B4; color: white; border: 1px solid white; height: 35px; vertical-align: middle; min-width: 30px; padding-left: 5px; padding-right: 5px; } table.dataTable tr:nth-child(even) { background-color: #f2f2f2; } table.dataTable tr { height: 30px; } table.dataTable td { border: 1px solid #5E94B4; vertical-align: middle; padding-left: 5px; padding-right: 5px; } td.centered { text-align: center; } .bordered { border: 1px solid #5E94B4; padding: 0px; margin: 0px; } /* modal form style */ #content-sub-form-close-button { width: 26px; } #content-modal-shadow { position:absolute; top: 0px; left: 0px; background-color: grey; opacity: 0.4; border: 1px solid black; width: 100%; height: 100%; } #content-sub-form-title-area { width: 100%; color: grey; } #content-sub-form-title { margin: 5px; font-size: 18px; font-weight: bold } #content-sub-form-top-bar { position:absolute; top: 25px; left: 0px; width: 80%; height: 35px; z-index: 12; margin: 0px 10% 0px 10%; border: 1px solid #979797; background-color: white; display: flex; flex-direction: row } #content-sub-form-bottom-bar { position:absolute; bottom: 25px; left: 0px; margin: 0 10%; width: 80%; height: 44px; z-index: 12; border-bottom: 1px solid #979797; border-left: 1px solid #979797; border-right: 1px solid #979797; background-color: white; display: flex; flex-direction: row-reverse; } #content-sub-form-bottom-area { margin-right: 5px; } #content-sub-form { position:absolute; top: 60px; padding: 2px 0px; left: 0px; width: 80%; height: calc(100% - 135px); z-index: 13; margin: 0 10%; border: 1px solid #979797; border-bottom: 0px ; background-color: white; } #content-modal { position:absolute; top: 0px; left: 0px; width: calc(100% - 2px); min-width:600px; height: 100%; min-height: 600px; z-index: 11; } .sub-contents { height: calc(100% - 37px); } .password-mask { -webkit-text-security: disc; -moz-webkit-text-security: disc; -moz-text-security: disc; } .tweb-icon-button { height:26px; margin-top: 3px; margin-right:2px; cursor: pointer; background-color: #EFEFEF; border: 1px solid grey; border-radius:6px; font-family: sans-serif; font-size: 14px; color: #555555; } .tweb-icon-button:hover { background-color: lightgray; color: grey; } .tweb-text-button { height:35px; margin-top: 3px; margin-right:4px; cursor: pointer; background-color: #EFEFEF; border: 1px solid grey; border-radius:6px; font-family: sans-serif; font-size: 16px; color: #555555; } .tweb-text-button:hover { background-color: lightgray; color: grey; } .tweb-text-button-disabled { height:35px; margin-top: 3px; margin-right:4px; cursor: not-allowed; background-color: #EFEFEF; border: 1px solid grey; border-radius:6px; font-family: sans-serif; font-size: 16px; color: #cccccc; } .tweb-tab-button { height:20px; width: fit-content; margin-top: 5px; margin-right:4px; padding: 5px; background-color: #EFEFEF; border-top: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid grey; font-family: sans-serif; font-size: 16px; color: #555555; cursor: pointer; font-weight: bold; } .tweb-tab-button:hover { background-color: #5e94b4; color: white; } .tweb-tab-button-selected { background-color: #5e94b4; color: white; } .tweb-select { height: 34px; width: 100%; padding:4px; border: 1px solid grey; border-radius: 4px; background-color: #EFEFEF; font-size: 16px } .tweb-input-text { text-align: left; width:100%; height: 36px; padding:4px; font-size: 18px; border: 1px solid grey; border-radius: 4px; background-color: #f4f4f4; box-sizing: border-box; } .tweb-stateButton{ width: 100%; height: 22px; margin: 1px; vertical-align: middle; border: 1px solid grey; border-radius: 3px; background-color:#f6f6f6; min-width:35px; max-width: 50px; } .tweb-stateButton div{ width: 22px; height: 19px; cursor: pointer; position: relative; right: 0px; padding-top: 3px; border: 1px solid grey; border-radius: 3px; background-color:#f6f6f6; text-align: center; } .tweb-stateButton div:hover{ background-color: lightgray; } .tweb-stateButton-selected-on { background-color: #E0FFB4; } .tweb-stateButton-selected-on div{ float: right; } .tweb-stateButton-selected-off { background-color: #FABBB0; } .tweb-stateButton-selected-off div{ float: left; } .tweb-main-menu { border: 1px solid #EFEFEF; background-color: white; font-weight: bold; color: grey; } .tweb-main-menu:hover { background-color: #5e94b4; border: 1px solid #5e94b4; color: white; font-weight: bold; }