MS DC; text now overlays for wallpaper; ALSO. really sorry @danielgrippis stuff does not work in firefox. or safari.

or konqueror. we will talk to him about it later

app/assets/javascripts/app/views/small_frame.js

@@ -16,7 +16,12 @@ app.views.SmallFrame = app.views.Base.extend({
   },
 
   postRenderTemplate : function() {
-    this.$el.addClass(this.dimensionsClass() + " " + this.colorClass())
+    this.$el.addClass([this.dimensionsClass(), this.colorClass(), this.frameClass()].join(' '))
+  },
+
+  frameClass : function(){
+    var name = this.model.get("frame_name") || ""
+    return name.toLowerCase()
   },
 
   colorClass : function() {

app/assets/stylesheets/new_styles/_canvas.scss

@@ -76,6 +76,7 @@ body {
 
     /* used in masking photos with overflow: hidden; */
     .image-container {
+
       overflow : hidden;
       width : 100%;
 
@@ -188,4 +189,37 @@ body {
   &.x2.width  .content { @include wide(); }
   &.sticky-note.x2.height  .content { @include tall(); }
 
+
+  &.wallpaper {
+    .info {
+      
+    }
+    .content{
+      display: table;
+    }
+
+    .image-container {
+      background-color: black;
+      display: table-cell;
+
+      img {
+        @include opacity(0.7);
+      }
+    }
+
+    .text-content {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      top: 40%;
+      @include centered-frame();
+      font-size: 3em;
+      color: white;
+      @include opacity(1);
+      text-shadow : none;
+      font-weight: bold;
+
+
+    }
+  }
 }

app/assets/templates/small-frame.jst.hbs

@@ -30,14 +30,12 @@
         </div>
     {{/if}}
 
-    {{#unless photos}}
         <div class="text-content">
             {{{text}}}
         </div>
         {{#if text}}
             <div class="background-color"></div>
         {{/if}}
-    {{/unless}}
 </div>
 
 <div class="info">

app/models/post.rb

@@ -45,6 +45,7 @@ class Post < ActiveRecord::Base
     t.add :photos
     t.add :nsfw
     t.add :favorite
+    t.add :frame_name
   end
 
   xml_attr :provider_display_name