Permalink
Browse files

working w/ function encapsulation, minor responsiveness, still more c…

…leanup needed
  • Loading branch information...
rocktronica committed Apr 12, 2012
1 parent d71686a commit d995600aa514f855686be16d07967b672efc97eb
Showing with 361 additions and 375 deletions.
  1. +3 −0 .gitignore
  2. +24 −10 crawler.css
  3. +334 −336 crawler.js
  4. +0 −29 crawler_images.js
View
@@ -0,0 +1,3 @@
+crawler_dev.js
+crawler_images.js
+server.js
View
@@ -47,7 +47,7 @@ a {
#header kbd { color: #666; }
-#crawler, #iframe { margin-top: 45px; }
+#crawler, #iframewrapper { margin-top: 45px; }
#header nav {
position: absolute;
@@ -176,17 +176,25 @@ li { position: relative; }
/* --- iframe --- */
-#iframe {
- border: none;
+#iframewrapper {
position: fixed;
- display: block;
top: 0;
right: 0;
- height: 50%;
- width: 60%;
+ bottom: 50%;
+ left: 40%;
+ display: block;
z-index: 0;
}
+#iframe {
+ border: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+}
+
/* --- output --- */
#output {
@@ -217,18 +225,14 @@ li { position: relative; }
/* --- fullscreen output --- */
-#output { -webkit-transition: all .5s ease; }
-
#chkOutputFullscreen {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 301;
- background: red;
width: 20px;
height: 20px;
display: block;
- border: 1px solid green;
text-indent: -40px;
visibility: hidden;
cursor: pointer;
@@ -255,6 +259,16 @@ li { position: relative; }
#chkOutputFullscreen:hover ~ #output { z-index: 300; }
+/* --- responsivesauce --- */
+
+#crawler, #output, #iframewrapper { -webkit-transition: all .5s ease; }
+
+@media all and (min-width: 1000px) {
+ #crawler { right: 70%; }
+ #iframewrapper { left: 30%; bottom: 50%; }
+ #output { left: 30% }
+}
+
/*
li span {
Oops, something went wrong.

0 comments on commit d995600

Please sign in to comment.