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