Project

General

Profile

Statistics
| Branch: | Revision:

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>