browser functionality all working

1 files changed, 83 insertions, 68 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 50b5023..75e4ddc 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -1,102 +1,117 @@
 html,body{width:100%;height:100%;margin:0;padding:0;}
+body {
+  background-image: url(http://okfocus.s3.amazonaws.com/luckyplop/LUCKY_PLOP.jpg);
+  background-position: center;
+  font-size: 13px;
+  font-family: arial, sans-serif;
+  line-height: 1;
+}
 #luckyimage img {
-  width:100%;
-  height:100%;
-  position:fixed;
-  top:0;
-  left:0;
-  z-index:1;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1;
 }
 #topnav {
-  height:23px;
-  min-width:500px;
-  overflow:hidden;
-  text-decoration:none;
-  font-weight:100;
-  position:fixed;
-  top:0;
-  left:0;
-  z-index:7;
-  background-color:rgba(255,200,250,0.4);
-  width:100%;
-  font-size:22px;
-  border-bottom:1px solid #eee;
+  height: 23px;
+  min-width: 500px;
+  overflow: hidden;
+  text-decoration: none;
+  font-weight: 100;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 7;
+  background-color: rgba(255,200,250,0.4);
+  width: 100%;
+  font-size: 22px;
+  border-bottom: 1px solid #eee;
 }
 a:hover {
-  color:#f0e;
+  color: #f0e;
 }
 a:visited {
-  color:blue;
+  color: blue;
 }
 
 .luckyback a {
-  text-decoration:none;
-  font-family: Comic Sans MS,Verdana,Helvetica,sans-serif;
+  text-decoration: none;
+  font-family: 'Comic Sans MS', fantasy;
 }
 .luckyback {
   text-shadow: yellow 0.1em 1px 1px;
-  text-transform:uppercase;
-  font-weight:bold;
-  color:yellow;
+  text-transform: uppercase;
+  font-weight: bold;
+  color: yellow;
 }
 .luckyback a {
-  color:blue;
+  color: blue;
 }
 
 #luckyimage {
-  background-image: url('https://s3.amazonaws.com/luckyplop/c2c40f3006df36c5f6790f9b03f0329205e1ed33.gif');
-  position:fixed;
-  height:100%;
-  width:100%;
-  top:0;
-  left:0;
-  background-position:center;
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  background-position: center;
 }
 #luckypad {
-  z-index:3;
-  position:fixed;
-  right:30px;
-  bottom:15px;
+  z-index: 3;
+  position: fixed;
+  right: 30px;
+  bottom: 15px;
 }
 #bottombar {
-  overflow-style:marquee-block;
-  z-index:2;
-  position:fixed;
-  bottom:0;
-  left:0;
-  font-family: Comic Sans MS,Verdana,Helvetica,sans-serif;
+  z-index: 2;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  font-family: 'Comic Sans MS', fantasy;
   text-shadow: blue 0.1em 1px 1px;
-  color:yellow;
-  font-size:30px;
-  text-align:left;
-  background-color:rgba(255,0,250,0.1);
-  height:30px;
-  width:100%;
-  font-weight:bold;
-  font-style:italic;
-  text-transform:uppercase;
+  color: yellow;
+  font-size: 30px;
+  text-align: left;
+  background-color: rgba(255,0,250,0.1);
+  height: 30px;
+  width: 100%;
+  font-weight: bold;
+  font-style: italic;
+  text-transform: uppercase;
 }
 #pip {
-  position:absolute;
-  z-index:8;
-  top:80px;
-  width:15%;
-  left:50px;
+  position: absolute;
+  z-index: 8;
+  top: 80px;
+  width: 15%;
+  left: 50px;
   box-shadow: 5px 5px 4px #888;
-  border:2px inset black;
+  border: 2px inset black;
 }
 #pip:hover {
-  border:2px solid blue;
-  cursor:pointer;
+  border: 2px solid blue;
+  cursor: pointer;
+}
+#pip img {
+  width: 100%;
+}
+#morelucky {
+  display: none;
 }
-
 #droparea {
   display: none;
   position: fixed;
-  top:0;left:0;
-  width: 100%; height: 100%;
-  z-index:7778;
-  background-color:rgba(255,255,255,0.7);
-  background-image:url(slot.gif);
-  background-position:center;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 7778;
+  background-color: rgba(255,255,255,0.7);
+  background-image: url(http://okfocus.s3.amazonaws.com/luckyplop/slot.gif);
+  background-position: center;
 }
+marquee {
+  line-height: 1.1;
+}
\ No newline at end of file