1.dwtimeline {
2    display: flow-root;
3}
4
5/* The actual timeline (the vertical ruler) */
6.timeline-vert {
7    box-sizing: border-box;
8    position: relative;
9    max-width: 1200px;
10    margin: 0 auto;
11}
12
13/* Container around content */
14.container-vert {
15    padding: 10px 40px;
16    position: relative;
17    background-color: inherit;
18    width: 50%;
19    box-sizing: border-box;
20    margin-left: unset;
21    margin-right: unset;
22}
23
24/* Place the container to the left */
25.container-vert.tl-left {
26    padding: 10px;
27    margin-left: auto;
28    margin-right: auto;
29    width: 50%;
30}
31
32/* Place the container to the right */
33.container-vert.tl-right {
34    padding: 10px;
35    margin-left: auto;
36    margin-right: auto;
37    width: 50%;
38}
39
40/* Place the container to center */
41.container-vert.tl-top, .container-vert.tl-bottom {
42    padding: 0;
43    margin-left: auto;
44    margin-right: auto;
45    width: 30%;
46    z-index: 1;
47    margin-bottom: 10px;
48    margin-top: 10px;
49    text-align: center;
50}
51
52/* The actual content */
53.tlcontent {
54    padding: 10px 10px;
55    background-color: @ini_background_neu;
56    position: relative;
57    border-radius: 6px;
58    color: @ini_text;
59    white-space: normal;
60    text-align: center;
61}
62
63/* description of milestone, removed <h3> */
64.msdesc {
65    font-weight: bold;
66    font-size: 1.1em;
67    padding: 5px;
68    text-align: center;
69    color: @ini_text;
70}
71
72/* Titles of timeline and milestones, removed <h2> */
73.mstitle, .tltitle {
74    text-align: center;
75    font-weight: bold;
76    font-size: 1.4em;
77    padding: 5px;
78    color: @ini_text;
79}
80
81/* fix for space arround paragraph */
82.mstitle>p {
83    margin-bottom: 0px;
84    padding-bottom: 0px
85}
86
87/* set the Header to left or */
88.container-vert.tl-left .tlcontent .mstitle {
89    text-align: center;
90}
91/* right */
92.container-vert.tl-right .tlcontent .mstitle {
93    text-align: center;
94}
95
96/* a smaller bottom container */
97.container-horz {
98    padding: 10px 40px;
99    position: relative;
100    background-color: inherit;
101    width: 50%;
102    box-sizing: border-box;
103    padding: 10px;
104    margin-left: auto;
105    margin-right: auto;
106    text-align: center;
107}
108
109