colonymech / docs / www / colonyscout / internal / wiring_ @ f59acf11
History | View | Annotate | Download (1.4 KB)
1 | f59acf11 | Dan Shope | #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> |