add testing device images and a lot more, before bootstrap:themed

2012-08-24 13:46:59 +02:00
parent 5b27d6dcd9
commit e3c189d187
33 changed files with 2003 additions and 51 deletions
@@ -9,5 +9,5 @@
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
- *= require_tree .
+ *= require_directory .
 */
@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_directory .
+ */
@@ -0,0 +1,7 @@
+body
+  padding-left: 0px
+  padding-right: 0px
+  //padding-top: 50px
+  .navbar-fixed-top
+    margin-left: 0px
+    margin-right: 0px
@@ -31,3 +31,33 @@ table
        td
          &:first-child
            background-image: image-url('icons/order-doublecheck.png')
+.phone-wrapper
+  position: absolute
+  top: 60px
+  left: 20px
+  width: 353px
+  height: 693px
+  background-image: image-url('frames/smartphone.png')
+  background-repeat: no-repeat
+.phone-content-frame
+  position: absolute
+  left: 40px
+  top: 182px
+  height: 482px
+  width: 310px
+ 
+
+.tablet-wrapper
+  position: absolute
+  top: 60px
+  left: 393px
+  width: 1002px
+  height: 670px
+  background-image: image-url('frames/tablet.png')
+  background-repeat: no-repeat
+.tablet-content-frame
+  position: absolute
+  left: 433px
+  top: 100px
+  width: 880px
+  height: 590px