Browse Source

Updated dark theme

pull/177/head
Zach Wise 12 years ago
parent
commit
09c702e236
  1. 4
      compiled/css/themes/dark.css
  2. BIN
      compiled/css/themes/timeline-dark.png
  3. 4
      compiled/css/timeline.css
  4. 13
      source/less/Theme/Dark.less
  5. 2
      source/less/VMM.Slider.less
  6. 8
      source/less/VMM.Timeline.TimeNav.less
  7. 1
      source/less/VMM.Timeline.less

4
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 .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 .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;} .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 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,.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;} .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.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-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;} .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;}}

BIN
compiled/css/themes/timeline-dark.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 15 KiB

4
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 .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 .googleplus .thumbnail-inline{background-image:url(timeline.png?v3.4);background-repeat:no-repeat;background-position:-208px -96px;}
.vmm-timeline .zFront{z-index:204;} .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 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,.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;} .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.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-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;} .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;}}

13
source/less/Theme/Dark.less

@ -1,5 +1,6 @@
/*! /*!
TIMELINE 0.98 TIMELINE CSS
Designed and built by Zach Wise at VeriteCo Designed and built by Zach Wise at VeriteCo
This program is free software: you can redistribute it and/or modify This program is free software: you can redistribute it and/or modify
@ -25,6 +26,7 @@
.loading-sprite() { .loading-sprite() {
background-image: url(themes/loading.gif?v3.4); background-image: url(themes/loading.gif?v3.4);
} }
// COLORS // COLORS
@color-base: #1A1A1A; @color-base: #1A1A1A;
@color-line: #333; //#414141; @color-line: #333; //#414141;
@ -87,6 +89,12 @@
display:block; display:block;
.container { .container {
display:block; display:block;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
} }
} }
.media { .media {
@ -100,7 +108,7 @@
display:block; display:block;
.media-container { .media-container {
img, iframe { img, iframe {
width:100%; //width:100%;
//max-height:350px; //max-height:350px;
} }
} }
@ -110,7 +118,6 @@
.media-wrapper { .media-wrapper {
.media-container { .media-container {
border: none; border: none;
background-color: @white;
} }
} }
} }

2
source/less/VMM.Slider.less

@ -22,8 +22,6 @@
text-align: center; text-align: center;
display: block; display: block;
background-color: @white;
.slider-item-container { .slider-item-container {
//overflow:hidden; //overflow:hidden;
display:table-cell; display:table-cell;

8
source/less/VMM.Timeline.TimeNav.less

@ -17,7 +17,7 @@
top:45px; top:45px;
left:0px; left:0px;
z-index:202; z-index:202;
background-color: @white; background-color: @color-base;
border: 1px solid @color-line; border: 1px solid @color-line;
.box-shadow(1px 1px 0px rgba(0,0,0,.20)); .box-shadow(1px 1px 0px rgba(0,0,0,.20));
.zoom-in, .zoom-out, .back-home { .zoom-in, .zoom-out, .back-home {
@ -31,7 +31,7 @@
color: @color-navigation-major-time;//@color-nav-description; color: @color-navigation-major-time;//@color-nav-description;
text-align:center; text-align:center;
font-weight: bold; font-weight: bold;
border: 1px solid @white; border: 1px solid @color-base;
padding:5px; padding:5px;
.opacity(50); .opacity(50);
} }
@ -69,7 +69,7 @@
position:absolute; position:absolute;
top:@navigation-content-height + 1; top:@navigation-content-height + 1;
left:0px; left:0px;
background:@white; background:@color-base;
width:100%; width:100%;
height:@navigation-time-height - 1; height:@navigation-time-height - 1;
.box-shadow(-1px -1px 7px rgba(0,0,0,.1)); .box-shadow(-1px -1px 7px rgba(0,0,0,.1));
@ -80,7 +80,7 @@
z-index:30; z-index:30;
width:100%; width:100%;
height:1px; height:1px;
background:@white; background:@color-base;
.opacity(50); .opacity(50);
.box-shadow(1px 1px 5px rgba(0,0,0,.20)); .box-shadow(1px 1px 5px rgba(0,0,0,.20));
} }

1
source/less/VMM.Timeline.less

@ -118,7 +118,6 @@
.media-wrapper { .media-wrapper {
.media-container { .media-container {
border: none; border: none;
background-color: @white;
} }
} }
} }

Loading…
Cancel
Save