RadioLogicCreator CSS

Cascading Style Sheets (CSS) are a simple mechanism for adding style (e.g., fonts, colors, spacing) to web documents.

The radiologiccreator.html document uses three css files:

• radiologiccreator.css
• jquery.mobile-1.4.5.min.css
• jquery.mobile.simpledialog.min.css

All three files are located in the folder /RadioLogicCreator/WebApplication/css/.

The file radiologiccreator.css styles the following elements:

• jQuery Mobile ui-blocks a, b, c and d
• preview fields to display the Observation and Answer thumbnails
• logo picture
• listing and dropzone
• radioGroup items

The files jquery.mobile-1.4.5.min.css and jquery.mobile.simpledialog.min.css are minimized system style files provided by the jQuery Mobile framework. The first one is downloaded from the jQuery Mobile website with the HTML code line

<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>.

The Javascript code of the RadioLogicCreator webpage is shown in the next chapter.