Commit | Line | Data |
---|---|---|
587a2959 E |
1 | body { font-family: monospace; |
2 | color: #111111; | |
3 | width: 80%; | |
4 | margin: auto auto; | |
5 | text-align: center; } | |
6 | h3 { color: #008000; } | |
7 | h2 { color: #009900; } | |
8 | h4 { | |
9 | color: #00aa00; | |
10 | font-weight: 400; } | |
11 | a { | |
12 | color: #00CC00; | |
13 | text-decoration: none; } | |
14 | p { | |
15 | text-align: left; | |
16 | margin: auto auto; | |
17 | max-width: 800px; | |
18 | padding-bottom: 10px; } | |
19 | .person { | |
20 | width: 200px; | |
21 | display: inline-block; | |
22 | padding-right: 30px; | |
23 | text-align: center; } | |
24 | .person .photo { | |
25 | padding: 0px; | |
26 | margin: 0px; } | |
27 | .person .name { | |
28 | padding: 0px; | |
29 | margin: 0px; } | |
30 | .person .position { | |
31 | padding: 0px; | |
32 | margin: 0px; } | |
33 | section { padding: 30px 0px; } | |
34 | section > h2 { padding-bottom: 30px; } | |
35 | ||
36 | /* line behind title | |
37 | see http://codepen.io/ericrasch/pen/Irlpm */ | |
38 | section > h2 { | |
39 | position: relative; | |
40 | z-index: 1; } | |
41 | section > h2:before { | |
42 | border-top: 2px solid #dfdfdf; | |
43 | content:""; | |
44 | margin: 0 auto; /* this centers the line to the full width specified */ | |
45 | position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */ | |
46 | top: 50%; left: 0; right: 0; bottom: 0; | |
47 | width: 95%; | |
48 | z-index: -1; } | |
49 | section > h2 span { | |
50 | /* to hide the lines from behind the text, you have to set the background color the same as the container */ | |
51 | background: #fff; | |
52 | padding: 0 15px; } |