/*----------------------------------------------------- Created on : 3 juin 2014, 14:04:15 Author : gdormard --------------------------------------------------------*/ html { height: 99%; width: 99%; } /*Définition du style de la balise */ body { width:100%; height:100%; font-family:Arial; } /*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; } /*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; } p { margin-top: 10px; margin-bottom: 0px } /*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; } .top { height: 10%; } .main { height: 95%; } .footer { height: 5%; } #feedback { font-size: 1.4em; } #selectable .ui-selecting { background: #91b5ca; } #selectable .ui-selected { background: #5e94b4; color: white; font-weight: bold; } #selectable { border-collapse: collapse; list-style-type: none; margin: 0; padding: 0; width: 60%; } #selectable li { margin: 2px; padding: 0.4em; font-size: 1em; height: 18px; cursor: pointer; } .data-form { min-width: 310px; max-width: 600px; width:80%; margin: 0 auto; margin-top: 10px; /*border: 1px solid grey;*/ } .data-label { min-width: 60px; max-width: 150px; width: 25%; text-align: right; } .data-input { min-width: 250px; max-width: 450px; width: 85%; } .previewTable { /*border: 1px solid grey;*/ width: 100%; border-collapse: collapse; } .previewTable td{ /*border: 1px solid grey;*/ } .selecTable { z-index: 2; } .selecTable tbody tr { cursor: pointer; } .selecTable tbody tr:hover { background-color: #B78AC4; color: white; } .selecTable tbody .tr-selected { background-color: #B78AC4; color: white; } .resultTable { border-collapse: collapse; margin: 0 auto; font-size: 0.8em; } .resultTable td{ height: 20px; padding-left: 5px; border: 1px solid black; } .resultTable th{ height: 22px; border: 1px solid black; } .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; } .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; } .stateButton div:hover{ background-color: lightgray; } .selected-on { background-color: #E0FFB4; } .selected-on div{ float: right; } .selected-off { background-color: #FABBB0; } .selected-off div{ float: left; } .tweb-tab-button { height:20px; width: fit-content; margin-top: 5px; margin-right:4px; padding: 5px; background-color: #EFEFEF; border-top: 1px solid lightgrey; border-left: 1px solid lightgrey; border-right: 1px solid lightgrey; 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; }