Pause during fight

This commit adds a pause button during the fight. It relies upon the new
Events.paused property: when set to true, no buttons will work except
the pause button itself, and cooldown on attack/healing buttons is
interrupted.
This commit also groups event buttons in different groups (attack,
healing, scene), so that the position of "eat meat" and "use meds" does
not depend on how many scene buttons are present (sometimes 1, other
times 2)

css/dark.css

@@ -117,7 +117,7 @@ div.button {
 	border: 1px solid #EEE;
 }
 
-div.button.disabled, div.button.disabled:hover {
+div.button.disabled, div.button.disabled:hover, #event.paused  > #buttons .button {
 	border-color: #444;
 	color: #444;
 }

css/main.css

@@ -245,7 +245,7 @@ div.button:hover {
 	text-decoration: underline;
 }
 
-div.button.disabled, div.button.disabled:hover {
+div.button.disabled, div.button.disabled:hover, #event.paused  > #buttons .button {
 	cursor: default;
 	border-color: #b2b2b2;
 	color: #b2b2b2;
@@ -413,6 +413,16 @@ div.tooltip:hover {
 	display: block;
 }
 
+#pauseButton {
+	text-align:center;
+	margin: 0 0 1.2em;
+}
+
+#pauseButton > .button {
+	float: none;
+	margin: 0 auto;
+}
+
 /* Events */
 
 .eventPanel {
@@ -520,8 +530,11 @@ body.noMask #description {
 	float: none;
 }
 
-#buttons > .button {
+#buttons .button {
 	margin: 0 5px 5px;
+}
+
+#buttons .button, #pauseButton {
 	margin-right: 15px;
 }