Revision as of 21:18, 4 September 2024

How to navigate the wiki.

Need a custom driver

Check our Linux Driver Services

Check our Tested Drivers List

Driver in the list?

Yes

No

Check the client requirements

Check our hiring process

Contact Us

Driver Delivery

@@ Line 39: / Line 39: @@
      border:1px solid #000;
      margin:auto;
-     background-color:#98CEFF; /* Light green for terminator blocks */
+     background-color:#98CEFF;
-     border-radius:30px; /* Very round corners */
+     border-radius:30px;
-     line-height:60px; /* Center text vertically */
+     line-height:60px;
-     display:inline-block; /* Ensure width and height are respected */
+     display:inline-block;
-     text-align:center; /* Center text horizontally */
+     text-align:center;
-     overflow: hidden; /* Ensure background color fits rounded corners */
+     overflow: hidden;
      padding: 10px 5px 0;
   }
@@ Line 52: / Line 52: @@
      border:1px solid #000;
      margin:14px;
-     background-color:#98CEFF; /* Light green for terminator blocks */
+     background-color:#98CEFF;
-     border-radius:30px; /* Very round corners */
+     border-radius:30px;
-     line-height:60px; /* Center text vertically */
+     line-height:60px;
-     display:inline-block; /* Ensure width and height are respected */
+     display:inline-block;
-     text-align:center; /* Center text horizontally */
+     text-align:center;
-     overflow: hidden; /* Ensure background color fits rounded corners */
+     overflow: hidden;
      padding: 10px 5px 0;
   }
 #start a, #end a {
-     display:block; /* Ensure link fills the block */
+     display:block;
-     height:100%; /* Ensure link height matches block */
+     height:100%;
-     line-height:60px; /* Center text vertically within link */
+     line-height:60px;
-     padding:0; /* Remove padding */
+     padding:0;
      line-height: 1.2;
      background-color: transparent;
@@ Line 94: / Line 94: @@
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
-     border-top: 7px solid #000; /* Color of the arrowhead */
+     border-top: 7px solid #000;
      top: 100%;
      left: -400%;
-     transform: translateY(-50%); /* Center the arrowhead vertically */
+     transform: translateY(-50%);
 }
 #line7::after{
@@ Line 106: / Line 106: @@
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
-     border-top: 7px solid #000; /* Color of the arrowhead */
+     border-top: 7px solid #000;
      top: 50%;
      left: -1%;
-     transform: translateY(-50%) translateX(-10%) rotate(90deg); /* Center the arrowhead vertically */
+     transform: translateY(-50%) translateX(-10%) rotate(90deg);
 }
 #line2 {
@@ Line 129: / Line 129: @@
      margin:auto 290px;
      float:left;
-     position: relative; /* Position relative to contain the pseudo-element */
+     position: relative;
 }
@@ Line 139: / Line 139: @@
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
-     border-top: 7px solid #000; /* Color of the arrowhead */
+     border-top: 7px solid #000;
      top: 85%;
      left: -400%;
-     transform: translateY(-50%); /* Center the arrowhead vertically */
+     transform: translateY(-50%);
 }
 #line4 {
@@ Line 167: / Line 167: @@
   }
 #line4-link {
-     font-size: 10px; /* Adjust font size as needed */
+     font-size: 10px;
-     vertical-align: middle; /* Align text with the line */
+     vertical-align: middle;
-     margin-left:30px; /* Space between line and text */
+     margin-left:30px;
-     color: #000; /* Text color */
+     color: #000;
-     text-decoration: none; /* Remove underline from the link */
+     text-decoration: none;
 }
 #line4-link:hover {
-     background-color: transparent; /* Make background transparent on hover to maintain diamond's background color */
+     background-color: transparent;
-     color: #000; /* Change text color on hover if needed */
+     color: #000;
 }
 #line5-link {
-     font-size: 10px; /* Adjust font size as needed */
+     font-size: 10px;
-     vertical-align: middle; /* Align text with the line */
+     vertical-align: middle;
-     margin-top: -20px; /* Space between line and text */
+     margin-top: -20px;
-     color: #000; /* Text color */
+     color: #000;
-     text-decoration: none; /* Remove underline from the link */
+     text-decoration: none;
 }
@@ Line 203: / Line 203: @@
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
-     border-top: 7px solid #000; /* Color of the arrowhead */
+     border-top: 7px solid #000;
      top: 100%;
      left: 100%;
-     transform: translateY(-50%) translateX(-10%) rotate(-90deg); /* Center the arrowhead vertically */
+     transform: translateY(-50%) translateX(-10%) rotate(-90deg);
 }
 #line5 a:hover {
-     background-color: transparent; /* Make background transparent on hover to maintain diamond's background color */
+     background-color: transparent;
-     color: #000; /* Change text color on hover if needed */
+     color: #000;
 }
 #line4 a:hover {
-     background-color: transparent; /* Make background transparent on hover to maintain diamond's background color */
+     background-color: transparent;
-     color: #000; /* Change text color on hover if needed */
+     color: #000;
 }
 #no2 {
      display: inline-block;
-     width: 84px; /* Width of the diamond */
+     width: 84px;
-     height: 84px; /* Height of the diamond */
+     height: 84px;
-     background-color: #00000; /* Background color of the diamond */
+     background-color: #00000;
-     position: relative; /* Allows positioning of inner elements */
+     position: relative;
-     transform: rotate(45deg); /* Rotate the diamond shape */
+     transform: rotate(45deg);
-     border: 1px solid #000; /* Border color and thickness */
+     border: 1px solid #000;
-     box-sizing: border-box; /* Ensures border is included in the dimensions */
+     box-sizing: border-box;
      margin: 17px 200px;
 }
 #no2 a {
-     display: flex; /* Use flexbox for alignment */
+     display: flex;
-     align-items: center; /* Center content vertically */
+     align-items: center;
-     justify-content: center; /* Center content horizontally */
+     justify-content: center;
-     width: 100%; /* Full width of the diamond */
+     width: 100%;
-     height: 100%; /* Full height of the diamond */
+     height: 100%;
-     text-decoration: none; /* Remove underline from links */
+     text-decoration: none;
-     color: #000; /* Text color */
+     color: #000;
-     background-color: transparent; /* Make background transparent to show the diamond's background color */
+     background-color: transparent;
-     transform: rotate(-45deg); /* Counteract the rotation of the diamond */
+     transform: rotate(-45deg);
 }
 #no2 a:hover {
-     background-color: transparent; /* Make background transparent on hover to maintain diamond's background color */
+     background-color: transparent;
-     color: #000; /* Change text color on hover if needed */
+     color: #000;
 }