border-radius: 10px; (because Opera supports it!)

SuperMelon · Mar 2, 2010 · c21443a · c21443a
1 parent 74906d5
commit c21443a
Show file tree

Hide file tree

Showing 15 changed files with 34 additions and 15 deletions.
diff --git a/canvas.html b/canvas.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/contenteditable.html b/contenteditable.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/database-rollback.html b/database-rollback.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/database.html b/database.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/drag-anything.html b/drag-anything.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }
@@ -164,7 +165,12 @@ <h1>Simple Drag and Drop</h1>
 
   /** THIS IS THE MAGIC: we read from getData based on the content type - so it grabs the item matching that format **/
   if (getDataType.checked == false && e.dataTransfer.types) {
-    li.innerHTML = entities(e.dataTransfer.getData(e.dataTransfer.types[0]) + ' (content-type: ' + e.dataTransfer.types[0] + ')');
+    li.innerHTML = '<ul>';
+    [].forEach.call(e.dataTransfer.types, function (type) {
+      li.innerHTML += '<li>' + entities(e.dataTransfer.getData(type) + ' (content-type: ' + type + ')') + '</li>';
+    });
+    li.innerHTML += '</ul>';
+
   } else {
     // ... however, if we're IE, we don't have the .types property, so we'll just get the Text value
     li.innerHTML = e.dataTransfer.getData('Text');

diff --git a/drag.html b/drag.html
@@ -91,17 +91,17 @@
   var msie = /*@cc_on!@*/0;
   yum.style.opacity = 1;
 
-  var links = document.querySelectorAll('li > a'), el = null;
-  for (var i = 0; i < links.length; i++) {
-    el = links[i];
-
-    el.setAttribute('draggable', 'true');
-
-    addEvent(el, 'dragstart', function (e) {
-      e.dataTransfer.effectAllowed = 'move';
-      e.dataTransfer.setData('Text', this.id); // required otherwise doesn't work
-    });
-  }
+  // var links = document.querySelectorAll('li > a'), el = null;
+  // for (var i = 0; i < links.length; i++) {
+  //   el = links[i];
+  // 
+  //   el.setAttribute('draggable', 'true');
+  // 
+  //   addEvent(el, 'dragstart', function (e) {
+  //     // e.dataTransfer.effectAllowed = 'move';
+  //     e.dataTransfer.setData('Text', this.id); // required otherwise doesn't work
+  //   });
+  // }
 
   var bin = document.querySelector('#bin');
 
@@ -123,10 +123,10 @@
 
   addEvent(bin, 'drop', function (e) {
     if (e.stopPropagation) e.stopPropagation(); // stops the browser from redirecting...why???
-
-    var el = document.getElementById(e.dataTransfer.getData('Text'));
 
-    el.parentNode.removeChild(el);
+    // var el = document.getElementById(e.dataTransfer.getData('Text'));
+    // 
+    // el.parentNode.removeChild(el);
 
     // stupid nom text + fade effect
     bin.className = '';

diff --git a/geo.html b/geo.html
@@ -23,6 +23,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/non-worker.html b/non-worker.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/offline.html b/offline.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/offlineapp.html b/offlineapp.html
@@ -23,6 +23,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/postmessage.html b/postmessage.html
@@ -26,6 +26,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/postmessage2.html b/postmessage2.html
@@ -26,6 +26,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/storage.html b/storage.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/video.html b/video.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

diff --git a/worker.html b/worker.html
@@ -22,6 +22,7 @@
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }