Fixes

PascalPixel · PascalPixel · commit c20b08d0bc4b · 2014-01-16T05:20:13.000+01:00
diff --git a/index.html b/index.html
@@ -84,12 +84,12 @@
       padding:7px
       }
       
-      .browser .toolbar,.btn {
+      .browser .toolbar,.browser .brbtn {
       background:linear-gradient(to bottom,#e2e2e2 0%, #c8c8c8 100%);
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2',endColorstr='#c8c8c8',GradientType=0)
       }
       
-      .browser .btn {
+      .browser .brbtn {
       border:1px solid rgba(0,0,0,0.3);
       box-shadow:inset 0 1px 0 white, 0 1px 0 rgba(255,255,255,0.7);
       color:#788083;
@@ -103,12 +103,12 @@
       transition: background 0.2s;
       }
       
-      .browser .btn:hover {
+      .browser .brbtn:hover {
       background:linear-gradient(to bottom,#ededed 0%,#c8c8c8 100%);
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#c8c8c8',GradientType=0)
       }
       
-      .browser .btn:active,.browser .btn.active {
+      .browser .brbtn:active,.browser .brbtn.active {
       background:linear-gradient(to bottom,#c8c8c8 0%,#e2e2e2 100%);
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8',endColorstr='#e2e2e2',GradientType=0)
       }
@@ -136,7 +136,7 @@
         right:10px
         }
         
-        .browser .btn {
+        .browser .brbtn {
         height:30px;
         padding:5px 10px;
         width:35px;
@@ -157,33 +157,33 @@
   <body>
     <div class="browser">
       <div class="toolbar">
-        <a class="btn back" href="#">&#9668;</a>
-        <a class="btn forward" href="#">&#9658;</a>
+        <a class="brbtn back" href="#">&#9668;</a>
+        <a class="brbtn forward" href="#">&#9658;</a>
         <div class="address">
-          <span class="url">http://rrrrrrrroll.tumblr.com/</span> <a class="reload pull-right" href="#">&#x21bb;</a>
+          <span class="url">http://polygon.com/</span> <a class="reload pull-right" href="#">&#x21bb;</a>
         </div>
       </div>
       <div class="content">
-        <iframe class="css3-browser" name="iframe" src="http://rrrrrrrroll.tumblr.com/"></iframe>
+        <iframe class="css3-browser" name="iframe" src="http://polygon.com/"></iframe>
       </div>
     </div>
     <script src="http://code.jquery.com/jquery-latest.js"></script>
     <script type="text/javascript">
       $(document).ready(function() {
       
         //Animation
-        $('.css3-browser').addClass('moving');
+        $('.browser .css3-browser').addClass('moving');
         
         //Buttons only work if iframe is on the same website
-        $('.back').click(function(event) {
+        $('.browser .back').click(function(event) {
           event.preventDefault();
           iframe.history.back(); 
         });
-        $('.forward').click(function(event) {
+        $('.browser .forward').click(function(event) {
           event.preventDefault();
           iframe.history.forward();
         });
-        $('.reload').click(function(event) {
+        $('.browser .reload').click(function(event) {
           event.preventDefault();
           iframe.location.reload();
         });
