playground
/
TimelineJS
mirror of https://github.com/NUKnightLab/TimelineJS.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Cleaning up color variables in preparation for themes

pull/33/merge
Zach Wise 13 years ago
parent
140838b8a6
commit
4f8b2fc5d0
6 changed files with 44 additions and 66 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 36
      source/less/gfx.less
  2. 11
      source/less/slider.less
  3. 5
      source/less/structure-navigation.less
  4. 4
      source/less/structure.less
  5. 4
      source/less/timeline.less
  6. 50
      source/less/variables.less

36
source/less/gfx.less
Unescape View File

@ -4,18 +4,10 @@
// Next and Back Icons // Next and Back Icons
.icon-previous() { .icon-previous() {
//background-image: url(timeline.png);
//background-repeat:no-repeat;
//background-position: 0 -292px; width: 18px; height: 22px;
//background: url(gfx/chevron-prev.png) no-repeat scroll 0% 50%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAMAAAD6gTxzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF2dnZWVlZsrKyv7+/TU1NzMzMjY2Nc3Nz5eXlgICAQEBA8vLymZmZZmZmMzMz////CXz3iwAAABB0Uk5T////////////////////AOAjXRkAAAB1SURBVHjafNFXDsAgDAPQAKWDUd//tq2EnS6p+eNJECcYWLmzklFq2Ud1iAKlVNFG2c/zoCiJIJlkA6lOlFBFXU+vIM26lkHypxvzmCnjgg91J6TPRaDJktMVwvATFc+ur7Gb02MCrfA2py/6amGe2b/jEGAA5cYUouw7P64AAAAASUVORK5CYII=) no-repeat scroll 0% 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAMAAAD6gTxzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF2dnZWVlZsrKyv7+/TU1NzMzMjY2Nc3Nz5eXlgICAQEBA8vLymZmZZmZmMzMz////CXz3iwAAABB0Uk5T////////////////////AOAjXRkAAAB1SURBVHjafNFXDsAgDAPQAKWDUd//tq2EnS6p+eNJECcYWLmzklFq2Ud1iAKlVNFG2c/zoCiJIJlkA6lOlFBFXU+vIM26lkHypxvzmCnjgg91J6TPRaDJktMVwvATFc+ur7Gb02MCrfA2py/6amGe2b/jEGAA5cYUouw7P64AAAAASUVORK5CYII=) no-repeat scroll 0% 50%;
} }
.icon-next() { .icon-next() {
//background-image: url(timeline.png);
//background-repeat:no-repeat;
//background-position: 0 -220px; width: 18px; height: 22px;
//background: url(gfx/chevron-next.png) no-repeat scroll 100% 50%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAMAAAD6gTxzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF2dnZWVlZsrKyv7+/TU1NzMzMjY2Nc3Nz5eXlgICAQEBA8vLymZmZZmZmMzMz////CXz3iwAAABB0Uk5T////////////////////AOAjXRkAAABySURBVHjabNFLEoAgDAPQAiJ/ev/buqCJONjlm5GkVcKwEbWR5uaaq4E0V7NB0mg0b5J2mCdpMqpC+kasaNkjrE3Ac530RgSSDkaQ0kFbN6N9g0X5KPFTteAzLuSPtQVScJyGpx1PyNo8NH9HxB6PAAMAzkAUorcBvvAAAAAASUVORK5CYII=) no-repeat scroll 100% 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAMAAAD6gTxzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF2dnZWVlZsrKyv7+/TU1NzMzMjY2Nc3Nz5eXlgICAQEBA8vLymZmZZmZmMzMz////CXz3iwAAABB0Uk5T////////////////////AOAjXRkAAABySURBVHjabNFLEoAgDAPQAiJ/ev/buqCJONjlm5GkVcKwEbWR5uaaq4E0V7NB0mg0b5J2mCdpMqpC+kasaNkjrE3Ac530RgSSDkaQ0kFbN6N9g0X5KPFTteAzLuSPtQVScJyGpx1PyNo8NH9HxB6PAAMAzkAUorcBvvAAAAAASUVORK5CYII=) no-repeat scroll 100% 50%;
} }
@ -111,31 +103,3 @@
} }
/* Sprite Reference
================================================== */
/*
.sprite-TimeFlagSmall{ background-position: 0 0; width: 153px; height: 60px; }
.sprite-TimeFlagSmallActive{ background-position: 0 -110px; width: 153px; height: 60px; }
.sprite-chevron-next{ background-position: 0 -220px; width: 18px; height: 22px; }
.sprite-chevron-prev{ background-position: 0 -292px; width: 18px; height: 22px; }
.sprite-icon-facebook{ background-position: 0 -364px; width: 24px; height: 24px; }
.sprite-icon-map-pin{ background-position: 0 -438px; width: 16px; height: 26px; }
.sprite-icon-map{ background-position: 0 -514px; width: 26px; height: 21px; }
.sprite-icon-microphone{ background-position: 0 -585px; width: 12px; height: 24px; }
.sprite-icon-music{ background-position: 0 -659px; width: 24px; height: 24px; }
.sprite-icon-soundcloud{ background-position: 0 -733px; width: 32px; height: 32px; }
.sprite-icon-speaker{ background-position: 0 -815px; width: 24px; height: 24px; }
.sprite-icon-twitter{ background-position: 0 -889px; width: 24px; height: 24px; }
.sprite-icon-vimeo{ background-position: 0 -963px; width: 24px; height: 24px; }
.sprite-icon-youtube{ background-position: 0 -1037px; width: 24px; height: 24px; }
.sprite-icon-youtube_alt{ background-position: 0 -1111px; width: 24px; height: 24px; }
.sprite-time-interval-bg{ background-position: 0 -1185px; width: 5px; height: 12px; }
.sprite-time-interval{ background-position: 0 -1247px; width: 5px; height: 6px; }
.sprite-zback-to-begin-16{ background-position: 0 -1303px; width: 16px; height: 12px; }
.sprite-zback-to-begin-24{ background-position: 0 -1365px; width: 24px; height: 18px; }
.sprite-zoom-in-24{ background-position: 0 -1433px; width: 24px; height: 24px; }
.sprite-zoom-in{ background-position: 0 -1507px; width: 16px; height: 16px; }
.sprite-zoom-out-24{ background-position: 0 -1573px; width: 24px; height: 24px; }
.sprite-zoom-out{ background-position: 0 -1647px; width: 16px; height: 16px; }
*/

11
source/less/slider.less
Unescape View File

@ -221,6 +221,17 @@
border: 1px solid @color-line; border: 1px solid @color-line;
//max-height:350px; //max-height:350px;
} }
.map {
line-height: normal;
border: 1px solid @color-line;
z-index:500;
text-align:left;
background-color:@white;
img {
max-height:none !important;
max-width:none !important;
}
}
.credit, .caption { .credit, .caption {
font-family: @font-sansserif; font-family: @font-sansserif;

5
source/less/structure-navigation.less
Unescape View File

@ -231,6 +231,10 @@
height:150px; height:150px;
background: @color-line; background: @color-line;
//background:@color-line-hover; //background:@color-line-hover;
-moz-box-shadow: 1px 0 0 @color-base;
-webkit-box-shadow: 1px 0 0 @color-base;
box-shadow: 1px 0 0 @color-base;
//.opacity(25); //.opacity(25);
z-index:22; z-index:22;
.event-line { .event-line {
@ -405,6 +409,7 @@
} }
} }
.time-interval { .time-interval {
white-space:nowrap; white-space:nowrap;
position:absolute; position:absolute;

4
source/less/structure.less
Unescape View File

@ -6,9 +6,9 @@
/* TIMELINE EMBED /* TIMELINE EMBED
================================================== */ ================================================== */
#timeline-embed { #timeline-embed {
background-color: #FFF; background-color: @color-background;
margin-bottom:20px; margin-bottom:20px;
border: 1px solid #CCC; border: 1px solid @color-line;
padding-top:20px; padding-top:20px;
padding-bottom:20px; padding-bottom:20px;
clear:both; clear:both;

4
source/less/timeline.less
Unescape View File

@ -1,7 +1,5 @@
/* Timeline /* Timeline
* CSS * Default
* Version: 0.1
* Date: January 12, 2011
* Copyright 2012 Zach Wise * Copyright 2012 Zach Wise
* Designed and built by Zach Wise digitalartwork.net * Designed and built by Zach Wise digitalartwork.net
* ----------------------------------------------------- */ * ----------------------------------------------------- */

50
source/less/variables.less
Unescape View File

@ -5,16 +5,16 @@
/* Colors /* Colors
================================================== */ ================================================== */
@color-base: #FFF;
@color-line: #CCC;
@color-line-hover: #666;
@color-line: #CCC; @color-dark: #000;
@color-line-hover: #666; @color-dark-second: #333;
@color-dark-third: #666;
@color-dark:#000; @color-dark-fourth: #999;
@color-dark-second: #333; @color-dark-fifth: #E3E3E3;
@color-dark-third: #666; @color-dark-fifth: #E3E3E3;
@color-dark-fourth: #999;
@color-dark-fifth: #E3E3E3;
@color-dark-fifth: #E3E3E3;
/* COLOR SCHEME /* COLOR SCHEME
@ -37,38 +37,38 @@
@color-theme-analog1: spin(@color-theme, -22); @color-theme-analog1: spin(@color-theme, -22);
@color-theme-analog2: spin(@color-theme, 22); @color-theme-analog2: spin(@color-theme, 22);
@color-background: #FFF; @color-background: @color-base;
@color-background-dark: #E9E9E9; @color-background-dark: #E9E9E9;
@white: #FFF; @white: @color-base;
/* CLEANUP IN PROGRESS /* CLEANUP IN PROGRESS
================================================== */ ================================================== */
// Navigation // Navigation
@color-nav-date: #AAA; // 33% @color-nav-date: #AAA; // 33%
@color-nav-description: #999; // 40% @color-nav-description: @color-dark-fourth; // 40%
@color-nav-title: #999; @color-nav-title: @color-dark-fourth;
// Feature // Feature
@color-feature-date: #666; @color-feature-date: @color-dark-third;
@color-feature-description: #666; @color-feature-description: @color-dark-third;
@color-feature-title: #000; @color-feature-title: @color-dark;
@color-caption:#666; @color-caption: @color-dark-third;
@color-credit:#999; @color-credit: @color-dark-fourth;
// Navigation // Navigation
@color-navigation-time: #666; // 60% @color-navigation-time: @color-dark-third; // 60%
@color-navigation-major-time: #333; // 80% @color-navigation-major-time: @color-dark-second; // 80%
@color-navigation-time-strong: #000; // 100% @color-navigation-time-strong: @color-dark; // 100%
@era-background: #E2E2E2; //#E3E3E3; // 11% @era-background: #E2E2E2; //#E3E3E3; // 11%
@era-line:@color-line; @era-line: @color-line;
@era-text:@color-feature-date; @era-text: @color-feature-date;
/* Sizes /* Sizes
================================================== */ ================================================== */

Write Preview
Loading…
Cancel
Save