common.css

/*
 * Copyright (c) OSREC Technologies (https://osrec.co.uk)
 * ------------------------------------------------------
 * This CSS library was funded by the Bx team at OSREC 
 * Technologies and is free for non-commercial use.
 * 
 * Commercial use requires a license. You can purchase an
 * unlimited license from https://osrec.co.uk/ for a small fee.
 * This helps fund further development and keeps the library 
 * up to date with new devices.
 *  
 * Check out the Bx team's work @ https://usebx.com
 * 
 * */

.deviceContainer 
{ display: inline-block; }

.deviceContainer .content { overflow: hidden; }

/* Colors */

.white .caseBorder			{background: linear-gradient(#ddd 0%, #ccc 100%)}
.white .case				{background: linear-gradient(#eee 0%, #f5f5f5 100%)}
.white .screen				{background: rgba(0,0,0,0); box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.15);}
.white .reflection			{background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 51% )}
.white .camera 				{background: radial-gradient(#ddd 0%, #999 80%)}
.white .speaker 			{background: linear-gradient(#ddd 0%, #999 80%)}
.white .homeButtonBorder	{background: #bbb}
.white .homeButton			{background: radial-gradient(#ddd 0%, #fff 80%)}

.black .caseBorder			{background: linear-gradient(#555 0%, #999 100%)}
.black .case				{background: linear-gradient(#111 0%, #333 100%)}
.black .screen				{background: rgba(0,0,0,0); box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.25);}
.black .reflection			{background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 51% ) }
.black .camera 				{background: radial-gradient(#555 0%, #777 80%)}
.black .speaker				{background: linear-gradient(#555 0%, #777 80%)}
.black .homeButtonBorder	{background: #888}
.black .homeButton			{background: radial-gradient(#555 0%, #333 80%)}