mft3k

commit 039866f454cb26cc8aa77c66fa80fbf45ceb1970
parent 521bdbe15502bef15c0f3ef846fbfd47d91bf2db
Author: Ryan Wolf <rwolf@borderstylo.com>
Date:   Fri, 25 Jun 2010 16:57:38 -0700

mst3k-esque row now shows up

Diffstat:
M
chrome/content/binding.xml
 | 
3
++-
A
chrome/skin/images/empty.png
 | 
0

A
chrome/skin/images/occupied.png
 | 
0

M
chrome/skin/stylesheets/stylesheet.css
 | 
23
++++++++++++++++-------

4 files changed, 18 insertions(+), 8 deletions(-)
diff --git a/chrome/content/binding.xml b/chrome/content/binding.xml
@@ -12,7 +12,8 @@
           <xbl:children />
         </div>
         <div id="seats">
-          <div id="test" />
+          <div id="empty" />
+          <div id="occupied" usemap="#hecklers" />
         </div>
       </body>
     </xbl:content>
diff --git a/chrome/skin/images/empty.png b/chrome/skin/images/empty.png
Binary files differ.
diff --git a/chrome/skin/images/occupied.png b/chrome/skin/images/occupied.png
Binary files differ.
diff --git a/chrome/skin/stylesheets/stylesheet.css b/chrome/skin/stylesheets/stylesheet.css
@@ -14,17 +14,26 @@
 
 #seats {
   position: fixed;
-  top: 0;
+  bottom: 0;
   left: 0;
-  height: 100%;
+  height: 90px;
   width: 100%;
 }
 
-#test {
-  position: fixed;
+#empty {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 248px;
+  height: 90px;
+  background: url("chrome://mft3k/skin/images/empty.png") right bottom repeat-x;
+}
+
+#occupied {
+  position: absolute;
   bottom: 0;
   right: 0;
-  height: 100px;
-  width: 100px;
-  background-color: red;
+  width: 248px;
+  height: 90px;
+  background: url("chrome://mft3k/skin/images/occupied.png");
 }