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.
82 lines
3.6 KiB
82 lines
3.6 KiB
.trumbowyg-box { min-height: 2em ; border-color: #ccc ; }
|
|
|
|
.trumbowyg-editor, .trumbowyg-textarea {
|
|
padding: 0.5em 0.75em ;
|
|
min-height: 2em ;
|
|
}
|
|
|
|
.trumbowyg-button-group button::after { top: 25px !important ; }
|
|
|
|
.trumbowyg-editor ul { margin: 0 0 0 0.9em ; }
|
|
.trumbowyg-editor ol { margin: 0 0 0 1.8em ; }
|
|
|
|
/* make tables visible in the editor */
|
|
.trumbowyg-editor table.table { width: auto ; }
|
|
.trumbowyg-editor table.table td { border: 1px dotted #888 ; }
|
|
|
|
/* FUDGE! CSS for blockquote doesn't work in VASSAL :-/, so we try to match its indent in our UI. */
|
|
.trumbowyg-editor blockquote { margin-left: 2.5em ; }
|
|
|
|
/* modal box */
|
|
.trumbowyg-modal-box { border: 1px solid #666 ; }
|
|
.trumbowyg-modal-box .trumbowyg-input-infos label { color: #444 ; font-weight: bold ; }
|
|
|
|
/* configure button */
|
|
.trumbowyg-foreColor-button, .trumbowyg-backColor-button {
|
|
width: 40px !important ;
|
|
background: no-repeat 12px 12px url("../images/trumbowyg/fore-color.png") !important ;
|
|
background-size: 12px 12px !important ;
|
|
filter: grayscale(100%) brightness(90%) ;
|
|
}
|
|
.trumbowyg-backColor-button {
|
|
width: 40px !important ;
|
|
background: no-repeat 12px 12px url("../images/trumbowyg/back-color.png") !important ;
|
|
background-size: 12px 12px !important ;
|
|
filter: grayscale(100%) brightness(90%) ;
|
|
}
|
|
.trumbowyg-emoji-button {
|
|
width: 40px !important ;
|
|
background: no-repeat 13px 13px url("../images/trumbowyg/smile.png") !important ;
|
|
background-size: 12px 12px !important ;
|
|
filter: grayscale(100%) brightness(40%) ;
|
|
}
|
|
.trumbowyg-removeformat-button { line-height: 33px !important ; border:1px dotted red; }
|
|
.trumbowyg-dropdown-specialChars { width: 330px ; max-width: 330px ; }
|
|
.trumbowyg-dropdown-align { max-height: 160px !important ; }
|
|
|
|
/* configure an image for our custom "flags" button */
|
|
.trumbowyg-flags-button {
|
|
width: 40px !important ;
|
|
background: no-repeat 12px 13px url("../images/nat-caps.png") !important ;
|
|
background-size: 12px 12px !important ;
|
|
filter: grayscale(100%) brightness(60%) ;
|
|
}
|
|
.trumbowyg-dropdown-flags button img { width: 13px ; }
|
|
|
|
/* FUDGE! Fix-up the appearance of some of the buttons. */
|
|
.trumbowyg-fontsize-button svg { width: 14px ; opacity: 0.9 ; }
|
|
.Xtrumbowyg-specialChars-button { color: #555 ; }
|
|
.trumbowyg-indent-button svg, .trumbowyg-outdent-button svg { width: 13px ; }
|
|
.trumbowyg-indent-button svg { transform: scaleX(-1) ; }
|
|
|
|
/* -------------------------------------------------------------------- */
|
|
|
|
div.html-textbox {
|
|
flex-grow: 100 ;
|
|
height: 20px ; max-height: 20px ;
|
|
/* NOTE: We hide vertical overflow when the content goes multi-line, and the h-scrollbar if very long words
|
|
* (i.e. without spaces) are present. In the latter case, the layout breaks if the control is in a flexbox,
|
|
* since it just expands out, regardless of any max-width setting :-/, so we work-around this by dynamically
|
|
* setting a max-width on the parent row.
|
|
* */
|
|
overflow: hidden ;
|
|
line-height: 1.4em ; /* FUDGE! This works around a vertical-alignment problem in the desktop app. */
|
|
padding: 0 12px 0 5px ;
|
|
border: 1px solid #c5c5c5 ; background: white ;
|
|
/* NOTE: This makes the control scroll horizontally (like a real textbox), but it breaks padding (which is maybe
|
|
* acceptable), and max-width (which is not). Things don't work well when these things are in a flexbox, and while
|
|
* we can sorta get things working by disabling that, and dynamically setting the width along with max-width,
|
|
* weird things happen when we resize the enclosing panel :-/
|
|
white-space: nowrap ; overflow-x: hidden ;
|
|
*/
|
|
}
|
|
|