.settings { position: relative; background: url(images/settings.png); width: 24px; height: 24px; }
.settings--items { display: none; position: absolute; left: -10px; top: 24px; z-index: 3; background: url(images/settings--items.png) 14px 0 no-repeat; padding: 8px 0 0 0; }
.settings--item { white-space: nowrap; background: #f8f8f8; padding: 1px 10px 1px 5px; }
.settings--item_checkbox {  }
.settings--item_label {  }
.settings--overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 2; }

.settings-state-active {  }
.settings-state-active .settings--items { display: block; }
.settings-state-active .settings--overlay { display: block; }

.settings--item-dark { background: #333333; color: #ffffff; }