diff --git a/openslides/core/static/css/app.css b/openslides/core/static/css/app.css
index 8d403a2e3..86db38047 100644
--- a/openslides/core/static/css/app.css
+++ b/openslides/core/static/css/app.css
@@ -928,6 +928,39 @@ img {
margin-top: 10px;
}
+/* Countdown fullscreen mode */
+#countdownWrapper {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 1000;
+ background-color: white;
+}
+#countdownWrapper > div {
+ text-align: center;
+ margin-top: 50px;
+}
+#countdown {
+ display: inline-block;
+ padding: 20px 50px;
+ border-radius: 8px;
+ font-size: 30vw;
+ line-height: 1;
+ font-weight: bold;
+}
+#countdown .description {
+ font-weight: normal;
+ font-size: 5vw;
+}
+#countdown.warning {
+ color: #ed940d;
+}
+#countdown.negative {
+ color: #CC0000;
+}
+
/* countdown and message controls */
.col2 .countdown.panel, .col2 .message.panel {
margin-bottom: 7px;
@@ -973,7 +1006,7 @@ img {
font-weight: bold;
}
-.col2 .countdown .editicon, .col2 .message .editicon {
+.col2 .countdown .icons, .col2 .message .editicon {
padding-right: 10px;
}
@@ -1510,12 +1543,6 @@ img {
display: none;
}
-/* List of speakers view */
-.fullscreendiv-title {
- border-bottom: 5px solid #d3d3d3;
- margin-bottom: 40px;
-}
-
.lastSpeakers {
color: #9a9898;
}
diff --git a/openslides/core/static/js/core/site.js b/openslides/core/static/js/core/site.js
index dea5e5766..7b0f19a54 100644
--- a/openslides/core/static/js/core/site.js
+++ b/openslides/core/static/js/core/site.js
@@ -392,7 +392,25 @@ angular.module('OpenSlidesApp.core.site', [
basePerm: 'core.can_manage_tags',
},
})
- .state('core.tag.list', {});
+ .state('core.tag.list', {})
+
+ // Countdown
+ .state('core.countdown', {
+ url: '/countdown',
+ abstract: true,
+ template: "