diff --git a/compiled/css/themes/dark.css b/compiled/css/themes/dark.css index 3bf7f5b..90d27a4 100644 --- a/compiled/css/themes/dark.css +++ b/compiled/css/themes/dark.css @@ -73,7 +73,7 @@ .vmm-timeline .storify .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-184px -96px;} .vmm-timeline .googleplus .thumbnail-inline{background-image:url(themes/timeline-dark.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;} .vmm-timeline .zFront{z-index:204;} -.slider{width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask{text-align:center;width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask .slider-container{position:absolute;top:0px;left:-2160px;width:100%;height:100%;text-align:center;display:block;background-color:#1a1a1a;}.slider .slider-container-mask .slider-container .slider-item-container{display:table-cell;vertical-align:middle;} +.slider{width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask{text-align:center;width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask .slider-container{position:absolute;top:0px;left:-2160px;width:100%;height:100%;text-align:center;display:block;}.slider .slider-container-mask .slider-container .slider-item-container{display:table-cell;vertical-align:middle;} .slider img,.slider embed,.slider object,.slider video,.slider iframe{max-width:100%;} .slider .nav-previous,.slider .nav-next{position:absolute;top:0px;width:100px;color:#DBDBDB;font-size:11px;}.slider .nav-previous .nav-container,.slider .nav-next .nav-container{height:100px;width:100px;position:absolute;} .slider .nav-previous .icon,.slider .nav-next .icon{margin-top:12px;margin-bottom:15px;} @@ -259,4 +259,4 @@ .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;} .tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .tooltip-arrow{position:absolute;width:0;height:0;} -@media only screen and (max-width:480px),only screen and (max-device-width:480px){}@media (max-width:600px){.slider .slider-item .content .content-container{display:block;}.slider .slider-item .content .content-container .text{width:100%;max-width:100%;min-width:120px;display:block;}.slider .slider-item .content .content-container .text .container{display:block;} .slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:none;}.slider .slider-item .content .content-container .media .media-wrapper{margin-left:0px;margin-right:0px;width:100%;display:block;}.slider .slider-item .content .content-container .media .media-wrapper .media-container img,.slider .slider-item .content .content-container .media .media-wrapper .media-container iframe{width:100%;} .slider .slider-item .content .content-container .media.text-media .media-wrapper .media-container{border:none;background-color:#1a1a1a;}} +@media only screen and (max-width:480px),only screen and (max-device-width:480px){}@media (max-width:600px){.slider .slider-item .content .content-container{display:block;}.slider .slider-item .content .content-container .text{width:100%;max-width:100%;min-width:120px;display:block;}.slider .slider-item .content .content-container .text .container{display:block;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;} .slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:none;}.slider .slider-item .content .content-container .media .media-wrapper{margin-left:0px;margin-right:0px;width:100%;display:block;} .slider .slider-item .content .content-container .media.text-media .media-wrapper .media-container{border:none;}} diff --git a/compiled/css/themes/timeline-dark.png b/compiled/css/themes/timeline-dark.png index f1a6fbe..1f4dca4 100644 Binary files a/compiled/css/themes/timeline-dark.png and b/compiled/css/themes/timeline-dark.png differ diff --git a/compiled/css/timeline.css b/compiled/css/timeline.css index 22ea8e9..6a3988c 100644 --- a/compiled/css/timeline.css +++ b/compiled/css/timeline.css @@ -73,7 +73,7 @@ .vmm-timeline .storify .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-184px -96px;} .vmm-timeline .googleplus .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;} .vmm-timeline .zFront{z-index:204;} -.slider{width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask{text-align:center;width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask .slider-container{position:absolute;top:0px;left:-2160px;width:100%;height:100%;text-align:center;display:block;background-color:#ffffff;}.slider .slider-container-mask .slider-container .slider-item-container{display:table-cell;vertical-align:middle;} +.slider{width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask{text-align:center;width:100%;height:100%;overflow:hidden;}.slider .slider-container-mask .slider-container{position:absolute;top:0px;left:-2160px;width:100%;height:100%;text-align:center;display:block;}.slider .slider-container-mask .slider-container .slider-item-container{display:table-cell;vertical-align:middle;} .slider img,.slider embed,.slider object,.slider video,.slider iframe{max-width:100%;} .slider .nav-previous,.slider .nav-next{position:absolute;top:0px;width:100px;color:#DBDBDB;font-size:11px;}.slider .nav-previous .nav-container,.slider .nav-next .nav-container{height:100px;width:100px;position:absolute;} .slider .nav-previous .icon,.slider .nav-next .icon{margin-top:12px;margin-bottom:15px;} @@ -259,4 +259,4 @@ .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;} .tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .tooltip-arrow{position:absolute;width:0;height:0;} -@media only screen and (max-width:480px),only screen and (max-device-width:480px){}@media (max-width:600px){.slider .slider-item .content .content-container{display:block;}.slider .slider-item .content .content-container .text{width:100%;max-width:100%;min-width:120px;display:block;}.slider .slider-item .content .content-container .text .container{display:block;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;} .slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:none;}.slider .slider-item .content .content-container .media .media-wrapper{margin-left:0px;margin-right:0px;width:100%;display:block;} .slider .slider-item .content .content-container .media.text-media .media-wrapper .media-container{border:none;background-color:#ffffff;}} +@media only screen and (max-width:480px),only screen and (max-device-width:480px){}@media (max-width:600px){.slider .slider-item .content .content-container{display:block;}.slider .slider-item .content .content-container .text{width:100%;max-width:100%;min-width:120px;display:block;}.slider .slider-item .content .content-container .text .container{display:block;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;} .slider .slider-item .content .content-container .media{width:100%;min-width:50%;float:none;}.slider .slider-item .content .content-container .media .media-wrapper{margin-left:0px;margin-right:0px;width:100%;display:block;} .slider .slider-item .content .content-container .media.text-media .media-wrapper .media-container{border:none;}} diff --git a/source/less/Theme/Dark.less b/source/less/Theme/Dark.less index 3a56f6d..c48be97 100644 --- a/source/less/Theme/Dark.less +++ b/source/less/Theme/Dark.less @@ -1,5 +1,6 @@ /*! - TIMELINE 0.98 + TIMELINE CSS + Designed and built by Zach Wise at VeriteCo This program is free software: you can redistribute it and/or modify @@ -25,6 +26,7 @@ .loading-sprite() { background-image: url(themes/loading.gif?v3.4); } + // COLORS @color-base: #1A1A1A; @color-line: #333; //#414141; @@ -87,6 +89,12 @@ display:block; .container { display:block; + -webkit-hyphens:auto; + -moz-hyphens:auto; + -ms-hyphens:auto; + hyphens:auto; + word-wrap:break-word; + } } .media { @@ -100,7 +108,7 @@ display:block; .media-container { img, iframe { - width:100%; + //width:100%; //max-height:350px; } } @@ -110,7 +118,6 @@ .media-wrapper { .media-container { border: none; - background-color: @white; } } } @@ -125,4 +132,4 @@ } } -} \ No newline at end of file +} diff --git a/source/less/VMM.Slider.less b/source/less/VMM.Slider.less index 5c5fb76..bf70b90 100644 --- a/source/less/VMM.Slider.less +++ b/source/less/VMM.Slider.less @@ -21,8 +21,6 @@ height: 100%; text-align: center; display: block; - - background-color: @white; .slider-item-container { //overflow:hidden; diff --git a/source/less/VMM.Timeline.TimeNav.less b/source/less/VMM.Timeline.TimeNav.less index 8a35e5a..10336f2 100644 --- a/source/less/VMM.Timeline.TimeNav.less +++ b/source/less/VMM.Timeline.TimeNav.less @@ -17,7 +17,7 @@ top:45px; left:0px; z-index:202; - background-color: @white; + background-color: @color-base; border: 1px solid @color-line; .box-shadow(1px 1px 0px rgba(0,0,0,.20)); .zoom-in, .zoom-out, .back-home { @@ -31,7 +31,7 @@ color: @color-navigation-major-time;//@color-nav-description; text-align:center; font-weight: bold; - border: 1px solid @white; + border: 1px solid @color-base; padding:5px; .opacity(50); } @@ -69,7 +69,7 @@ position:absolute; top:@navigation-content-height + 1; left:0px; - background:@white; + background:@color-base; width:100%; height:@navigation-time-height - 1; .box-shadow(-1px -1px 7px rgba(0,0,0,.1)); @@ -80,7 +80,7 @@ z-index:30; width:100%; height:1px; - background:@white; + background:@color-base; .opacity(50); .box-shadow(1px 1px 5px rgba(0,0,0,.20)); } diff --git a/source/less/VMM.Timeline.less b/source/less/VMM.Timeline.less index b99e951..eedae9c 100644 --- a/source/less/VMM.Timeline.less +++ b/source/less/VMM.Timeline.less @@ -118,7 +118,6 @@ .media-wrapper { .media-container { border: none; - background-color: @white; } } }