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.
76 lines
3.2 KiB
76 lines
3.2 KiB
* { margin: 0 ; padding: 0 }
|
|
html { height: 100% ; }
|
|
body { height: 100% ; overflow: hidden ; }
|
|
|
|
body { font-family: Arial, Helvetica, sans-serif ; font-size: 16px ; }
|
|
|
|
p { margin-bottom: 0.5em ; }
|
|
ul, ol { margin: 0.5em 0 0 1.25em ; }
|
|
|
|
input[type="text"] { height: 20px ; border: 1px solid #c5c5c5 ; padding: 0 5px ; }
|
|
label { height: 1.25em ; }
|
|
|
|
/* -------------------------------------------------------------------- */
|
|
|
|
#menu { position: absolute ; top: 15px ; right: 8px ; z-index: 1 ; }
|
|
#menu input[type='image'] { height: 30px ; }
|
|
|
|
.PopMenu-Item { width: 14em ; }
|
|
.PopMenu-Item a { padding: 5px 10px 5px 30px ; }
|
|
|
|
#alt-webapp-base-url { position: absolute ; top: 30px ; right: 110px ;
|
|
font-size: 80% ; font-style: italic ; color: #cc0000 ;
|
|
}
|
|
|
|
#watermark { position: absolute ; left: 8px ; right: 8px ; bottom: 6px ; height: 30% ; }
|
|
#watermark { background: url("../images/watermark2.png") left bottom repeat-x ; background-size: auto 100% ; z-index: -999 ; }
|
|
#watermark img { height: 100% ; }
|
|
|
|
/* -------------------------------------------------------------------- */
|
|
|
|
.select2-dropdown { color: #444 ; }
|
|
|
|
.snippet-control button.generate { height: 26px ; padding: 2px 0 2px 5px ; color: #000 ; }
|
|
.snippet-control button.generate.inactive { color: #888 ; }
|
|
.snippet-control button.generate img { height: 20px ; margin-right: 5px ; vertical-align: middle ; }
|
|
.snippet-control .ui-selectmenu-button { padding: 2px 10px ; }
|
|
.snippet-control-menu-item { font-size: 75% ; font-style: italic ; }
|
|
.snippet-control .ui-selectmenu-button-closed { height: 26px ; }
|
|
.snippet-control .ui-selectmenu-icon.ui-icon { margin-top: -8px ; }
|
|
|
|
input.snippet-width { width: 3.75em ; }
|
|
|
|
.ui-dialog-titlebar { padding: 0.2em 0.5em 0.2em 0.5em !important ; }
|
|
.ui-dialog-titlebar img.flag { height: 0.9em ; margin: -2px 0.4em 0 0 ; }
|
|
.ui-dialog-titlebar-close { margin-top: -10px !important ; }
|
|
.ui-dialog-content { padding: 1em !important ; }
|
|
.ui-dialog-content p { margin-bottom: 0.5em ; }
|
|
.ui-dialog-buttonpane { margin: 0.5em !important ; padding: 0.75em 0.5em 0.4em 0.5em !important ; }
|
|
.ui-dialog-buttonpane button { margin: 0 0 0 0.5em !important ; padding: 0.2em 0.5em ; }
|
|
.ui-dialog-buttonpane button:first-child { margin-left: 0.25em !important ; }
|
|
.ui-dialog-buttonpane button.ok { background: #ddd ; }
|
|
.ui-dialog-buttonpane button.ok:hover { background: #ccc ; }
|
|
|
|
/* spectrum color-picker */
|
|
.sp-container { border-color: #aaa ; border-radius: 2px ; }
|
|
.sp-palette { max-width: 120px ; }
|
|
.sp-palette-row-selection { margin-top: 6px ; border-top: 1px solid #ccc ; padding-top: 6px ; }
|
|
|
|
/* growl notification balloons */
|
|
#growls-br { bottom: 2px ; right: 3px ; }
|
|
.growl-title { display: none ; }
|
|
.growl-close { position: absolute ; top: 0 ; right: 5px ; }
|
|
.growl .pre { font-family: monospace ; }
|
|
.growl div.pre { margin: 0 0 1em 1em ; font-size: 80% ; }
|
|
|
|
/* splitters */
|
|
.gutter { position: relative ; background-color: #ddd ; }
|
|
.gutter-vertical { cursor: row-resize ; }
|
|
.gutter-horizontal { cursor: col-resize ; }
|
|
img.vsplitter-gripper { position: absolute ; left: calc(50% - 15px) ; }
|
|
img.hsplitter-gripper { position: absolute ; top: calc(50% - 15px) ; }
|
|
|
|
/* -------------------------------------------------------------------- */
|
|
|
|
.small { font-size: 80% ; }
|
|
.spacer { flex-grow: 1 ; }
|
|
|