/*!
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/.
*/
/* THEME DEFAULT
----------------------------------------------------- */
//GFX
.base-sprite() {
background-image: url(timeline.png?v4.4);
}
.base-sprite2x() {
background-image: url(timeline@2x.png?v4.4);
background-size: 352px 260px;
}
.loading-sprite() {
background-image: url(loading.gif?v3.4);
}
.loading-sprite2x() {
background-image: url(loading@2x.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
----------------------------------------------------- */
// CSS CORE
@import "Core/VMM.Core.less";
// Timeline Specific
@import "VMM.Timeline.TimeNav.less";
/* 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;*/
width:100%;
.vco-feature {
/*height:356px;*/
}
}
}
/* iPhone Landscape
================================================== */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
.storyjs-embed.full-embed {
/*height:409px !important;*/
width:100%;
.vco-feature {
/*height:208px;*/
}
}
}
/* 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 {
}
}
}
