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.
92 lines
1.7 KiB
92 lines
1.7 KiB
/* |
|
Timeline |
|
Theme: Dark |
|
Copyright 2012 Zach Wise |
|
Designed and built by Zach Wise digitalartwork.net |
|
----------------------------------------------------- */ |
|
|
|
// CSS Reset |
|
@import "Reset.less"; |
|
|
|
// Core variables and mixins |
|
@import "Font.Default.less"; |
|
@import "Variables.less"; |
|
@import "Mixins.less"; |
|
@import "GFX.less"; |
|
|
|
// Grid system and page structure |
|
@import "VMM.Timeline.Core.less"; |
|
@import "VMM.Slider.less"; |
|
@import "VMM.Timeline.TimeNav.less"; |
|
|
|
// Typography |
|
@import "Typography.less"; |
|
|
|
|
|
// Grid system and page structure |
|
@import "VMM.Timeline.Tooltip.less"; |
|
|
|
/* MEDIA QUERIES |
|
================================================== */ |
|
|
|
/* Mobile and iPhone |
|
================================================== */ |
|
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { |
|
|
|
} |
|
|
|
/* BELOW 600px |
|
================================================== */ |
|
|
|
@media (max-width: 600px) { |
|
.slider { |
|
.slider-item { |
|
.content { |
|
.content-container { |
|
display:block; |
|
.text { |
|
width:100%; |
|
max-width:100%; |
|
min-width:120px; |
|
display:block; |
|
.container { |
|
display:block; |
|
} |
|
} |
|
.media { |
|
width:100%; |
|
min-width:50%; |
|
float: none; |
|
.media-wrapper { |
|
margin-left:0px; |
|
margin-right:0px; |
|
width:100%; |
|
display:block; |
|
.media-container { |
|
img, iframe { |
|
width:100%; |
|
//max-height:350px; |
|
} |
|
} |
|
} |
|
} |
|
.media.text-media { |
|
.media-wrapper { |
|
.media-container { |
|
border: none; |
|
background-color: @white; |
|
} |
|
} |
|
} |
|
} |
|
.content-container.layout-text { |
|
|
|
} |
|
.content-container.layout-media { |
|
|
|
} |
|
} |
|
} |
|
} |
|
|
|
} |