Beautifully crafted timelines that are easy and intuitive to use. http://timeline.knightlab.com/
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.

111 lines
2.4 KiB

/*!
TIMELINE CSS
Designed and built by Zach Wise at VeriteCo
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
13 years ago
*/
/* THEME DEFAULT
----------------------------------------------------- */
//GFX
.base-sprite() {
background-image: url(timeline.png?v4.3);
}
.loading-sprite() {
background-image: url(loading.gif?v3.4);
}
// COLORS
@color-base: #FFF;
@color-line: #CCC;
@color-line-hover: #666;
@color-dark: #000;
@color-dark-second: #333;
@color-dark-third: #666;
@color-dark-fourth: #999;
@color-dark-fifth: #E3E3E3;
@color-background-dark: #E9E9E9;
// COLOR THEME
@color-theme: #08C; //#FF3712; //#FF0000;
/* BASE
----------------------------------------------------- */
13 years ago
// CSS CORE
@import "Core/VMM.Core.less";
13 years ago
// Timeline Specific
@import "VMM.Timeline.TimeNav.less";
13 years ago
/* MEDIA QUERIES
================================================== */
/* Mobile and iPhone
================================================== */
/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
}
/* iPhone Portrait
================================================== */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
.storyjs-embed.full-embed {
height:557px !important;
width:320px !important;
.vco-feature {
height:356px !important;
}
}
}
/* iPhone Landscape
================================================== */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
.storyjs-embed.full-embed {
height:409px !important;
width:480px !important;
.vco-feature {
height:208px !important;
}
}
}
/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}
/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}
@media (max-width: 480px) {
}
/* Skinny
================================================== */
@media only screen and (max-width: 480px) {
.storyjs-embed.full-embed {
//max-width: 480px !important;
}
.vco-timeline {
//max-width: 480px !important;
.vco-slider {
}
}
}