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/html-editor.css

62 lines
2.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 ; }
/* custom bullets for the editor */
.trumbowyg-editor ul { margin: 0 0 0 0.85em ; list-style-image: url("../images/bullet.png") ; }
.trumbowyg-editor ul ul { margin: 0 0 0 0.85em ; list-style-image: url("../images/bullet2.png") ; }
.trumbowyg-editor ul ul ul { margin: 0 0 0 0.85em ; list-style-image: url("../images/bullet3.png") ; }
/* 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 {
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) ; }