VulpesOS/gaia/apps/settings/style/icons.css

/******************************************************************************
 * Setting icons
 */

.menu-item {
  position: static;
}

.menu-item[data-icon] {
  padding-inline-start: 5.5rem;
}

a.menu-item:after {
  font-family: "gaia-icons";
  position: absolute;
  top: 0;
  offset-inline-end: 0;
  font-size: 25px;
  line-height: 6rem;
  color: #a5acae;
}
html[dir="ltr"] a.menu-item:after { content: "right-light"; }
html[dir="rtl"] a.menu-item:after { content: "left-light"; }

a.menu-item:active:after {
  color: #91aab0;
}

gaia-switch .menu-item[data-icon] {
  -moz-padding-start: 4rem;
}

gaia-switch .menu-item[data-icon] ~ details {
  -moz-padding-start: 4rem;
}

.menu-item::before {
  position: absolute;
  offset-inline-start: 0;
  top: 50%;
  width: 3rem;
  text-align: center;
  line-height: 0;
  color: #657073;
}

label > .menu-item::before {
  offset-inline-start: 1.5rem;
}

label > .menu-item + small {
  margin: 0;
  margin-inline-start: 4rem;
  padding: 0;
}

.menu-item-desc {
  offset-inline-start: 4rem;
}

#suggestions-desc {
  offset-inline-start: 0;
}

#menuItem-suggestions {
  padding-inline-start: 1.5rem;
}

#menuItem-suggestions::before {
  background: none;
}


/******************************************************************************
 * Wi-Fi icons
 */

aside.pack-end {
  position: absolute;
  z-index: 2;
  offset-inline-end: 1.5rem;
  margin: 0;
  margin-inline-start: 0.5rem;
  text-align: end;
}
aside.wifi-icon {
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 16rem;
  width: 3.2rem;
  height: 5.6rem;
}

/*
 * States of Wifi signal
 */
aside.wifi-signal       { background-image: url(images/wifi_disconnected_sprite.png);}
aside.connected         { background-image: url(images/wifi_connected_sprite.png);}
aside.secured           { background-image: url(images/wifi_disconnected_locked_sprite.png);}
aside.secured.connected { background-image: url(images/wifi_connected_locked_sprite.png);}
aside.level-0 { background-position:     0    center;}
aside.level-1 { background-position:  -3.2rem center;}
aside.level-2 { background-position:  -6.4rem center;}
aside.level-3 { background-position:  -9.6rem center;}
aside.level-4 { background-position: -12.8rem center;}

aside.secured.connecting { background-image: url(images/wifi_connected_locked_sprite.png);}
aside.connecting {
  background-image: url(images/wifi_connected_sprite.png);
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: step-start;
  animation-name: wifi-signal;
}
@keyframes wifi-signal {
 0%     { background-position:     0    center; }
 25%    { background-position:  -3.2rem center; }
 50%    { background-position:  -6.4rem center; }
 75%    { background-position:  -9.6rem center; }
 100%   { background-position: -12.8rem center; }
}


/******************************************************************************
 * Call Settings icons
 */

#menuItem-callWaiting span.cw-alert-icon::after {
  content: '';
  position: absolute;
  z-index: 10;
  top: 1.2rem;
  offset-inline-end: 0;
  width: 6rem;
  height: 3rem;
  background: #F4F4F4 url("images/call_waiting_disabled.png") no-repeat center/3rem;
}


/******************************************************************************
 * Bluetooth devices
 */

.bluetooth-device {
  background-repeat: no-repeat;
  background-position: right 3rem top 50%; /* same position as for Wi-Fi signal levels */
  padding-inline-end: 2rem;
}

.bluetooth-device:before {
  content: "";
  width: 3rem;
  height: 3rem;
  background: url(images/bluetooth_sprite.png) no-repeat 3rem 3rem / 39rem;
  position: absolute;
  offset-inline-end: 0;
  top: 50%;
  margin-top: -1.5rem;
}

/* device icons */
.bluetooth-type-audio-card:before {
  background-position: 0 0;
}

.bluetooth-type-audio-input-microphone:before {
  background-position: -3rem 0;
}

.bluetooth-type-battery:before {
  background-position: -6rem 0;
}

.bluetooth-type-camera-photo:before {
  background-position: -9rem 0;
}

.bluetooth-type-camera-video:before {
  background-position: -12rem 0;
}

.bluetooth-type-camera-web:before {
  background-position: -15rem 0;
}

.bluetooth-type-computer:before {
  background-position: -18rem 0;
}

.bluetooth-type-drive-harddisk:before {
  background-position: -21rem 0;
}

.bluetooth-type-drive-optical:before {
  background-position: -24rem 0;
}

.bluetooth-type-drive-removable-media:before {
  background-position: -27rem 0;
}

.bluetooth-type-input-gaming:before {
  background-position: -30rem 0;
}

.bluetooth-type-input-keyboard:before {
  background-position: -33rem 0;
}

.bluetooth-type-input-mouse:before {
  background-position: -36rem 0;
}

.bluetooth-type-input-tablet:before {
  background-position: 0 -3rem;
}

.bluetooth-type-media-flash:before {
  background-position: -3rem -3rem;
}

.bluetooth-type-media-floppy:before {
  background-position: -6rem -3rem;
}

.bluetooth-type-media-optical:before {
  background-position: -9rem -3rem;
}

.bluetooth-type-media-tape:before {
  background-position: -12rem -3rem;
}

.bluetooth-type-modem:before {
  background-position: -15rem -3rem;
}

.bluetooth-type-multimedia-player:before {
  background-position: -18rem -3rem;
}

.bluetooth-type-network-wired:before {
  background-position: -21rem -3rem;
}

.bluetooth-type-network-wireless:before {
  background-position: -24rem -3rem;
}

.bluetooth-type-pda:before,
.bluetooth-type-phone:before {
  background-position: -27rem -3rem;
}

.bluetooth-type-printer:before {
  background-position: -30rem -3rem;
}

.bluetooth-type-scanner:before {
  background-position: -33rem -3rem;
}

.bluetooth-type-video-display:before {
  background-position: -36rem -3rem;
}


/******************************************************************************
 * Privacy icons
 */

.privacy-browserOS:before {
  background-position: 0 0;
}

.privacy-marketPlace:before {
  background-position: -6.4rem 0;
}