|
|
@ -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; |
|
|
|
} |