+.side-menu-widget-item-checkbox {
+ -moz-appearance: none;
+ padding: 0;
+ margin: 0 -4px 0 4px;
+ opacity: 0;
+ transition: opacity .25s ease 0s;
+}
+
+/* Only show the checkbox when the source is hovered over, is selected, or if it
+ * is not checked. */
+.side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
+.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
+.side-menu-widget-item-checkbox:not([checked]) {
+ opacity: 1;
+ transition: opacity .25s ease-out 0s;
+}
+
+.side-menu-widget-item-checkbox > .checkbox-check {
+ -moz-appearance: none;
+ background: none;
+ background-image: url("itemToggle.png");
+ background-repeat: no-repeat;
+ background-clip: content-box;
+ background-position: -24px 0;
+ width: 24px;
+ height: 24px;
+ border: 0;
+}
+
+.side-menu-widget-item-checkbox[checked] > .checkbox-check {
+ background-position: 0 0;
+}
+
+.side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents > .dbg-breakpoint {
+ display: none;
+}
+
+/* Black box message */
+
+#black-boxed-message {
+ /* Prevent the container deck from aquiring the height from this message. */
+ min-height: 1px;
+ background-color: #A09090;
+ padding: 25vh 0;
+ color: #000000;
+}
+
+#black-boxed-message-label,
+#black-boxed-message-button {
+ text-align: center;
+ font-size: 120%;
+}
+
+#black-boxed-message-button {
+ margin-top: 1em;
+ padding: .25em;
+}