add column break trick from #89 and tried to fix the spacing issues with #97
diff --git a/inst/rmarkdown/templates/posterdown_html/resources/template.html b/inst/rmarkdown/templates/posterdown_html/resources/template.html
index 1ece3ac..83d120b 100644
--- a/inst/rmarkdown/templates/posterdown_html/resources/template.html
+++ b/inst/rmarkdown/templates/posterdown_html/resources/template.html
@@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"$if(lang)$ lang="$lang$" xml:lang="$lang$"$endif$>
<head>
<meta charset="utf-8" />
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -38,7 +38,6 @@
$endif$
$if(highlighting-css)$<style type="text/css">$highlighting-css$</style>$endif$
-
$for(css)$
<link rel="stylesheet" href="$css$" $if(html5)$$else$type="text/css" $endif$/>
$endfor$
@@ -57,7 +56,6 @@
padding: 0;
text-align: justify;
font-family: $if(font_family)$$font_family$$else$Palatino$endif$;
-background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
}
.poster_wrap {
width: $if(poster_width)$$poster_width$$else$45in$endif$;
@@ -107,7 +105,9 @@
a:link {
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#cc0000$endif$$endif$;
}
-
+.mybreak {
+ break-before: column;
+}
/* visited link */
a:visited {
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#cc0000$endif$$endif$;
@@ -141,6 +141,7 @@
width: 100%;
height: 100%;
color: $if(body_textcol)$$body_textcol$$else$#000000$endif$
+background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
}
.poster_title h1 {
font-size: $if(title_textsize)$$title_textsize$$else$75pt$endif$;
@@ -153,6 +154,9 @@
height: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.83);
padding-top: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.01);
padding-bottom: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.01);
+padding-left: $if(titlebox_borderwidth)$$titlebox_borderwidth$$else$0$endif$;
+padding-right: $if(titlebox_borderwidth)$$titlebox_borderwidth$$else$0$endif$;
+background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
}
.poster_title h3 {
color: $if(author_textcol)$$author_textcol$$else$$if(secondary_colour)$$secondary_colour$$else$#ffffff$endif$$endif$;
@@ -196,23 +200,8 @@
padding-left: 4mm;
font-weight: normal;
}
-.span h1 {
-text-align: center;
-color: #ffffff;
-font-size: 50pt;
-border: 2mm solid yellow;
-background-color: yellow;
-border-radius: 4mm 0mm;
-margin-top: 5mm;
-margin-bottom: 5mm;
-padding-top: 5mm;
-padding-bottom: 5mm;
-width: 100%
-}
.span {
-background-color: red;
width: 200%;
-position:relative;
}
/* center align leaflet map,
from https://stackoverflow.com/questions/52112119/center-leaflet-in-a-rmarkdown-document */
@@ -256,7 +245,6 @@
padding: 1.2mm;
border-radius: 2mm;
}
-
.poster_title code {
font-size: 1em;
}
@@ -299,7 +287,6 @@
width: 1em;
}
</style>
-
</head>
<body>
@@ -308,7 +295,6 @@
$endfor$
<div class="poster_wrap">
-
<div class="title_container">
<!-- Left Logo -->
<div class="logo_left">