From e561382fc17943f044a58f27573c141b0fa13aac Mon Sep 17 00:00:00 2001
From: ColaColin <cola_colin@ki.tng.de>
Date: Fri, 1 May 2015 18:37:24 +0200
Subject: [PATCH] setup example of js based version without shadowing

---
 modinfo.json                                  |  4 +-
 .../game/live_game/live_game_paused_popup.css |  0
 ui/mods/smallpause/smallpause.js              | 60 +++++++++++++++++++
 3 files changed, 62 insertions(+), 2 deletions(-)
 rename ui/{main => main_old_no_shadow}/game/live_game/live_game_paused_popup.css (100%)
 create mode 100644 ui/mods/smallpause/smallpause.js

diff --git a/modinfo.json b/modinfo.json
index d1a8834..c284db8 100644
--- a/modinfo.json
+++ b/modinfo.json
@@ -15,8 +15,8 @@
           "ui"
      ],
      "scenes": {
-          "live_game": [
-                "coui://ui/main/game/live_game/live_game_paused_popup.css"
+          "live_game_paused_popup": [
+                "coui://ui/mods/smallpause/smallpause.js"
           ]
      },
      "date": "2015/04/30",
diff --git a/ui/main/game/live_game/live_game_paused_popup.css b/ui/main_old_no_shadow/game/live_game/live_game_paused_popup.css
similarity index 100%
rename from ui/main/game/live_game/live_game_paused_popup.css
rename to ui/main_old_no_shadow/game/live_game/live_game_paused_popup.css
diff --git a/ui/mods/smallpause/smallpause.js b/ui/mods/smallpause/smallpause.js
new file mode 100644
index 0000000..ba128db
--- /dev/null
+++ b/ui/mods/smallpause/smallpause.js
@@ -0,0 +1,60 @@
+console.log("setting small pause styles...");
+
+$('body').css({
+	'background-color': 'rgba(0,0,0,0)',
+    'background-image': 'none',
+    height : '100%',
+    width: '100%',
+    display: 'flex',
+    'flex-direction': 'column',
+    'justify-content': 'center',
+    position: 'absolute'
+});
+
+$('.div_panel_bar_background').css({
+    width: '260px',
+    margin: '20px 0 0 -130px',
+    position: 'absolute',
+    top: '20px',
+    left: '50%',
+    'box-shadow': '0px 0px 100px #000',
+    'text-align': 'center',
+    'background-color': 'rgba(0,0,0,.5)'
+});
+
+$('.div_panel_primary_msg').css({
+	height: '30px',
+    'line-height': '15px',
+    width: '100%',
+    background: 'url(coui://ui/main/game/game_over/img/bground_summary.png) center center no-repeat rgba(0,0,0,.7)',
+    'font-family': 'Sansation Bold',
+    'font-size': '20px',
+    color: '#fff',
+    border: '1px solid rgba(255,255,255,.15)',
+    'border-width': '1px 0px',
+    'text-shadow': '0px 0px 25px rgba(0, 0, 0, 1)',
+    'box-shadow': '0px 0px 50px #000',
+    padding: '8px 0px 0px 0px'
+});
+
+$('.div_options_bar').css({
+    width: '100%',
+    background: 'rgba(0,0,0,.6)',
+    display: 'flex',
+    'flex-direction': 'row',
+    'align-content': 'center',
+    'justify-content': 'center',
+    padding: '0px 0px',
+});
+
+$('input[type="button"]').css({
+    'font-size': '18px',
+    padding: '4px 36px',
+    'box-shadow': '0px 0px 20px #000'
+});
+
+$('.div_bottom_margin_bar').css({
+    height: '5px',
+    width: '100%',
+    background: 'rgba(0,0,0,.3)',
+});
\ No newline at end of file