Create attractive VASL scenarios, with loads of useful information embedded to assist with game play. https://vasl-templates.org
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
vasl-templates/vasl_templates/webapp/static/css/tabs-ob.css

72 lines
2.8 KiB

/* -------------------------------------------------------------------- */
.panel-ob_setup {
height: 100% ;
display: grid ; display: -ms-grid ;
grid-template-rows: 1fr 2em ; -ms-grid-rows: 1fr 2em ;
grid-template-columns: 1fr ; -ms-grid-columns: 1fr ;
}
/* FUDGE! IE hackamathon follows... */
.panel-ob_setup .content { -ms-grid-row: 1 ; -ms-grid-column: 1 ; }
.panel-ob_setup .footer { -ms-grid-row: 2 ; -ms-grid-column: 1 ; }
.panel-ob_setup ul.sortable li input[type="button"] { float: right ; }
.panel-ob_setup .footer { text-align: right ; font-size: 75% ; }
.panel-ob_setup .footer .l { float: left ; }
.ob_setup-trash { margin-left: 5px ; height: 2em ; }
.ob_setup-hint { width:100% ; height: calc(100% - 1.5em) ; font-size: 80% ; font-style: italic ; }
.ob_setup-hint p { margin-bottom: 1em ; }
/* -------------------------------------------------------------------- */
.panel-ob_notes {
height: 100% ;
display: grid ; display: -ms-grid ;
grid-template-rows: 1fr 2em ; -ms-grid-rows: 1fr 2em ;
grid-template-columns: 1fr ; -ms-grid-columns: 1fr ;
}
/* FUDGE! IE hackamathon follows... */
.panel-ob_notes .content { -ms-grid-row: 1 ; -ms-grid-column: 1 ; }
.panel-ob_notes .footer { -ms-grid-row: 2 ; -ms-grid-column: 1 ; }
.panel-ob_notes .footer { font-size: 75% ; }
.panel-ob_notes div.snippet-control { float: left ; margin: 0.25em 0.25em 0 0 ; }
/* -------------------------------------------------------------------- */
.panel-vehicles {
height: 100% ;
display: grid ; display: -ms-grid ;
grid-template-rows: 1fr 2em ; -ms-grid-rows: 1fr 2em ;
grid-template-columns: 1fr ; -ms-grid-columns: 1fr ;
}
/* FUDGE! IE hackamathon follows... */
.panel-vehicles .content { -ms-grid-row: 1 ; -ms-grid-column: 1 ; }
.panel-vehicles .footer { -ms-grid-row: 2 ; -ms-grid-column: 1 ; }
.panel-vehicles .footer { text-align: right ; font-size: 75% ; }
.panel-vehicles .footer .l { float: left ; }
.vehicle-trash { margin-left: 5px ; height: 2em ; }
.vehicle-hint { width:100% ; height: calc(100% - 1.5em) ; font-size: 80% ; font-style: italic ; }
.vehicle-hint p { margin-bottom: 1em ; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.panel-ordnance {
height: 100% ;
display: grid ; display: -ms-grid ;
grid-template-rows: 1fr 2em ; -ms-grid-rows: 1fr 2em ;
grid-template-columns: 1fr ; -ms-grid-columns: 1fr ;
}
/* FUDGE! IE hackamathon follows... */
.panel-ordnance .content { -ms-grid-row: 1 ; -ms-grid-column: 1 ; }
.panel-ordnance .footer { -ms-grid-row: 2 ; -ms-grid-column: 1 ; }
.panel-ordnance .footer { text-align: right ; font-size: 75% ; }
.panel-ordnance .footer .l { float: left ; }
.ordnance-trash { margin-left: 5px ; height: 2em ; }
.ordnance-hint { width:100% ; height: calc(100% - 1.5em) ; font-size: 80% ; font-style: italic ; }
.ordnance-hint p { margin-bottom: 1em ; }