1 /* create an arrow that points up */
2 div.arrow-up {
3 width:0px;
4 height:0px;
5 border-left:5px solid transparent; /* left arrow slant */
6 border-right:5px solid transparent; /* right arrow slant */
7 border-bottom:5px solid #2f2f2f; /* bottom, add background color here */
8 font-size:0px;
9 line-height:0px;
10 }
11
12 /* create an arrow that points down */
13 div.arrow-down {
14 width:0px;
15 height:0px;
16 border-left:5px solid transparent;
17 border-right:5px solid transparent;
18 border-top:5px solid #2f2f2f;
19 font-size:0px;
20 line-height:0px;
21 }
22
23 /* create an arrow that points left */
24 div.arrow-left {
25 width:0px;
26 height:0px;
27 border-bottom:5px solid transparent; /* left arrow slant */
28 border-top:5px solid transparent; /* right arrow slant */
29 border-right:5px solid #2f2f2f; /* bottom, add background color here */
30 font-size:0px;
31 line-height:0px;
32 }
33
34 /* create an arrow that points right */
35 div.arrow-right {
36 width:0px;
37 height:0px;
38 border-bottom:5px solid transparent; /* left arrow slant */
39 border-top:5px solid transparent; /* right arrow slant */
40 border-left:5px solid #2f2f2f; /* bottom, add background color here */
41 font-size:0px;
42 line-height:0px;
43 }
