Benutzer:Col. o'neill/arcs.css: Unterschied zwischen den Versionen
aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Weitere Optionen
KKeine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
#arcs-wrapper { | #arcs-wrapper { | ||
display: block !important; | |||
} | } | ||
#arcs-temp { | #arcs-temp { | ||
display: none; | |||
} | } | ||
.arc { | #arc-v1.arc { | ||
height: 130px; | |||
margin-bottom: 50px; | |||
} | } | ||
.arc-line { | #arc-v1 .arc-line { | ||
width: 100%; | width: 100%; | ||
padding: 2px; | padding: 2px; | ||
| Zeile 17: | Zeile 18: | ||
} | } | ||
.arc-event { | #arc-v1 .arc-event { | ||
display: inline-block; | display: inline-block; | ||
padding: 10px; | padding: 10px; | ||
| Zeile 26: | Zeile 27: | ||
} | } | ||
.arc-event:nth-of-type(odd) { | #arc-v1 .arc-event:nth-of-type(odd) { | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
margin-right: 0px; | margin-right: 0px; | ||
} | } | ||
.arc-event:nth-of-type(odd)::before { | #arc-v1 .arc-event:nth-of-type(odd)::before { | ||
content: ''; | content: ''; | ||
width: 0; | width: 0; | ||
| Zeile 40: | Zeile 41: | ||
left: 5px; | left: 5px; | ||
} | } | ||
.arc-event:nth-of-type(odd)::after { | #arc-v1 .arc-event:nth-of-type(odd)::after { | ||
content: ''; | content: ''; | ||
width: 14px; | width: 14px; | ||
| Zeile 51: | Zeile 52: | ||
} | } | ||
.arc-event:nth-of-type(even) { | #arc-v1 .arc-event:nth-of-type(even) { | ||
top: 86px; | top: 86px; | ||
} | } | ||
.arc-event:nth-of-type(even)::before { | #arc-v1 .arc-event:nth-of-type(even)::before { | ||
content: ''; | content: ''; | ||
width: 0; | width: 0; | ||
| Zeile 64: | Zeile 65: | ||
left: 5px; | left: 5px; | ||
} | } | ||
.arc-event:nth-of-type(even)::after { | #arc-v1 .arc-event:nth-of-type(even)::after { | ||
content: ''; | content: ''; | ||
width: 14px; | width: 14px; | ||
| Zeile 73: | Zeile 74: | ||
top: -30px; | top: -30px; | ||
left: 8px; | left: 8px; | ||
} | |||
#arc-v2.arc { | |||
height: 70px; | |||
} | |||
#arc-v2 .arc-line { | |||
width: 100%; | |||
padding: 2px; | |||
box-sizing: border-box; | |||
background-color: #627499; | |||
} | |||
#arc-v2 .arc-event { | |||
display: inline-block; | |||
padding: 5px; | |||
border: 1px solid gray; | |||
border-radius: 3px; | |||
position: relative; | |||
line-height: 20px; | |||
top: 20px; | |||
margin-right: 30px; | |||
} | |||
#arc-v2 .arc-event::before { | |||
content: ''; | |||
width: 0; | |||
height: 0; | |||
border: 10px solid gray; | |||
border-color: transparent transparent gray transparent; | |||
position: absolute; | |||
top: -20px; | |||
left: 5px; | |||
} | |||
#arc-v2 .arc-event::after { | |||
content: ''; | |||
width: 12px; | |||
height: 12px; | |||
border-radius: 100%; | |||
background-color: #627499; | |||
position: absolute; | |||
top: -29px; | |||
left: 9px; | |||
} | } | ||