| @ -0,0 +1,92 @@ | |||||
| body { | |||||
| background: #222; | |||||
| font-family: "Fira Sans","Helvetica Neue",Helvetica,Arial,sans-serif; | |||||
| font-size: 15pt; | |||||
| line-height: 1.42857; | |||||
| color: white; | |||||
| } | |||||
| /* timeline background */ | |||||
| .vis.timeline.root { | |||||
| border: none; | |||||
| background: #3e647e url(../img/background-moche.png); /* blue2 */ | |||||
| background: #e1953f url(../img/background-moche.png); /* orange */ | |||||
| background: #422a6c url(../img/background-moche.png); /* purple */ | |||||
| background: #3145B1 url(../img/background-moche.png); /* blue */ | |||||
| } | |||||
| /* grid styling */ | |||||
| .vis.timeline .timeaxis .text { | |||||
| color: white; | |||||
| padding-top: 6px; | |||||
| padding-left: 6px; | |||||
| } | |||||
| .vis.timeline .timeaxis .text.major { | |||||
| font-weight: bold; | |||||
| } | |||||
| .vis.timeline .timeaxis .grid.minor { | |||||
| border-width: 1px; | |||||
| border-color: rgba(255,255,255, 0.2); | |||||
| } | |||||
| .vis.timeline .timeaxis .grid.major { | |||||
| border-width: 1px; | |||||
| border-color: rgba(255,255,255, 0.5); | |||||
| } | |||||
| /* default item class */ | |||||
| .vis.timeline .item, | |||||
| .vis.timeline .item.line { | |||||
| border-width: 2px; | |||||
| } | |||||
| .vis.timeline .item.dot { | |||||
| border-width: 6px; | |||||
| border-radius: 6px; | |||||
| } | |||||
| .vis.timeline .item { | |||||
| border-color: lightgray; | |||||
| background-color: white; | |||||
| color: #222; | |||||
| } | |||||
| .vis.timeline .item.selected { | |||||
| border-color: lightgray; | |||||
| background-color: white; | |||||
| box-shadow: 0 0 16px rgba(255,255,255, 0.7); | |||||
| } | |||||
| /* custom item classes */ | |||||
| .vis.timeline .item.green { | |||||
| background-color: #6dd22f; | |||||
| border-color: green; | |||||
| color: white; | |||||
| } | |||||
| .vis.timeline .item.orange { | |||||
| background-color: #ffdb07; | |||||
| border-color: orange; | |||||
| } | |||||
| .vis.timeline .item.red { | |||||
| background-color: #ce0000; | |||||
| border-color: darkred; | |||||
| color: white; | |||||
| } | |||||
| .vis.timeline .item.magenta { | |||||
| background-color: #ff00ff; | |||||
| border-color: darkmagenta; | |||||
| color: white; | |||||
| } | |||||