+ opacity: 0;
+ transition: opacity .15s 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 .15s 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: -16px 0;
+ background-size: 32px 16px;
+ width: 16px;
+ height: 16px;
+ 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 {
+ color: #8050B0;