alula-themes 0.4.6 → 0.4.8

data/themes/focused/assets/javascripts/jquery.wookmark.js

@@ -0,0 +1,170 @@
+//=require jquery
+/*!
+  jQuery Wookmark plugin 0.5
+  @name jquery.wookmark.js
+  @author Christoph Ono (chri@sto.ph or @gbks)
+  @version 0.5
+  @date 3/19/2012
+  @category jQuery plugin
+  @copyright (c) 2009-2012 Christoph Ono (www.wookmark.com)
+  @license Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
+*/
+$.fn.wookmark = function(options) {
+  
+  if(!this.wookmarkOptions) {
+    this.wookmarkOptions = $.extend( {
+        container: $('body'),
+        offset: 2,
+        autoResize: false,
+        itemWidth: $(this[0]).outerWidth(),
+        resizeDelay: 50
+      }, options);
+  } else if(options) {
+    this.wookmarkOptions = $.extend(this.wookmarkOptions, options);
+  }
+  
+  // Layout variables.
+  if(!this.wookmarkColumns) {
+    this.wookmarkColumns = null;
+    this.wookmarkContainerWidth = null;
+  }
+  
+  // Main layout function.
+  this.wookmarkLayout = function() {
+    // Calculate basic layout parameters.
+    var columnWidth = this.wookmarkOptions.itemWidth + this.wookmarkOptions.offset;
+    var containerWidth = this.wookmarkOptions.container.width();
+    var columns = Math.floor((containerWidth+this.wookmarkOptions.offset)/columnWidth);
+    var offset = Math.round((containerWidth - (columns*columnWidth-this.wookmarkOptions.offset))/2);
+    
+    // If container and column count hasn't changed, we can only update the columns.
+    var bottom = 0;
+    if(this.wookmarkColumns != null && this.wookmarkColumns.length == columns) {
+      bottom = this.wookmarkLayoutColumns(columnWidth, offset);
+    } else {
+      bottom = this.wookmarkLayoutFull(columnWidth, columns, offset);
+    }
+    
+    // Set container height to height of the grid.
+    this.wookmarkOptions.container.css('height', bottom+'px');
+  };
+  
+  /**
+   * Perform a full layout update.
+   */
+  this.wookmarkLayoutFull = function(columnWidth, columns, offset) {
+    // Prepare Array to store height of columns.
+    var heights = [];
+    while(heights.length < columns) {
+      heights.push(0);
+    }
+    
+    // Store column data.
+    this.wookmarkColumns = [];
+    while(this.wookmarkColumns.length < columns) {
+      this.wookmarkColumns.push([]);
+    }
+    
+    // Loop over items.
+    var item, top, left, i=0, k=0, length=this.length, shortest=null, shortestIndex=null, bottom = 0;
+    for(; i<length; i++ ) {
+      item = $(this[i]);
+      
+      // Find the shortest column.
+      shortest = null;
+      shortestIndex = 0;
+      for(k=0; k<columns; k++) {
+        if(shortest == null || heights[k] < shortest) {
+          shortest = heights[k];
+          shortestIndex = k;
+        }
+      }
+      
+      // Postion the item.
+      item.css({
+        position: 'absolute',
+        top: shortest+'px',
+        left: (shortestIndex*columnWidth + offset)+'px'
+      });
+      
+      // Update column height.
+      heights[shortestIndex] = shortest + item.outerHeight() + this.wookmarkOptions.offset;
+      bottom = Math.max(bottom, heights[shortestIndex]);
+      
+      this.wookmarkColumns[shortestIndex].push(item);
+    }
+    
+    return bottom;
+  };
+  
+  /**
+   * This layout function only updates the vertical position of the 
+   * existing column assignments.
+   */
+  this.wookmarkLayoutColumns = function(columnWidth, offset) {
+    var heights = [];
+    while(heights.length < this.wookmarkColumns.length) {
+      heights.push(0);
+    }
+    
+    var i=0, length = this.wookmarkColumns.length, column;
+    var k=0, kLength, item;
+    var bottom = 0;
+    for(; i<length; i++) {
+      column = this.wookmarkColumns[i];
+      kLength = column.length;
+      for(k=0; k<kLength; k++) {
+        item = column[k];
+        item.css({
+          left: (i*columnWidth + offset)+'px',
+          top: heights[i]+'px'
+        });
+        heights[i] += item.outerHeight() + this.wookmarkOptions.offset;
+        
+        bottom = Math.max(bottom, heights[i]);
+      }
+    }
+    
+    return bottom;
+  };
+  
+  // Listen to resize event if requested.
+  this.wookmarkResizeTimer = null;
+  if(!this.wookmarkResizeMethod) {
+    this.wookmarkResizeMethod = null;
+  }
+  if(this.wookmarkOptions.autoResize) {
+    // This timer ensures that layout is not continuously called as window is being dragged.
+    this.wookmarkOnResize = function(event) {
+      if(this.wookmarkResizeTimer) {
+        clearTimeout(this.wookmarkResizeTimer);
+      }
+      this.wookmarkResizeTimer = setTimeout($.proxy(this.wookmarkLayout, this), this.wookmarkOptions.resizeDelay)
+    };
+    
+    // Bind event listener.
+    if(!this.wookmarkResizeMethod) {
+      this.wookmarkResizeMethod = $.proxy(this.wookmarkOnResize, this);
+    }
+    $(window).resize(this.wookmarkResizeMethod);
+  };
+  
+  /**
+   * Clear event listeners and time outs.
+   */
+  this.wookmarkClear = function() {
+    if(this.wookmarkResizeTimer) {
+      clearTimeout(this.wookmarkResizeTimer);
+      this.wookmarkResizeTimer = null;
+    }
+    if(this.wookmarkResizeMethod) {
+      $(window).unbind('resize', this.wookmarkResizeMethod);
+    }
+  };
+  
+  // Apply layout
+  this.wookmarkLayout();
+  
+  // Display items (if hidden).
+  this.show();
+};

data/themes/focused/assets/stylesheets/1140.css

@@ -0,0 +1,126 @@
+
+/* ==================================================================================================================== */
+/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
+/* ==================================================================================================================== */
+
+.container {
+padding-left: 20px;
+padding-right: 20px;
+}
+
+.row {
+width: 100%;
+max-width: 1140px;
+min-width: 755px;
+margin: 0 auto;
+overflow: hidden;
+}
+
+.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
+margin-right: 3.8%;
+float: left;
+min-height: 1px;
+}
+
+.row .onecol {
+width: 4.85%;
+}
+
+.row .twocol {
+width: 13.45%;
+}
+
+.row .threecol {
+width: 22.05%;
+}
+
+.row .fourcol {
+width: 30.75%;
+}
+
+.row .fivecol {
+width: 39.45%;
+}
+
+.row .sixcol {
+width: 48%;
+}
+
+.row .sevencol {
+width: 56.75%;
+}
+
+.row .eightcol {
+width: 65.4%;
+}
+
+.row .ninecol {
+width: 74.05%;
+}
+
+.row .tencol {
+width: 82.7%;
+}
+
+.row .elevencol {
+width: 91.35%;
+}
+
+.row .twelvecol {
+width: 100%;
+float: left;
+}
+
+.last {
+margin-right: 0px;
+}
+
+img, object, embed {
+max-width: 100%;
+}
+
+img {
+	height: auto;
+}
+
+
+/* Smaller screens */
+
+@media only screen and (max-width: 1023px) {
+
+	body {
+	font-size: 0.8em;
+	line-height: 1.5em;
+	}
+	
+	}
+
+
+/* Mobile */
+
+@media handheld, only screen and (max-width: 767px) {
+
+	body {
+	font-size: 16px;
+	-webkit-text-size-adjust: none;
+	}
+	
+	.row, body, .container {
+	width: 100%;
+	min-width: 0;
+	margin-left: 0px;
+	margin-right: 0px;
+	padding-left: 0px;
+	padding-right: 0px;
+	}
+	
+	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
+	width: auto;
+	float: none;
+	margin-left: 0px;
+	margin-right: 0px;
+	padding-left: 20px;
+	padding-right: 20px;
+	}
+
+}

data/themes/focused/assets/stylesheets/focused.css.scss

@@ -0,0 +1,66 @@
+/*
+ *=require reset
+ *=require 1140
+ *=require lato
+ *=require_self
+ *=require smilies
+ */
+
+body {
+  padding:50px;
+  font:14px/1.5 LatoRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color:#777;
+  font-weight:300;
+}
+
+.title {
+	font-size: 28px;
+	line-height: 1.1;
+	color: #222;
+	margin: 0 0 20px;
+	clear: both;
+	
+	small {
+		font-size: 20px;
+	}
+}
+
+a {
+  color:#333;
+  font-weight:400;
+  text-decoration:none;
+}
+
+p.navigation {
+	clear: both;
+	a.left { float: left; }
+	a.right { float: right; }
+	font-size: 14px;
+}
+
+.paginate {
+	.item {
+		padding: 5px;
+		background: #fff;
+
+		.content {
+			.img {
+				margin: auto;
+			}
+		}
+		
+		.meta {
+			position: absolute;
+			top: 10px;
+			left: 10px;
+			z-index: 1;
+			padding: 5px;
+			background: rgba(255, 255, 255, 0.85);
+			text-decoration: center;
+			a {
+				text-decoration: none;
+				color: #333;
+			}
+		}
+	}
+}

data/themes/focused/assets/stylesheets/ie.css

@@ -0,0 +1,43 @@
+.onecol {
+width: 4.7%;
+}
+
+.twocol {
+width: 13.2%;
+}
+
+.threecol {
+width: 22.05%;
+}
+
+.fourcol {
+width: 30.6%;
+}
+
+.fivecol {
+width: 39%;
+}
+
+.sixcol {
+width: 48%;
+}
+
+.sevencol {
+width: 56.75%;
+}
+
+.eightcol {
+width: 61.6%;
+}
+
+.ninecol {
+width: 74.05%;
+}
+
+.tencol {
+width: 82%;
+}
+
+.elevencol {
+width: 91.35%;
+}

data/themes/focused/assets/stylesheets/lato.css.erb

@@ -0,0 +1,134 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 7, 2012 04:22:28 PM America/New_York */
+
+
+
+@font-face {
+    font-family: 'LatoBlackItalic';
+/*    src: url('<%= asset_url("Lato-BlaIta-webfont.eot") %>');*/
+    src: local('Lato Black Italic'), local('LatoBlackItalic'),
+	     url('<%= asset_url("Lato-BlaIta-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-BlaIta-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-BlaIta-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-BlaIta-webfont.svg") %>#LatoBlackItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'LatoBlack';
+/*    src: url('<%= asset_url("Lato-Bla-webfont.eot") %>');*/
+    src: local('Lato Black'), local('LatoBlack'),
+	     url('<%= asset_url("Lato-Bla-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-Bla-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-Bla-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-Bla-webfont.svg") %>#LatoBlack') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'LatoBoldItalic';
+/*    src: url('<%= asset_url("Lato-BolIta-webfont.eot") %>');*/
+    src: local('Lato Bold Italic'), local('LatoBoldItalic'),
+	     url('<%= asset_url("Lato-BolIta-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-BolIta-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-BolIta-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-BolIta-webfont.svg") %>#LatoBoldItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'LatoBold';
+/*    src: url('<%= asset_url("Lato-Bol-webfont.eot") %>');*/
+    src: local('Lato Bold'), local('LatoBold'),
+	     url('<%= asset_url("Lato-Bol-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-Bol-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-Bol-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-Bol-webfont.svg") %>#LatoBold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'LatoItalic';
+/*    src: url('<%= asset_url("Lato-RegIta-webfont.eot") %>');*/
+    src: local('Lato Italic'), local('LatoItalic'),
+	     url('<%= asset_url("Lato-RegIta-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-RegIta-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-RegIta-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-RegIta-webfont.svg") %>#LatoItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'LatoRegular';
+/*    src: local('Lato Regular'), local('Lato-Regular'), url('<%= asset_url("Lato-Reg-webfont.eot") %>');*/
+    src: local('Lato Regular'), local('Lato-Regular'),
+	     url('<%= asset_url("Lato-Reg-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-Reg-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-Reg-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-Reg-webfont.svg") %>#LatoRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'LatoLightItalic';
+/*    src: url('<%= asset_url("Lato-LigIta-webfont.eot") %>');*/
+    src: local('Lato Light Italic'), local('LatoLightItalic'),
+	     url('<%= asset_url("Lato-LigIta-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-LigIta-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-LigIta-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-LigIta-webfont.svg") %>#LatoLightItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'LatoLight';
+/*    src: url('<%= asset_url("Lato-Lig-webfont.eot") %>');*/
+    src: local('Lato Light'), local('LatoLight'),
+	     url('<%= asset_url("Lato-Lig-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-Lig-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-Lig-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-Lig-webfont.svg") %>#LatoLight') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'LatoHairlineItalic';
+/*    src: url('<%= asset_url("Lato-HaiIta-webfont.eot") %>');*/
+    src: local('Lato Hairline Italic'), local('LatoHairlineItalic'),
+	     url('<%= asset_url("Lato-HaiIta-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-HaiIta-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-HaiIta-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-HaiIta-webfont.svg") %>#LatoHairlineItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'LatoHairline';
+/*    src: url('<%= asset_url("Lato-Hai-webfont.eot") %>');*/
+    src: local('Lato HairLine'), local('LatoHairline'),
+	     url('<%= asset_url("Lato-Hai-webfont.eot") %>?#iefix') format('embedded-opentype'),
+         url('<%= asset_url("Lato-Hai-webfont.woff") %>') format('woff'),
+         url('<%= asset_url("Lato-Hai-webfont.ttf") %>') format('truetype'),
+         url('<%= asset_url("Lato-Hai-webfont.svg") %>#LatoHairline') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+