module timelinelib.wxgui.dialogs.slideshow.templates

timelinelib.wxgui.dialogs.slideshow.templates.CSS = '\nbody {\n background-color: lightblue;\n background: linear-gradient(lightblue, white);\n}\n\n#titlebox {\n border-radius: 25px;\n background: #e085c2;\n padding: 5px;\n position: relative;\n top: 40px;\n font-size: 32px;\n font-family: Verdana, Arial, Sans-Serif;\n}\n\n#descriptionbox {\n border-radius: 25px;\n background: #b3d1ff;\n padding: 15px;\n position: fixed;\n width: 50%;\n top: 140px;\n left: 40%;\n height: 65%;\n font-size: 24px;\n font-family: Verdana, Arial, Sans-Serif;\n border-style: solid;\n border-color: #4d94ff;\n overflow-y: auto;\n}\n\n#only_description {\n border-radius: 12px;\n background: #b3d1ff;\n padding: 15px;\n position: relative;\n width: 80%;\n top: 40px;\n height: 65%;\n font-size: 24px;\n font-family: Verdana, Arial, Sans-Serif;\n border-style: solid;\n border-color: #4d94ff;\n overflow-y: auto;\n margin-left: auto;\n margin-right: auto;\n}\n\n#imagebox {\n border-radius: 25px;\n background: lightblue;\n padding: 0;\n position: fixed;\n top: 180px;\n left: 25%;\n}\n\ndiv.timeline_icon {\n position: fixed;\n right: 7px;\n bottom: 7px;\n}\n\n.button {\n background-color: #66CDAA;\n border: none;\n color: white;\n padding: 5px 11px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 16px;\n margin: 4px 2px;\n cursor: pointer;\n border-radius: 8px;\n}\n\ndiv.left {\n position: fixed;\n top: 50%;\n left: 0;\n}\n\ndiv.right {\n position: fixed;\n top: 50%;\n right: 0;\n}\n\na.button:hover {\n background-color: #6600AA;\n}\n\n.enlarge {\n transform: scale(1.5, 1.5);\n}\n\ndiv.history_line {\n position: fixed;\n top: 14px;\n left: 2%;\n width: 90%;\n border-bottom: 1px solid #000;\n line-height: 0.1em;\n}\n\n'
timelinelib.wxgui.dialogs.slideshow.templates.PAGE_TEMPLATE = '\n<html>\n<head>\n<link rel="stylesheet" type="text/css" href="slideshow.css">\n\n<style>\n\n/*\nPlace a filled circle on the history line at the relative position\nof the events start date.\nThe %%s is replaced with one row for each event to display.\nThe div classname contains the event sequence number like this:\n div.position_in_history_8 { ... }\nFor each row, there is a corresponding div tag defined in the body\nof this page like:\n <div class="position_in_history_8"/>\n\n*/\n%s\n\n/*\nA filled circle placed at the history line at the relative\nposition of the event displayed in this page\n*/\ndiv.position_in_history {\n border-radius: 50%%;\n width: 16px;\n height: 16px;\n background-color: #e085c2;\n position: fixed;\n top: 7px;\n left: %s%%;\n}\n</style>\n</head>\n\n<body>\n\n<!-- Time and title box\nThe %%s is replaced with the time period and the text for the event.\n-->\n<center><p id="titlebox">%s</br>%s</p></center>\n\n<!-- Image and description boxes\nThe %%s is replaced with the event icon and the event description text.\nIf the event don\'t have an image, only the description text is displayed.\n-->\n%s\n\n<!-- Left navigation button -->\n<div class="left">\n<a href="page_%s.html" class="button">&lt&lt</a>\n</div>\n\n<!-- Right navigation button -->\n<div class="right">\n<a href="page_%s.html" class="button">&gt&gt</a>\n</div>\n\n<!-- Timeline icon -->\n<div class="timeline_icon">\n<img src="32.png">\n</div>\n\n<!-- History Line\nDisplay a line that represents the time span from the start time of the\nfirst event to the start time of the last event.\n-->\n<div class="history_line"/>\n\n<!-- Position in history\n Display a filled circle on the history line at the relative position\n of the events start date.\n The %%s is replaced with one row for each event to display.\n The div classname contains the event sequence number like this:\n <div class="position_in_history_8"/>\n For each row, there is a corresponding style defined in the head\n of this page like:\n div.position_in_history_8 { ... }\n-->\n%s\n\n<div class="position_in_history"/>\n</body>\n</html>\n'
timelinelib.wxgui.dialogs.slideshow.templates.ONLY_DESCRIPTION = '\n<div id="only_description">%s</div>\n'
timelinelib.wxgui.dialogs.slideshow.templates.IMAGE_AND_DESCRIPTION = '\n<div id="imagebox"><img class="enlarge" src="%s"></div>\n<div id="descriptionbox">%s</div>\n'