Merge pull request #27 from deku-m/patch-1

examples/Cisco/C9200L-24P.css

@@ -0,0 +1,7 @@
+/* C9200L-24P */
+.deviceview.area {
+    background-color: #d9d9d9;
+            grid-template-areas:
+                        "x x x x x x x x x x x x x x gigabitethernet0-1 gigabitethernet0-3 gigabitethernet0-5 gigabitethernet0-7 gigabitethernet0-9 gigabitethernet0-11 s0 gigabitethernet0-13 gigabitethernet0-15 gigabitethernet0-17 gigabitethernet0-19 gigabitethernet0-21 gigabitethernet0-23 z z z z z"
+                        "x x x x x x x x x x x x x x gigabitethernet0-2 gigabitethernet0-4 gigabitethernet0-6 gigabitethernet0-8 gigabitethernet0-10 gigabitethernet0-12 s0 gigabitethernet0-14 gigabitethernet0-16 gigabitethernet0-18 gigabitethernet0-20 gigabitethernet0-22 gigabitethernet0-24 s1 tengigabitethernet1-1 tengigabitethernet1-2 tengigabitethernet1-3 tengigabitethernet1-4";
+}

examples/Cisco/FPR1120-NGFW-K9.css

@@ -0,0 +1,7 @@
+/* Ports are named "ETH 1", "ETH 2" and so on */
+ .deviceview.area { 
+     background-color: #d9d9d9;
+     grid-template-areas: 
+         "x x x x x x x x x x x x x ethernet-1 ethernet-3 ethernet-5 ethernet-7 s0 s0 s0 ethernet-9 ethernet-11"
+         "y y y y y y y y y y y y y ethernet-2 ethernet-4 ethernet-6 ethernet-8 s1 s1 s1 ethernet-10 ethernet-12" 
+ }

examples/Generic/48-ports-UTP-Patchpanel.css

@@ -1,20 +1,20 @@
-/* Ports are named "port 1", "port 2" | "Rear  Port 1", "Rear Port 2" and so on */ 
- .deviceview.area.dFront {
-         /* both set to auto to overwrite the 32 columns 2 rows design */ 
-     background: #000; 
-     grid-auto-rows: auto; 
-     grid-auto-columns: auto; 
-     grid-template-areas: 
-         "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24"
-         "port-25 port-26 port-27 port-28 port-29 port-30 s0 port-31 port-32 port-33 port-34 port-35 port-36 s1 port-37 port-38 port-39 port-40 port-41 port-42 s2 port-43 port-44 port-45 port-46 port-47 port-48"
-} 
+/* 48-port UTP Patch Panel */
+.deviceview.area.dFront {
+background-color: #000;
+            /* both set to auto to overwrite the 32 columns 2 rows design */
+    grid-auto-rows: auto;
+    grid-auto-columns: auto;
+    grid-template-areas:
+            "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24"
+            "port-25 port-26 port-27 port-28 port-29 port-30 s3 port-31 port-32 port-33 port-34 port-35 port-36 s4 port-37 port-38 port-39 port-40 port-41  port-42 s5 port-43 port-44 port-45 port-46 port-47 port-48";
+}
 
 .deviceview.area.dRear {
-        /* both set to auto to overwrite the 32 columns 2 rows design */ 
-    background: #000;
+background-color: #000;
+            /* both set to auto to overwrite the 32 columns 2 rows design */
     grid-auto-rows: auto;
     grid-auto-columns: auto;
-    grid-template-areas: 
-        "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24"
-        "port-25 port-26 port-27 port-28 port-29 port-30 s0 port-31 port-32 port-33 port-34 port-35 port-36 s1 port-37 port-38 port-39 port-40 port-41 port-42 s2 port-43 port-44 port-45 port-46 port-47 port-48" 
+    grid-template-areas:
+            "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24"
+            "port-25 port-26 port-27 port-28 port-29 port-30 s3 port-31 port-32 port-33 port-34 port-35 port-36 s4 port-37 port-38 port-39 port-40 port-41  port-42 s5 port-43 port-44 port-45 port-46 port-47 port-48";
 }