Add a device selector on the launching page

2015-04-27 15:40:46 +02:00
parent 9cad9ad2f9
commit cae23d61e2
8 changed files with 105 additions and 3 deletions
@@ -25,6 +25,34 @@
 .launchBtn.disabled:focus {
  color: #ddd;
 }
+.device {
+  margin-top: 2em;
+}
+.device .item {
+  display: inline-block;
+  margin: 0.7em 0.3em;
+  width: 5.5em;
+  height: 5.5em;
+  color: #FFF;
+  border: 1px solid #FFF;
+  padding: 1px;
+  border-radius: 0.5em;
+  cursor: pointer;
+  text-decoration: none;
+  font-size: 0.8em;
+}
+.device .item.active {
+  color: #ffa319;
+  border: 2px solid #ffa319;
+  padding: 0;
+}
+.device .item:hover {
+  color: #ffa319;
+}
+.device .item > div {
+  margin: 0.2em 0 0.1em;
+  font-size: 3em;
+}
 .features {
  display: table;
  width: 50%;