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