You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
1.7 KiB
93 lines
1.7 KiB
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(timeline/background-moche.png); /* blue2 */
|
|
background: #e1953f url(timeline/background-moche.png); /* orange */
|
|
background: #422a6c url(timeline/background-moche.png); /* purple */
|
|
|
|
background: #3145B1 url(timeline/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;
|
|
}
|