diff --git a/openslides/projector/static/javascript/projector.js b/openslides/projector/static/javascript/projector.js
index 53e1e941a..6ba261696 100644
--- a/openslides/projector/static/javascript/projector.js
+++ b/openslides/projector/static/javascript/projector.js
@@ -15,9 +15,10 @@ function presentation_reload() {
$('#content li').css({'font-size': data.bigger + '%'}, 200);
$('#content #sidebar').css({'font-size': '16px'}, 0);
$('#content').animate({'margin-top': data.up + 'em'}, 200);
- $('#overlays li').remove();
+
+ $('#overlays div').remove();
$.each(data['overlays'], function (index, value){
- $('#overlays ul').append('
' + value[1] + '');
+ $('#overlays').append('' + value[1] + '
');
});
setTimeout("presentation_reload()", 500);
},
diff --git a/openslides/projector/static/styles/projector.css b/openslides/projector/static/styles/projector.css
index 40c203bd6..84bfc008e 100644
--- a/openslides/projector/static/styles/projector.css
+++ b/openslides/projector/static/styles/projector.css
@@ -61,18 +61,26 @@ body{
border-bottom: 4px solid red;
}
-#overlays ul li {
+#overlays div {
font-size: 4em;
font-weight: bold;
padding: 0 1em;
position: fixed;
- right: 40px;
- top: 0;
+
background: #DDD9D9;
border-bottom-left-radius: 0.75em;
border-bottom-right-radius: 0.75em;
}
+#overlay_Countdown {
+ right: 40px;
+ top: 0;
+}
+
+#overlay_Message {
+ right: 20%;
+ top: 50%;
+}
/*** CONTENT ***/
#content {
diff --git a/openslides/projector/templates/base-projector.html b/openslides/projector/templates/base-projector.html
index 8a0e6d268..8e279bd50 100644
--- a/openslides/projector/templates/base-projector.html
+++ b/openslides/projector/templates/base-projector.html
@@ -31,9 +31,8 @@
-
{% for overlay in overlays %}
- - {{ overlay.1 }}
+ {{ overlay.1 }}
{% endfor %}