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/help/main.css

62 lines
2.3 KiB

* { margin: 0 ; padding: 0 }
html { height: 100% ; }
body { height: 100% ; overflow: hidden ; }
h2 { margin-top: 1em ; clear: both ; color: #666 ; }
h4 { margin-top: 0.5em ; clear: both ; color: #666 ; }
p { margin-top: 0.5em ; }
li { margin: 0.2em 0 0 1em ; }
.code { white-space: pre ; font-family: monospace ; margin: 0 1em 1em 2em ; }
/* -------------------------------------------------------------------- */
#app-name { position: fixed ; top: 2px ; left: 10px ; font-size: 1.8em ; color: #444 ; }
#app-version { font-size: 50% ; }
#helptabs { width: 100% ; height: calc(100% - 50px) ; background: none ; border: none ; }
#helptabs-content { height: 100% ; margin-top: 10px ; overflow: auto ; }
#helptabs .ui-tabs-nav { font-size: 75% ; text-align: right ; padding-right: 15px ; }
#helptabs .ui-tabs-nav { background: none ; border-width: 0 0 1px 0 ; }
#helptabs .ui-tabs-nav li { float: none ; display: inline-block ; margin-bottom: -4px ; }
#helptabs .ui-tabs-nav a { color: #888 ; }
#helptabs .ui-tabs-active { background: #ddd ; border-color: #ccc ; }
#helptabs .ui-tabs-active a { color: #444 ; }
#helptabs .ui-tabs-panel { padding: 0.5em 1em 0.5em 1em ; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#helptabs-license .content { white-space: pre ; font-family: monospace ; }
/* -------------------------------------------------------------------- */
table.settings { margin: 0.5em 0 1em 1em ; }
table.settings td { padding: 0 0.5em ; }
table.settings td.key { font-weight: bold ; }
table.settings td.val { font-family: monospace ; }
/* -------------------------------------------------------------------- */
div.info {
margin: 0.5em ; padding: 0.5em 0.5em 0.5em 30px ;
background: url(images/info.gif) 2px 2px no-repeat ;
font-size: 80% ; font-style: italic ;
}
div.hint {
margin: 0.5em ; padding: 0.5em 0.5em 0.5em 30px ;
background: url(images/hint.gif) 2px 2px no-repeat ;
font-size: 80% ; font-style: italic ;
}
div.warning {
margin: 0.5em ; padding: 0.5em 0.5em 0.5em 30px ;
background: url(images/warning.gif) 2px 2px no-repeat ;
font-size: 80% ; font-style: italic ;
}
ul { list-style-image: url("images/bullet.png") ; }
ul ul { list-style-image: url("images/bullet2.png") ; }
ul ul ul { list-style-image: url("images/bullet3.png") ; }
li .note { font-size: 80% ; font-style: italic ; }