Changes for page LSS-P - Mechanical

Last modified by Eric Nantel on 2024/07/03 09:43
From version < 21.1 >
edited by Eric Nantel
on 2023/07/07 14:27
To version < 26.1 >
edited by Eric Nantel
on 2023/07/07 14:37
< >
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,51 +1,78 @@
1 -{{warningBox warningText="More information coming soon"/}}
2 -
3 -
4 -(% class="wikigeneratedid" id="HTableofContents" %)
5 -**Page Contents**
6 -
7 -{{toc depth="3"/}}
8 -
9 -= LSS-P Features =
10 -
11 -|(% colspan="2" style="width:350px" %)(((
12 -== Mounting Points ==
13 -)))
14 -|(% style="width:350px" %)[[image:LSS-P-S1-Mountings.png]]|(((
15 -Loren Ipsum
16 -)))
17 -|(% style="width:350px" %)[[image:LSS-P-S1-Mountings.png]]|
18 -|(% style="width:350px" %)[[image:LSS-P-S1-Mountings.png]]|
19 -|(% colspan="2" style="width:350px" %)(((
20 -== Case ==
21 -)))
22 -|(% style="width:350px" %)[[image:LSS-P-S1-Case.png]]|(((
23 -Loren Ipsum
24 -)))
25 -|(% colspan="2" style="width:350px" %)(((
26 -== RGB LED ==
27 -)))
28 -|(% style="text-align:center; width:350px" %) |(((
29 -Loren Ipsum
30 -)))
31 -|(% colspan="2" style="width:350px" %)(((
32 -== Connector ==
33 -)))
34 -|(% style="text-align:center; width:350px" %) |Loren Ipsum
35 -|(% colspan="2" style="width:350px" %)(((
36 -== Button ==
37 -)))
38 -|(% style="text-align:center; width:350px" %) |Loren Ipsum
39 -|(% colspan="2" style="width:350px" %)(((
40 -== Gearing ==
41 -)))
42 -|(% style="text-align:center; width:350px" %) |Loren Ipsum
43 -|(% colspan="2" style="width:350px" %)(((
44 -== Stepper Motor ==
45 -)))
46 -|(% style="text-align:center; width:350px" %) |Loren Ipsum
47 -
48 -= Dimensions =
49 -
50 -(% style="width:700px" %)
51 -|(% style="width:350px" %) |
1 +{{html}}
2 +<html>
3 +<head>
4 + <style>
5 + table {
6 + width: 100%;
7 + border-collapse: collapse;
8 + }
9 +
10 + th, td {
11 + padding: 8px;
12 + text-align: left;
13 + border-bottom: 1px solid #ddd;
14 + }
15 +
16 + /* Media query for mobile devices */
17 + @media only screen and (max-width: 600px) {
18 + /* Remove the table's default styles */
19 + table, thead, tbody, th, td, tr {
20 + display: block;
21 + }
22 +
23 + /* Hide table headers (th) */
24 + thead tr {
25 + position: absolute;
26 + top: -9999px;
27 + left: -9999px;
28 + }
29 +
30 + td {
31 + border: none;
32 + position: relative;
33 + padding-left: 50%;
34 + }
35 +
36 + /* Add a background color to the table rows */
37 + tr {
38 + margin-bottom: 20px;
39 + }
40 +
41 + /* Display the data in each cell */
42 + td:before {
43 + position: absolute;
44 + top: 6px;
45 + left: 6px;
46 + width: 45%;
47 + padding-right: 10px;
48 + white-space: nowrap;
49 + }
50 + }
51 + </style>
52 +</head>
53 +<body>
54 + <table>
55 + <thead>
56 + <tr>
57 + <th>Name</th>
58 + <th>Age</th>
59 + <th>Email</th>
60 + </tr>
61 + </thead>
62 + <tbody>
63 + <tr>
64 + <td>John Doe</td>
65 + <td>25</td>
66 + <td>[email protected]</td>
67 + </tr>
68 + <tr>
69 + <td>Jane Smith</td>
70 + <td>30</td>
71 + <td>[email protected]</td>
72 + </tr>
73 + <!-- Add more rows as needed -->
74 + </tbody>
75 + </table>
76 +</body>
77 +</html>
78 +{{/html}}
Copyright RobotShop 2018