create a dashboard template

TalksLab · Jun 30, 2014 · 41def84 · 41def84
1 parent f6df225
commit 41def84
Show file tree

Hide file tree

Showing 24 changed files with 2,705 additions and 2,485 deletions.
diff --git a/dist/fonts/glyphicons-halflings-regular.eot → ...yphicons/glyphicons-halflings-regular.eot b/dist/fonts/glyphicons-halflings-regular.eot → ...yphicons/glyphicons-halflings-regular.eot
diff --git a/dist/fonts/glyphicons-halflings-regular.svg → ...yphicons/glyphicons-halflings-regular.svg b/dist/fonts/glyphicons-halflings-regular.svg → ...yphicons/glyphicons-halflings-regular.svg
diff --git a/dist/fonts/glyphicons-halflings-regular.ttf → ...yphicons/glyphicons-halflings-regular.ttf b/dist/fonts/glyphicons-halflings-regular.ttf → ...yphicons/glyphicons-halflings-regular.ttf
diff --git a/dist/fonts/glyphicons-halflings-regular.woff → ...phicons/glyphicons-halflings-regular.woff b/dist/fonts/glyphicons-halflings-regular.woff → ...phicons/glyphicons-halflings-regular.woff
diff --git a/app/less/tiles.less b/app/less/tiles.less
@@ -1,13 +1,13 @@
-.thumbnail.tile
+.tile
 {
     display:block;
     cursor: pointer;
     -webkit-perspective: 0;
 	-webkit-transform-style: preserve-3d;
 	-webkit-transition: -webkit-transform 0.2s;
 	float: left;
-	width: @tileWidth;
-	height: @tileWidth;
+	min-width: @tileWidth;  //2014.07
+	min-height: @tileWidth;  //2014.07
 	text-align:center;
 	/* padding: 5px; */
 	opacity:0.75;
@@ -23,137 +23,137 @@
 	h1.tile-text, h2.tile-text, h3.tile-text, h4.tile-text { margin-top: @tileWidth/3; }
 
 	a:hover { text-decoration: none; }
-	border :0;
+	border: 1px white solid;
 }
 
-.thumbnail.tile img  
+.tile img  
 {
     border :0;
 }
-.thumbnail.tile:hover 
+.tile:hover 
 { 
     opacity:1;
 }
 
-.thumbnail.tile.tile-double 
+.tile.tile-double 
 {
 	width: @tileWidth * 2 ;
 }
 
 
-.thumbnail.tile.tile-blue
+.tile.tile-blue
 {
     background-color: @blue;
 }
-.thumbnail.tile.tile-green
+.tile.tile-green
 {
     background-color: @green;
 }
-.thumbnail.tile.tile-red
+.tile.tile-red
 {
     background-color: @red;
 }
-.thumbnail.tile.tile-yellow
+.tile.tile-yellow
 {
     background-color: @yellow;
 }
-.thumbnail.tile.tile-orange
+.tile.tile-orange
 {
     background-color: @orange;
 }
-.thumbnail.tile.tile-pink
+.tile.tile-pink
 {
     background-color: @pink;
 }
-.thumbnail.tile.tile-purple
+.tile.tile-purple
 {
     background-color: @purple;
 }
-.thumbnail.tile.tile-lime
+.tile.tile-lime
 {
     background-color: @lime;
 }
-.thumbnail.tile.tile-magenta
+.tile.tile-magenta
 {
     background-color: @magenta;
 }
-.thumbnail.tile.tile-teal
+.tile.tile-teal
 {
     background-color: @teal;
 }
-.thumbnail.tile.tile-turquoise 	
+.tile.tile-turquoise 	
 {
     background-color: @turquoise;
 }
-.thumbnail.tile.tile-green-sea 	
+.tile.tile-green-sea 	
 {
     background-color: @green-sea;
 }
-.thumbnail.tile.tile-emerald 		
+.tile.tile-emerald 		
 {
     background-color: @emerald;
 }
-.thumbnail.tile.tile-nephritis 	
+.tile.tile-nephritis 	
 {
     background-color: @nephritis;
 }
-.thumbnail.tile.tile-peter-river 	
+.tile.tile-peter-river 	
 {
     background-color: @peter-river;
 }
-.thumbnail.tile.tile-belize-hole 	
+.tile.tile-belize-hole 	
 {
     background-color: @belize-hole;
 }
-.thumbnail.tile.tile-amethyst 		
+.tile.tile-amethyst
 {
     background-color: @amethyst;
 }
-.thumbnail.tile.tile-wisteria 		
+.tile.tile-wisteria 		
 {
     background-color: @wisteria;
 }
-.thumbnail.tile.tile-wet-asphalt 	
+.tile.tile-wet-asphalt 	
 {
     background-color: @wet-asphalt;
 }
-.thumbnail.tile.tile-midnight-blue 
+.tile.tile-midnight-blue 
 {
     background-color: @midnight-blue;
 }
-.thumbnail.tile.tile-sun-flower	
+.tile.tile-sun-flower	
 {
     background-color: @sun-flower;
 }
-.thumbnail.tile.tile-carrot		
+.tile.tile-carrot		
 {
     background-color: @carrot;
 }
-.thumbnail.tile.tile-pumpkin		
+.tile.tile-pumpkin		
 {
     background-color: @pumpkin;
 }
-.thumbnail.tile.tile-alizarin		
+.tile.tile-alizarin		
 {
     background-color: @alizarin;
 }
-.thumbnail.tile.tile-pomegranate	
+.tile.tile-pomegranate	
 {
     background-color: @pomegranate;
 }
-.thumbnail.tile.tile-clouds		
+.tile.tile-clouds		
 {
     background-color: @clouds;
 }
-.thumbnail.tile.tile-silver		
+.tile.tile-silver		
 {
     background-color: @silver;
 }
-.thumbnail.tile.tile-concrete		
+.tile.tile-concrete		
 {
     background-color: @concrete;
 }
-.thumbnail.tile.tile-asbestos		
+.tile.tile-asbestos		
 {
     background-color: @asbestos;
 }
@@ -164,4 +164,34 @@ color:#ffffff;
 a.fa-links:hover,a.fa-links:focus
 {
 color:#ffffff;
+}
+
+
+
+
+
+
+.tile .tile-label {
+    position: absolute;
+    bottom: 10px;
+    left: 20px;
+    font-size: 14px;
+    color: #fff;
+}
+
+
+.tile .tile-content .tile-icon-large {
+    margin-left: 0px;
+    vertical-align: middle !important;
+    text-align: center;
+}
+
+.tile .tile-content
+{
+    padding-top: 20px;
+    line-height: normal;
+    position: relative;
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
 }