|
|
|
|
/* -------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
|
|
#panel-scenario {
|
|
|
|
|
display: grid ; display: -ms-grid ;
|
|
|
|
|
grid-template-columns: 5em 1fr ; -ms-grid-columns: 5em 1fr ;
|
|
|
|
|
}
|
|
|
|
|
/* FUDGE! IE hackamathon follows (nb: <label> doesn't work, we use <div> for labels instead :-/) */
|
|
|
|
|
#panel-scenario div[data-labelfor="SCENARIO_NAME"] { -ms-grid-row: 1 ; -ms-grid-column: 1 ; }
|
|
|
|
|
#panel-scenario input[name="SCENARIO_NAME"] { -ms-grid-row: 1 ; -ms-grid-column: 2 ; }
|
|
|
|
|
#panel-scenario div[data-labelfor="SCENARIO_LOCATION"] { -ms-grid-row: 2 ; -ms-grid-column: 1 ; }
|
|
|
|
|
#panel-scenario input[name="SCENARIO_LOCATION"] { -ms-grid-row: 2 ; -ms-grid-column: 2 ; }
|
|
|
|
|
#panel-scenario div[data-labelfor="SCENARIO_DATE"] { -ms-grid-row: 3 ; -ms-grid-column: 1 ; }
|
|
|
|
|
#panel-scenario div.last_row { -ms-grid-row: 3 ; -ms-grid-column: 2 ; }
|
|
|
|
|
|
|
|
|
|
#panel-scenario .last_row .r { display: block-inline ; float: right ; font-size: 75% ; }
|
|
|
|
|
|
|
|
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
|
|
|
|
|
|
|
|
|
#panel-players {
|
|
|
|
|
margin-top: 1em ;
|
|
|
|
|
display: grid ; display: -ms-grid ;
|
|
|
|
|
grid-template-columns: 5em 1fr 3em 3em ; -ms-grid-columns: 5em 1fr 3em 3em ;
|
|
|
|
|
}
|
|
|
|
|
#panel-players .footer { grid-column-start: 1 ; grid-column-end: 5 ; }
|
|
|
|
|
/* FUDGE! IE hackamathon follows (nb: <label> doesn't work, we use <div> for labels instead :-/) */
|
|
|
|
|
#panel-players div[data-labelfor="ELR"] { -ms-grid-row: 1 ; -ms-grid-column: 3 ; }
|
|
|
|
|
#panel-players div[data-labelfor="SAN"] { -ms-grid-row: 1 ; -ms-grid-column: 4 ; }
|
|
|
|
|
#panel-players div[data-labelfor="PLAYER_1"] { -ms-grid-row: 2 ; -ms-grid-column: 1 ; }
|
|
|
|
|
#panel-players select[name="PLAYER_1"] { -ms-grid-row: 2 ; -ms-grid-column: 2 ; }
|
|
|
|
|
#panel-players select[name="PLAYER_1_ELR"] { -ms-grid-row: 2 ; -ms-grid-column: 3 ; }
|
|
|
|
|
#panel-players select[name="PLAYER_1_SAN"] { -ms-grid-row: 2 ; -ms-grid-column: 4 ; }
|
|
|
|
|
#panel-players div[data-labelfor="PLAYER_2"] { -ms-grid-row: 3 ; -ms-grid-column: 1 ; }
|
|
|
|
|
#panel-players select[name="PLAYER_2"] { -ms-grid-row: 3 ; -ms-grid-column: 2 ; }
|
|
|
|
|
#panel-players select[name="PLAYER_2_ELR"] { -ms-grid-row: 3 ; -ms-grid-column: 3 ; }
|
|
|
|
|
#panel-players select[name="PLAYER_2_SAN"] { -ms-grid-row: 3 ; -ms-grid-column: 4 ; }
|
|
|
|
|
#panel-players .footer { -ms-grid-row: 4 ; -ms-grid-column: 1 ; -ms-grid-column-span: 4 ; }
|
|
|
|
|
|
|
|
|
|
#panel-players div[data-labelfor="ELR"] { margin-left: 0.25em ; }
|
|
|
|
|
#panel-players div[data-labelfor="SAN"] { margin-left: 0.25em ; }
|
|
|
|
|
#panel-players select[name="PLAYER_1"] { margin-right: 0.5em ; }
|
|
|
|
|
#panel-players select[name="PLAYER_2"] { margin-right: 0.5em ; }
|
|
|
|
|
#panel-players select[name="PLAYER_1_ELR"] { margin-right: 0.25em ; }
|
|
|
|
|
#panel-players select[name="PLAYER_2_ELR"] { margin-right: 0.25em ; }
|
|
|
|
|
#panel-players input[data-id="players"] { margin-top: 0.25em ; }
|
|
|
|
|
|
|
|
|
|
#panel-players .footer { margin-top: 0.25em ; font-size: 75% ; text-align: right ; }
|
|
|
|
|
#panel-players .footer input[type='button'] { margin: 0 ; }
|
|
|
|
|
|
|
|
|
|
/* -------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
|
|
#panel-vc {
|
|
|
|
|
height: 100% ;
|
|
|
|
|
display: grid ; display: -ms-grid ;
|
|
|
|
|
grid-template-rows: 1fr 2em ; -ms-grid-rows: 1fr 2em ;
|
|
|
|
|
}
|
|
|
|
|
/* FUDGE! IE hackamathon follows (nb: <label> doesn't work, we use <div> for labels instead :-/) */
|
|
|
|
|
#panel-vc .footer { -ms-grid-row: 2 ; -ms-grid-column: 1 ; }
|
|
|
|
|
|
|
|
|
|
#panel-vc textarea { width: 100% ; height: 100% ; resize: none ; }
|
|
|
|
|
#panel-vc .footer { text-align: right ; font-size: 75% ; }
|
|
|
|
|
|
|
|
|
|
/* -------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
|
|
#panel-ssr {
|
|
|
|
|
height: 100% ;
|
|
|
|
|
display: grid ; display: -ms-grid ;
|
|
|
|
|
grid-template-rows: 1fr 2em ; -ms-grid-rows: 1fr 2em ;
|
|
|
|
|
}
|
|
|
|
|
/* FUDGE! IE hackamathon follows (nb: <label> doesn't work, we use <div> for labels instead :-/) */
|
|
|
|
|
#panel-ssr .content { -ms-grid-row: 1 ; -ms-grid-column: 1 ; }
|
|
|
|
|
#panel-ssr .footer { -ms-grid-row: 2 ; -ms-grid-column: 1 ; }
|
|
|
|
|
|
|
|
|
|
#panel-ssr .footer { text-align: right ; font-size: 75% ; }
|
|
|
|
|
#panel-ssr .footer .l { float: left ; }
|
|
|
|
|
#panel-ssr #ssr-trash { margin-left: 5px ; height: 2em ; }
|
|
|
|
|
|
|
|
|
|
#ssr-hint { width:100% ; height: calc(100% - 1.5em) ; font-size: 80% ; font-style: italic ; }
|
|
|
|
|
#ssr-hint p { margin-bottom: 1em ; }
|
