colonymech / docs / www / colonyscout / internal / wiring_ @ f59acf11
History | View | Annotate | Download (1.4 KB)
1 |
#box-wires {width:200px;float:left;} |
---|---|
2 |
#box-wires .wire {width:100%;height:6px;border:1px solid #ccc;margin:7px 0px 14px 0px;} |
3 |
#box-wires .bl {background-color:#33C;} |
4 |
#box-wires .bk {background-color:#000;} |
5 |
#box-wires .br {background-color:#630;} |
6 |
#box-wires .gr {background-color:#0C0;} |
7 |
#box-wires .or {background-color:#F60;} |
8 |
#box-wires .re {background-color:#C00;} |
9 |
#box-wires .wh {background-color:#FFF;} |
10 |
#box-wires .ye {background-color:#FF0;} |
11 |
#box-wires .spacer {width:100%;height:20px;} |
12 |
|
13 |
#box-connector {width:150px;float:left;margin-left:1px;} |
14 |
#box-connector #labels {float:left;width:100px;height:20px;margin:2px 0px 0px 5px;} |
15 |
#box-connector #labels p {width:100%;text-transform:uppercase;text-align:left;vertical-align:middle;padding:0px;margin:4px;} |
16 |
#box-connector #connector {width:30px;float:left;} |
17 |
#box-connector #connector .pin {width:100%;height:20px;border:1px solid #666;} |
18 |
#box-connector #connector .pin p {margin:2px 0px;text-align:center;width:100%;} |
19 |
#box-connector #connector .end {} |
20 |
|
21 |
<div id="box-wires"> |
22 |
<div class="wire bk"></div> |
23 |
<div class="wire re"></div> |
24 |
<div class="wire ye"></div> |
25 |
</div> |
26 |
<div id="box-connector"> |
27 |
<div id="connector"> |
28 |
<div class="pin"><p>1</p></div> |
29 |
<div class="pin"><p>2</p></div> |
30 |
<div class="pin"><p>3</p></div> |
31 |
</div> |
32 |
<div id="labels"> |
33 |
<div class="labels"><p>GND</p></div> |
34 |
<div class="labels"><p>5V+</p></div> |
35 |
<div class="labels"><p>SONAR_PWM</p></div> |
36 |
</div> |
37 |
</div> |