timeline_setter 0.3.1 → 0.3.2

data/public/stylesheets/timeline-setter.css

@@ -1,394 +1,422 @@
-    .timeline_setter {
-      width:85%;
-      margin:0 auto;
-      padding:10px;
-      position:relative;
-      height:100%;
-      background-color:white;
-    }
-    .TS-item {
-      z-index:1;
-      position:absolute;
-      border:1px solid #EBEBEB;
-      -webkit-border-radius: 3px;
-      -moz-border-radius: 3px;
-      border-radius: 3px;
-      padding:10px;
-      background:#F7F7F7;
-      color:#333;
-      min-width: 150px;
-    }
-    .TS-item_user_html {
-      padding-bottom:5px;
-    }
-    .TS-item_label {
-      font-family:Georgia,"Times New Roman",Times,serif;
-      font-size:12px;
-      line-height:16px;
-      height:85%;
-      display:block;
-    }
-    .TS-item_year {
-      font-family:"Helvetica Neue",Helvetica,arial,sans-serif;
-      font-weight:bold;
-      font-size:16px;
-      padding-top:10px;
-      float:left;
-      clear:left;
-      display:block;
-      width:150px;
-    }
-    .TS-item_year_text {
-      float:left;
-    }
-    .TS-css_arrow {
-      border-style: solid;
-      height: 0px;
-      width: 0px;
-      position:relative;
-      top: 2px;
-      border-width: 10px 10px 10px 10px;
-    }
-    .TS-css_arrow_up {
-      border-color: transparent transparent #7C93AF transparent;
-    }
-    .TS-read_btn {
-      -webkit-box-shadow: #CECECE 0px 0px 2px;
-      -moz-box-shadow: #CECECE 0px 0px 2px;
-      box-shadow: #CECECE 0px 0px 2px;
-      -webkit-user-select: none;
-      background: #E9F0F8;
-      border-bottom-left-radius: 4px 4px;
-      border-bottom-right-radius: 4px 4px;
-      border-top-left-radius: 4px 4px;
-      border-top-right-radius: 4px 4px;
-      color: black;
-      cursor: pointer;
-      font-weight: bold;
-      padding: 5px;
-      margin-top:8px;
-      font-size:11px;
-      font-family:"Helvetica Neue",arial,sans-serif;
-      text-transform:uppercase;
-      font-weight:normal;
-      text-align:center;
-      display:block;
-    }
-    .TS-read_btn:hover {
-      color:black;cursor:pointer;text-decoration:none;background:#cecece;
-    }
-    .timeline_setter a {
-      text-decoration:none;
-      color:#333;
-    }
-    
-    .TS-top_matter_container {
-      -webkit-user-select: none;
-      -khtml-user-select: none;
-      -moz-user-select: none;
-      -o-user-select: none;
-      user-select: none;
-      overflow:visible;
-    }
-    .TS-notchbar_container {
-      border:1px solid #cecece;
-      -webkit-box-shadow: #CECECE 0px 0px 2px;
-      -moz-box-shadow: #CECECE 0px 0px 2px;
-      box-shadow: #CECECE 0px 0px 2px;
-      background:#f7f7f7;
-      width:100%;
-      height:20px;
-      position:relative;
-      overflow:hidden;
-      clear:left;
-      -webkit-user-select: none;
-      -khtml-user-select: none;
-      -moz-user-select: none;
-      -o-user-select: none;
-      user-select: none;
-      cursor: col-resize;
-    }
-    .TS-card_scroller {
-      width:100%;
-      position:relative;
-      overflow:hidden;
-      height:800px; /* FIX THIS!!! */
-    }
-    .TS-card_scroller_inner {
-      width:100%;
-      position:relative;
-    }
-    .TS-notchbar {
-      height:20px;
-      position:relative;
-      width:100%;
-      margin: 0 auto;
-    }
-    .TS-notchbar_draggable {
-      cursor: col-resize;
-    }
-    .TS-notch, .TS-year_notch {
-      height:100%;
-      position:absolute;
-      color:#999;
-    }
-    .TS-year_notch {
-      border-left: 1px solid #999;
-    }
-    .TS-year_notch_year_text {
-      display:block;
-      /* 
-        Arial actually looks better than Helvetica at
-        small sizes. See Comment 6 here:
-        http://www.subtraction.com/2007/11/01/the-elements#7497
-      */
-      font-family:Arial,sans-serif;
-      font-size:9px;
-      padding:2px 0 0 5px;
-    }
-    .TS-year_notch:hover {
-    }
-    .TS-notch{
-      width:4px;
-      cursor:pointer;
-    }
-    .TS-card_container {
-      position:absolute;
-      margin-left:-5px;
-      z-index: 9999;
-    }
-    .TS-controls {
-      margin: 0 0 0 0;
-      float:right;
-      height:2%;
-      overflow:visible;
-      text-align: right;
-        width: 220px;
-    }
-    .TS-controls a {
-      border:1px solid #cecece;
-      background-color:#f0f0f0;
-      padding:3px 5px 3px 5px;
-      color:#999;
-      font-family:"Helvetica Neue",Arial,sans-serif;
-      font-weight:normal;
-      height: 14px;
-      font-size:14px;
-      -webkit-border-radius: 2px;
-      -moz-border-radius: 2px;
-      border-radius: 2px;      
-      display: inline;
-    }
-    .TS-choose_next {
-      margin-left:4px;
-    }
-    .TS-controls_inner_text {
-      font-size:11px; 
-      text-transform:uppercase;
-    }
-    .TS-controls a.TS-controls_disabled {
-      color:#cecece;
-      background-color:#f7f7f7;
-      cursor:default;
-    }
-    .TS-controls a:hover {
-      background-color:#fff;
-    }
-    .TS-notch_active {
-      -webkit-box-shadow: 0px 0px 10px #333; 
-      -moz-box-shadow: 0px 0px 10px #333; 
-      box-shadow: 0px 0px 10px #333;
-      
-      /* let's throw IE7 users a bone */
-      *border: 1px solid #333;
-    }
-    .TS-zoom {
-      background-repeat:no-repeat;
-      background-position:center center;
-      width:20px !important;
-      padding:3px 8px 3px 8px !important;
-      margin-right:4px;
-    }
-    .TS-zoom_inner_text {
-      display:none;
-      /* IE7 */
-      *display:inline;
-    }
-    .TS-zoom_in {
-      background-image:url("data:image/gif;charset=utf-8;base64,R0lGODlhCgAKALMAADMzM//M/5GRkdXV1fDw8GZmZk1NTf////r6+gAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAEALAAAAAAKAAoAAAQpMMhJpyiihjLIKJTQGV4mFYShEqAkHIiBHKYEHHhhVAWgY5qToFZRRQAAOw==");
-    }
-    .TS-zoom_out {
-      background-image:url("data:image/gif;charset=utf-8;base64,R0lGODlhCgAKALMAADMzM//M/5GRkdXV1fDw8GZmZk1NTf////r6+gAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAEALAAAAAAKAAoAAAQoMMhJpyiihjLIKJTQEV4mFYShEqAkHAh8mBJw3IVRFUCOaScBraKKAAA7");
-    }
-    
-    /* legend */
-    
-    .TS-series_nav_container {
-      font-family:Arial,sans-serif;
-      font-size:11px;
-      height:30px;
-      margin-left:-10px;
-    }
-    .TS-series_legend_swatch {
-      background-image:url("data:image/gif;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNrskksKwCAMBev9byS4UfEOoh7AA4hu9JUG2kVb+8FVoYFsQmbghTAA00ix7wumRfC0nXPYz97Ca70ThBA20hhzL7DWIsZIi957AmutB7gryDkTlFLaYKUUznZPBUIIlFIIbq1BSolevG5uzjnF0Frj6j7sf+VxwSzAAG/ifZQMhRJhAAAAAElFTkSuQmCC");
-      background-repeat:no-repeat;
-      background-position:center center;
-      width: 16px;
-      height: 16px;
-      display: block;
-      float: left;
-      -webkit-border-radius: 2px;
-      -moz-border-radius: 2px;
-      border-radius: 2px;
-      border-top-left-radius: 2px 2px;
-      border-top-right-radius: 2px 2px;
-      border-bottom-right-radius: 2px 2px;
-      border-bottom-left-radius: 2px 2px;
-      margin-right:5px;
-    }
-    .TS-series_legend_item {
-      float:left;
-      margin:-3px 10px 0 10px;
-      cursor:pointer;
-    }
-    .TS-series_legend_item_inactive {}
-    .TS-series_legend_item_inactive .TS-series_legend_swatch {
-      background-image:none !important;
-      filter:alpha(opacity=40); /* IE can't do data URLs, so this will serve as 'inactive' UI for series heds in IE */
-    }
-    .TS-item h2, .TS-img-hed {
-      font-family: 'Helvetica Neue',arial,sans-serif;
-      font-size: 18px;
-      font-weight: bold;
-      display:inline-block;
-      margin:0;
-      margin-bottom: 10px;
-      line-height:20px;
-    }
-    .TS-permalink {
-      font-family:"Helvetica Neue",arial,sans-serif;
-      font-size:12px;
-      color:#404040;
-      cursor:pointer;
-      padding:0 0 0 15px;
-      margin-top:-5px;
-      float:left;
-      -webkit-transform:rotate(45deg);
-      -moz-transform:rotate(45deg);
-    }
-    
-    /* color priority */
-    /* "#065718", "#EDC047", "#91ADD1", "#929E5E", "#9E5E23", "#C44846", "#465363", "#EDD4A5", "#CECECE" */
-    
-    /* default */
-    .TS-notch_color_default,.TS-series_legend_swatch_default {
-      background-color: #444;
-    }
-    .TS-css_arrow_color_default {
-      border-bottom-color:#444;
-    }
-    .TS-item_color_default {
-      border-top:1px solid #444;
-    }
-    
-    /* 1 */
-    .TS-notch_color_1,.TS-series_legend_swatch_1 {
-      background-color: #065718 !important;
-    }
-    .TS-css_arrow_color_1 {
-      border-bottom-color:#065718 !important;
-    }
-    .TS-item_color_1 {
-      border-top:1px solid #065718 !important;
-    }
-    
-    /* 2 */
-    .TS-notch_color_2,.TS-series_legend_swatch_2 {
-      background-color: #EDC047 !important;
-    }
-    .TS-css_arrow_color_2 {
-      border-bottom-color:#EDC047 !important;
-    }
-    .TS-item_color_2 {
-      border-top:1px solid #EDC047 !important;
-    }
+.timeline_setter {
+  width:85%;
+  margin:0 auto;
+  padding:10px;
+  position:relative;
+  height:100%;
+  background-color:white;
+}
+.TS-item {
+  z-index:1;
+  position:absolute;
+  border:1px solid #EBEBEB;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  padding:10px;
+  background:#F7F7F7;
+  color:#333;
+  min-width: 150px;
+}
+.TS-item_user_html {
+  padding-bottom:5px;
+}
+.TS-item_label {
+  font-family:Georgia,"Times New Roman",Times,serif;
+  font-size:12px;
+  line-height:16px;
+  height:85%;
+  display:block;
+}
+.TS-item_year {
+  font-family:"Helvetica Neue",Helvetica,arial,sans-serif;
+  font-weight:bold;
+  font-size:16px;
+  padding-top:10px;
+  float:left;
+  clear:left;
+  display:block;
+  width:150px;
+}
+.TS-item_year_text {
+  float:left;
+}
+.TS-css_arrow {
+  border-style: solid;
+  height: 0px;
+  width: 0px;
+  position:relative;
+  top: 2px;
+  border-width: 10px 10px 10px 10px;
+}
+.TS-css_arrow_up {
+  border-color: transparent transparent #7C93AF transparent;
+}
+.TS-read_btn {
+  -webkit-box-shadow: #CECECE 0px 0px 2px;
+  -moz-box-shadow: #CECECE 0px 0px 2px;
+  box-shadow: #CECECE 0px 0px 2px;
+  -webkit-user-select: none;
+  background: #E9F0F8;
+  border-bottom-left-radius: 4px 4px;
+  border-bottom-right-radius: 4px 4px;
+  border-top-left-radius: 4px 4px;
+  border-top-right-radius: 4px 4px;
+  color: black;
+  cursor: pointer;
+  font-weight: bold;
+  padding: 5px;
+  margin-top:8px;
+  font-size:11px;
+  font-family:"Helvetica Neue",arial,sans-serif;
+  text-transform:uppercase;
+  font-weight:normal;
+  text-align:center;
+  display:block;
+}
+.TS-read_btn:hover {
+  color:black;cursor:pointer;text-decoration:none;background:#cecece;
+}
+.timeline_setter a {
+  text-decoration:none;
+  color:#333;
+}
 
-    /* 3 */    
-    .TS-notch_color_3,.TS-series_legend_swatch_3 {
-      background-color: #91ADD1 !important;
-    }
-    .TS-css_arrow_color_3 {
-      border-bottom-color:#91ADD1 !important;
-    }
-    .TS-item_color_3 {
-      border-top:1px solid #91ADD1 !important;
-    }
-    
-    /* 4 */
-    .TS-notch_color_4,.TS-series_legend_swatch_4 {
-      background-color: #929E5E !important;
-    }
-    .TS-css_arrow_color_4 {
-      border-bottom-color:#929E5E !important;
-    }
-    .TS-item_color_4 {
-      border-top:1px solid #929E5E !important;
-    }
+.TS-top_matter_container {
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  overflow:visible;
+}
+.TS-notchbar_container {
+  border:1px solid #cecece;
+  -webkit-box-shadow: #CECECE 0px 0px 2px;
+  -moz-box-shadow: #CECECE 0px 0px 2px;
+  box-shadow: #CECECE 0px 0px 2px;
+  background:#f7f7f7;
+  width:100%;
+  height:20px;
+  position:relative;
+  overflow:hidden;
+  clear:left;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  cursor: col-resize;
+}
+.TS-card_scroller {
+  width:100%;
+  position:relative;
+  overflow:hidden;
+  height:800px; /* FIX THIS!!! */
+}
+.TS-card_scroller_inner {
+  width:100%;
+  position:relative;
+}
+.TS-notchbar {
+  height:20px;
+  position:relative;
+  width:100%;
+  margin: 0 auto;
+}
+.TS-notchbar_draggable {
+  cursor: col-resize;
+}
+.TS-notch, .TS-year_notch {
+  height:100%;
+  position:absolute;
+  color:#999;
+}
+.TS-year_notch {
+  border-left: 1px solid #999;
+}
+.TS-year_notch_year_text {
+  display:block;
+  /*
+    Arial actually looks better than Helvetica at
+    small sizes. See Comment 6 here:
+    http://www.subtraction.com/2007/11/01/the-elements#7497
+  */
+  font-family:Arial,sans-serif;
+  font-size:9px;
+  padding:2px 0 0 5px;
+}
 
-    /* 5 */    
-    .TS-notch_color_5,.TS-series_legend_swatch_5 {
-      background-color: #9E5E23 !important;
-    }
-    .TS-css_arrow_color_5 {
-      border-bottom-color:#9E5E23 !important;
-    }
-    .TS-item_color_5 {
-      border-top:1px solid #9E5E23 !important;
-    }
+.TS-notch{
+  width:4px;
+  cursor:pointer;
+}
+.TS-card_container {
+  position:absolute;
+  margin-left:-5px;
+  z-index: 9999;
+}
+.TS-controls {
+  margin: 0 0 0 0;
+  float:right;
+  height:40px;
+  overflow:visible;
+  text-align: right;
+  width: 210px;
+}
+.TS-zoom-container {
+  width:50px;
+}
+.TS-choose-container {
+  width:155px;
+  margin-left:55px;
+  margin-top:-15px;
+}
+.TS-controls a {
+  border:1px solid #cecece;
+  background-color:#f0f0f0;
+  padding:3px 5px 3px 5px;
+  color:#444;
+  font-family:"Helvetica Neue",Arial,sans-serif;
+  font-weight:normal;
+  font-size:14px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  display: inline;
+  cursor:pointer;
+  -webkit-box-shadow: #f0f0f0 0 0 2px;
+  -moz-box-shadow: #f0f0f0 0 0 2px;
+}
+.TS-controls a.TS-choose {
+  padding: 7px;
+  background: #f0f0f0;
+  -webkit-border-radius: 04px;
+  -moz-border-radius: 04px;
+  border-radius: 04px;
+  font-weight: bold;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  color: #444;
+  text-decoration: none;
+  margin: 3px 0 10px 0;
+  font-family: "Helvetica",Arial,sans-serif;
+  font-size: 14px;
+  text-align: center;
+}
+.TS-controls a.TS-choose:hover {
+  text-decoration: none;
+  background: #fff;
+}
+.TS-choose_next {
+  margin-left:4px;
+}
+.TS-controls a.TS-controls_disabled {
+  color:#cecece;
+  background-color:#f7f7f7;
+  cursor:default;
+}
+.TS-controls a:hover {
+  background-color:#fff;
+}
+.TS-notch_active {
+  -webkit-box-shadow: 0px 0px 10px #333;
+  -moz-box-shadow: 0px 0px 10px #333;
+  box-shadow: 0px 0px 10px #333;
 
-    /* 6 */    
-    .TS-notch_color_6,.TS-series_legend_swatch_6 {
-      background-color: #C44846 !important;
-    }
-    .TS-css_arrow_color_6 {
-      border-bottom-color:#C44846 !important;
-    }
-    .TS-item_color_6 {
-      border-top:1px solid #C44846 !important;
-    }
-    
-    /* 7 */
-    .TS-notch_color_7,.TS-series_legend_swatch_7 {
-      background-color: #465363 !important;
-    }
-    .TS-css_arrow_color_7 {
-      border-bottom-color:#465363 !important;
-    }
-    .TS-item_color_7 {
-      border-top:1px solid #465363 !important;
-    }
+  /* let's throw IE7 users a bone */
+  *border: 1px solid #333;
+}
+.TS-zoom {
+  background-repeat:no-repeat;
+  background-position:center center;
+  width:20px !important;
+  padding:3px 8px 3px 8px !important;
+  margin-right:4px;
+}
+.TS-zoom_inner_text {
+  display:none;
+  /* IE7 */
+  *display:inline;
+}
+.TS-zoom_in {
+  background-image:url("data:image/gif;charset=utf-8;base64,R0lGODlhCgAKALMAADMzM//M/5GRkdXV1fDw8GZmZk1NTf////r6+gAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAEALAAAAAAKAAoAAAQpMMhJpyiihjLIKJTQGV4mFYShEqAkHIiBHKYEHHhhVAWgY5qToFZRRQAAOw==");
+}
+.TS-zoom_out {
+  background-image:url("data:image/gif;charset=utf-8;base64,R0lGODlhCgAKALMAADMzM//M/5GRkdXV1fDw8GZmZk1NTf////r6+gAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAEALAAAAAAKAAoAAAQoMMhJpyiihjLIKJTQEV4mFYShEqAkHAh8mBJw3IVRFUCOaScBraKKAAA7");
+}
 
+/* legend */
+
+.TS-series_nav_container {
+  font-family:Arial,sans-serif;
+  font-size:11px;
+  height:30px;
+  margin-left:-10px;
+  width:75%;
+}
+.TS-series_legend_swatch {
+  background-image:url("data:image/gif;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNrskksKwCAMBev9byS4UfEOoh7AA4hu9JUG2kVb+8FVoYFsQmbghTAA00ix7wumRfC0nXPYz97Ca70ThBA20hhzL7DWIsZIi957AmutB7gryDkTlFLaYKUUznZPBUIIlFIIbq1BSolevG5uzjnF0Frj6j7sf+VxwSzAAG/ifZQMhRJhAAAAAElFTkSuQmCC");
+  background-repeat:no-repeat;
+  background-position:center center;
+  width: 16px;
+  height: 16px;
+  display: block;
+  float: left;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  border-top-left-radius: 2px 2px;
+  border-top-right-radius: 2px 2px;
+  border-bottom-right-radius: 2px 2px;
+  border-bottom-left-radius: 2px 2px;
+  margin-right:5px;
+}
+.TS-series_legend_item {
+  float:left;
+  margin:-3px 10px 6px 10px;
+  cursor:pointer;
+}
+.TS-series_legend_item_inactive .TS-series_legend_swatch {
+  background-image:none !important;
+  filter:alpha(opacity=40); /* IE can't do data URLs, so this will serve as 'inactive' UI for series heds in IE */
+}
+.TS-item h2, .TS-img-hed {
+  font-family: 'Helvetica Neue',arial,sans-serif;
+  font-size: 18px;
+  font-weight: bold;
+  display:inline-block;
+  margin:0;
+  margin-bottom: 10px;
+  line-height:20px;
+}
+.TS-permalink {
+  font-family:"Helvetica Neue",arial,sans-serif;
+  font-size:12px;
+  color:#404040;
+  cursor:pointer;
+  padding:0 0 0 15px;
+  margin-top:-5px;
+  float:left;
+  -webkit-transform:rotate(45deg);
+  -moz-transform:rotate(45deg);
+}
+
+/* color priority */
+/* "#065718", "#EDC047", "#91ADD1", "#929E5E", "#9E5E23", "#C44846", "#465363", "#EDD4A5", "#CECECE" */
+
+/* default */
+.TS-notch_color_default,.TS-series_legend_swatch_default {
+  background-color: #444;
+}
+.TS-css_arrow_color_default {
+  border-bottom-color:#444;
+}
+.TS-item_color_default {
+  border-top:1px solid #444;
+}
+
+/* 1 */
+.TS-notch_color_1,.TS-series_legend_swatch_1 {
+  background-color: #065718 !important;
+}
+.TS-css_arrow_color_1 {
+  border-bottom-color:#065718 !important;
+}
+.TS-item_color_1 {
+  border-top:1px solid #065718 !important;
+}
+
+/* 2 */
+.TS-notch_color_2,.TS-series_legend_swatch_2 {
+  background-color: #EDC047 !important;
+}
+.TS-css_arrow_color_2 {
+  border-bottom-color:#EDC047 !important;
+}
+.TS-item_color_2 {
+  border-top:1px solid #EDC047 !important;
+}
+
+/* 3 */
+.TS-notch_color_3,.TS-series_legend_swatch_3 {
+  background-color: #91ADD1 !important;
+}
+.TS-css_arrow_color_3 {
+  border-bottom-color:#91ADD1 !important;
+}
+.TS-item_color_3 {
+  border-top:1px solid #91ADD1 !important;
+}
+
+/* 4 */
+.TS-notch_color_4,.TS-series_legend_swatch_4 {
+  background-color: #929E5E !important;
+}
+.TS-css_arrow_color_4 {
+  border-bottom-color:#929E5E !important;
+}
+.TS-item_color_4 {
+  border-top:1px solid #929E5E !important;
+}
+
+/* 5 */
+.TS-notch_color_5,.TS-series_legend_swatch_5 {
+  background-color: #9E5E23 !important;
+}
+.TS-css_arrow_color_5 {
+  border-bottom-color:#9E5E23 !important;
+}
+.TS-item_color_5 {
+  border-top:1px solid #9E5E23 !important;
+}
+
+/* 6 */
+.TS-notch_color_6,.TS-series_legend_swatch_6 {
+  background-color: #C44846 !important;
+}
+.TS-css_arrow_color_6 {
+  border-bottom-color:#C44846 !important;
+}
+.TS-item_color_6 {
+  border-top:1px solid #C44846 !important;
+}
+
+/* 7 */
+.TS-notch_color_7,.TS-series_legend_swatch_7 {
+  background-color: #465363 !important;
+}
+.TS-css_arrow_color_7 {
+  border-bottom-color:#465363 !important;
+}
+.TS-item_color_7 {
+  border-top:1px solid #465363 !important;
+}
+
+
+/* 8 */
+.TS-notch_color_8,.TS-series_legend_swatch_8 {
+  background-color: #EDD4A5 !important;
+}
+.TS-css_arrow_color_8 {
+  border-bottom-color:#EDD4A5 !important;
+}
+.TS-item_color_8 {
+  border-top:1px solid #EDD4A5 !important;
+}
+
+/* 9 */
+.TS-notch_color_9,.TS-series_legend_swatch_9 {
+  background-color: #CECECE !important;
+}
+.TS-css_arrow_color_9 {
+  border-bottom-color:#CECECE !important;
+}
+.TS-item_color_9 {
+  border-top:1px solid #CECECE !important;
+}
 
-    /* 8 */    
-    .TS-notch_color_8,.TS-series_legend_swatch_8 {
-      background-color: #EDD4A5 !important;
-    }
-    .TS-css_arrow_color_8 {
-      border-bottom-color:#EDD4A5 !important;
-    }
-    .TS-item_color_8 {
-      border-top:1px solid #EDD4A5 !important;
-    }
 
-    /* 9 */
-    .TS-notch_color_9,.TS-series_legend_swatch_9 {
-      background-color: #CECECE !important;
-    }
-    .TS-css_arrow_color_9 {
-      border-bottom-color:#CECECE !important;
-    }
-    .TS-item_color_9 {
-      border-top:1px solid #CECECE !important;
-    }
-    
-