/* This stylesheet contains styles that do not render correctly in Flare's XML Editor but render just fine when viewed in a browser. This just keeps such styles separate so that writers don't get distracted or confused by nonsense when working in Flare. */ /* Checklist styles I used this for Casamba where I was trying to mimic a check list they used to create in Word for PDF. Originally, they had made something horrendous, and I wanted to make it so they could just make a list and apply a class to turn it into a check list. I don't think I have this available in the NH stylesheet, but it you ever wanted, you could just add an entry in there for the ul.checklist (so they could apply it in the editor) and then these settings would kick in for the build. */ ul.checklist, ul.checklist ul { padding-left: 0em; /* Removes the standard list padding, which keeps the checkboxes from indenting. */ list-style-type: none; /* Removes the list markers so we can replace them with our checkbox character. */ } ul.checklist li:before { content: "□"; /* Places a square, from the font, to the left of the list items, to be used as a checkbox. */ font-size: 1.7em; /* Enlarges the square used for the checkbox to a size more reasonable for its respective text. */ float: left; /* Floats the checkbox to the left of the text. Without this, it ends up on its own line. */ } ul.checklist li p { margin-left: 2em; /* Indents the first-level item so it's at the right of the checkbox with a bit of space. */ margin-top: 0; /* Trims the standard margin */ } ul.checklist > li li > p { margin-left: 3em; /* Further indents the second-level item. */ } ul.checklist > li li li > p { margin-left: 4em; /* Further indents the third-level item. */ } ul.checklist > li li li li > p { margin-left: 5em; /* Further indents the fourth-level item. */ } ul.checklist p { padding-right: 0.5em; /* Keeps the text from hitting the far edge of the viewable area. */ padding-top: 4px; /* Pushes the text down a tad to line it up with the checkbox. */ margin-bottom: 0; /* Removes the typical margin, which would space these elements out too much. */ line-height: 2; /* Adds enough line height to keep the elements from overlapping. */ } /****************************************** Image resizing workaround Flare has an old bug (see: https://forums.madcapsoftware.com/viewtopic.php?f=9&t=9349&sid=0a12691efaf27bdc8fc54f6d1acdb81d) that ignores the cleared target setting to generate copies of resized images when constraints are set in the stylesheets (as opposed to inline). DL: I think this might actually need to be moved into the