border-radius: 10px; (because Opera supports it!)
This commit is contained in:
parent
74906d5001
commit
c21443a62d
|
@ -22,6 +22,7 @@ article, section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
@ -164,7 +165,12 @@ addEvent(drop, 'drop', function (e) {
|
||||||
|
|
||||||
/** THIS IS THE MAGIC: we read from getData based on the content type - so it grabs the item matching that format **/
|
/** 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) {
|
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 {
|
} else {
|
||||||
// ... however, if we're IE, we don't have the .types property, so we'll just get the Text value
|
// ... 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');
|
li.innerHTML = e.dataTransfer.getData('Text');
|
||||||
|
|
28
drag.html
28
drag.html
|
@ -91,17 +91,17 @@ li.over {
|
||||||
var msie = /*@cc_on!@*/0;
|
var msie = /*@cc_on!@*/0;
|
||||||
yum.style.opacity = 1;
|
yum.style.opacity = 1;
|
||||||
|
|
||||||
var links = document.querySelectorAll('li > a'), el = null;
|
// var links = document.querySelectorAll('li > a'), el = null;
|
||||||
for (var i = 0; i < links.length; i++) {
|
// for (var i = 0; i < links.length; i++) {
|
||||||
el = links[i];
|
// el = links[i];
|
||||||
|
//
|
||||||
el.setAttribute('draggable', 'true');
|
// el.setAttribute('draggable', 'true');
|
||||||
|
//
|
||||||
addEvent(el, 'dragstart', function (e) {
|
// addEvent(el, 'dragstart', function (e) {
|
||||||
e.dataTransfer.effectAllowed = 'move';
|
// // e.dataTransfer.effectAllowed = 'move';
|
||||||
e.dataTransfer.setData('Text', this.id); // required otherwise doesn't work
|
// e.dataTransfer.setData('Text', this.id); // required otherwise doesn't work
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
var bin = document.querySelector('#bin');
|
var bin = document.querySelector('#bin');
|
||||||
|
|
||||||
|
@ -123,10 +123,10 @@ li.over {
|
||||||
|
|
||||||
addEvent(bin, 'drop', function (e) {
|
addEvent(bin, 'drop', function (e) {
|
||||||
if (e.stopPropagation) e.stopPropagation(); // stops the browser from redirecting...why???
|
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
|
// stupid nom text + fade effect
|
||||||
bin.className = '';
|
bin.className = '';
|
||||||
|
|
1
geo.html
1
geo.html
|
@ -23,6 +23,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,6 +22,7 @@ article, section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,6 +23,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -26,6 +26,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -26,6 +26,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,6 +22,7 @@ section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,6 +22,7 @@ article, section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,6 +22,7 @@ article, section, header, footer {
|
||||||
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
background: #fff url(images/shade.jpg) repeat-x center bottom;
|
||||||
-moz-border-radius: 10px;
|
-moz-border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
padding-bottom: 76px;
|
padding-bottom: 76px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue