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/turn-track-dialog.css

28 lines
1.3 KiB

#turn-track { display: flex ; overflow: hidden ; }
.ui-dialog.turn-track .ui-dialog-titlebar { background: #80d0ff ; }
.ui-dialog.turn-track .ui-dialog-buttonpane { border: none ; margin-top: 0 !important ; padding-top: 0 !important ; }
.ui-dialog.turn-track .controls { display: flex ; }
.ui-dialog.turn-track .controls .row { display: flex ; align-items: center ; }
.ui-dialog.turn-track .controls .select2 { margin: -1px 0 0 0.5em ; }
.ui-dialog.turn-track .controls input { margin-top: 0.25em ; }
.ui-dialog.turn-track .controls button.reset {
height: 26px ; width: 4.5em ;
margin-top: 1em ; padding: 2px 10px 2px 5px ;
display: none ;
}
.ui-dialog.turn-track iframe { margin: -4px ; border: 0 ; overflow: scroll ; }
/* special layout settings for a horizontal turn track */
#turn-track.horz { flex-direction: column ; }
#turn-track.horz .controls { flex-direction: row ; }
#turn-track.horz .controls>div { margin: 0 1em 0 0 ; }
#turn-track.horz .preview { height: auto ; width: 100% ; margin: 10px 0 0 0 ; padding-bottom: 15px ; }
/* special layout settings for a vertical turn track */
#turn-track.vert { flex-direction: row ; }
#turn-track.vert .controls { flex-direction: column ; }
#turn-track.vert .controls>div { margin: 0 0 1em 0 ; }
#turn-track.vert .preview { height: 100% ; width: auto ; margin: 0 0 0 10px ; padding-right: 15px ; }