Sha256: 6e359360b3bd2e9e40f749998f01106ed48386542e0f5290559eda33d039904c
Contents?: true
Size: 1.61 KB
Versions: 5
Compression:
Stored size: 1.61 KB
Contents
// Taken from Bootstrap dark button
.timeline-toggle {
background: #343a40;
border-color: #343a40;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
cursor: pointer;
float: none;
font-size: 16px;
margin-right: 0;
padding: 6px 12px;
white-space: nowrap;
}
.timeline-wrapper h2 span {
// background: lighten($color-grey, 30);
background:
linear-gradient(
to bottom right,
rgba(lighten($color-grey, 35%), 1),
rgba(lighten($color-grey, 40%), .90)
);
border: 2px solid lighten($color-grey, 35%);
font-family: $header-font-family;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: darken($color-grey, 30%);
letter-spacing: 0.1em;
line-height: 1.7em;
padding: 3px 20px 1px;
// width: 100%;
// display: inline-block;
// text-align: right;
}
.timeline-event-content p{
width:100%;
}
.timeline-series dt {
background: url(/assets/images/timeline_decade_tick.gif) left center no-repeat;
clear: left;
font-size: 1.6em;
list-style-type: none;
line-height: 1.2em;
margin: 0 0 12px;
padding: 0 0 0 24px;
white-space: nowrap;
text-transform: none;
color: darken($color-grey, 25%);
}
.timeline-event-content .media img {
border: 2px solid lighten($color-grey, 10%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0;
}
.timeline-container, .timeline-wrapper, .timeline-series{
width: inherit;
}
.border-top{
border-top: solid #ccc 2px!important;
}
Version data entries
5 entries across 5 versions & 1 rubygems