diff options
| author | ondrej.zara <none@none> | 2010-03-16 16:39:35 +0000 |
|---|---|---|
| committer | ondrej.zara <none@none> | 2010-03-16 16:39:35 +0000 |
| commit | a14842c2b9f6f2c9f5a59a8ffbe9cd3dd8d40321 (patch) | |
| tree | a1196d5d429bff640caa35d94120d6366c9e52f8 | |
| parent | c186731722056f7ef87fd968c096d517c988cd78 (diff) | |
| download | wwwsqldesigner-a14842c2b9f6f2c9f5a59a8ffbe9cd3dd8d40321.zip wwwsqldesigner-a14842c2b9f6f2c9f5a59a8ffbe9cd3dd8d40321.tar.gz wwwsqldesigner-a14842c2b9f6f2c9f5a59a8ffbe9cd3dd8d40321.tar.bz2 | |
#80 pure css shadows, thanks to geompse + actualized dates
--HG--
extra : convert_revision : svn%3Ab267cdba-c1da-11dd-874b-8bacd04a0a74/trunk%4090
| -rw-r--r-- | images/bar_bottom.png | bin | 2947 -> 0 bytes | |||
| -rw-r--r-- | images/bar_corner.png | bin | 2871 -> 0 bytes | |||
| -rw-r--r-- | images/bar_left.png | bin | 2887 -> 0 bytes | |||
| -rw-r--r-- | images/table_bottom.png | bin | 2961 -> 0 bytes | |||
| -rw-r--r-- | images/table_corner.png | bin | 2893 -> 0 bytes | |||
| -rw-r--r-- | images/table_right.png | bin | 2989 -> 0 bytes | |||
| -rw-r--r-- | index.html | 6 | ||||
| -rw-r--r-- | js/wwwsqldesigner.js | 7 | ||||
| -rw-r--r-- | license.txt | 2 | ||||
| -rw-r--r-- | styles/style.css | 65 |
10 files changed, 12 insertions, 68 deletions
diff --git a/images/bar_bottom.png b/images/bar_bottom.png Binary files differdeleted file mode 100644 index bb361ee..0000000 --- a/images/bar_bottom.png +++ /dev/null diff --git a/images/bar_corner.png b/images/bar_corner.png Binary files differdeleted file mode 100644 index 807c65c..0000000 --- a/images/bar_corner.png +++ /dev/null diff --git a/images/bar_left.png b/images/bar_left.png Binary files differdeleted file mode 100644 index ec7f34b..0000000 --- a/images/bar_left.png +++ /dev/null diff --git a/images/table_bottom.png b/images/table_bottom.png Binary files differdeleted file mode 100644 index 0890c8e..0000000 --- a/images/table_bottom.png +++ /dev/null diff --git a/images/table_corner.png b/images/table_corner.png Binary files differdeleted file mode 100644 index e5e86de..0000000 --- a/images/table_corner.png +++ /dev/null diff --git a/images/table_right.png b/images/table_right.png Binary files differdeleted file mode 100644 index 0f4600f..0000000 --- a/images/table_right.png +++ /dev/null @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- - WWW SQL Designer, (C) 2005-2009 Ondrej Zara, ondras@zarovi.cz + WWW SQL Designer, (C) 2005-2010 Ondrej Zara, ondras@zarovi.cz Version: 2.3.2 See license.txt for licencing information. --> @@ -21,10 +21,6 @@ <body> <div id="area"></div> <div id="bar"> - <div class="shadow-left"></div> - <div class="shadow-corner"></div> - <div class="shadow-bottom"></div> - <input type="button" id="saveload" /> <hr/> diff --git a/js/wwwsqldesigner.js b/js/wwwsqldesigner.js index 3c04e26..5c46103 100644 --- a/js/wwwsqldesigner.js +++ b/js/wwwsqldesigner.js @@ -658,13 +658,6 @@ SQL.Table.prototype._build = function() { OZ.Event.add(this.dom.container,"click",this.bind(this.click)); OZ.Event.add(this.dom.container,"dblclick",this.bind(this.dblclick)); OZ.Event.add(this.dom.container,"mousedown",this.bind(this.down)); - - /* shadows */ - var cn = ["shadow-corner","shadow-right","shadow-bottom"]; - for (var i=0;i<cn.length;i++) { - var d = OZ.DOM.elm("div",{className:cn[i]}); - this.dom.container.appendChild(d); - } } SQL.Table.prototype.setTitle = function(t) { diff --git a/license.txt b/license.txt index 8f5f707..da0dfc3 100644 --- a/license.txt +++ b/license.txt @@ -1,4 +1,4 @@ -Copyright (c) 2005-2009, Ondrej Zara +Copyright (c) 2005-2010, Ondrej Zara All rights reserved. Redistribution and use in source and binary forms, with or without modification, diff --git a/styles/style.css b/styles/style.css index b4afe9c..ff40ed6 100644 --- a/styles/style.css +++ b/styles/style.css @@ -22,33 +22,11 @@ body { right: 0px; width: 150px; padding: 5px; -} - -#bar .shadow-corner { - width: 8px; - height: 8px; - position: absolute; - left: -8px; - bottom: -8px; - background-image: url(../images/bar_corner.png); -} - -#bar .shadow-left { - width: 8px; - height: 100%; - position: absolute; - left: -8px; - top: 0px; - background-image: url(../images/bar_left.png); -} - -#bar .shadow-bottom { - width: 100%; - height: 8px; - position: absolute; - left: 0px; - bottom: -8px; - background-image: url(../images/bar_bottom.png); + -moz-box-shadow: -4px 4px 8px #888; /* FF 3.5+ */ + -webkit-box-shadow: -4px 4px 8px #888; /* Safari 3.0+, Chrome */ + box-shadow: -4px 4px 8px #888; /* Opera 10.5, IE 9.0 */ + filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-4px, OffY=4px, Color='#888888'); /* IE6, IE7 */ + -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-4px, OffY=4px, Color='#888888')"; /* IE8 */ } #bar input { @@ -98,36 +76,13 @@ body { background-color: #ddd; cursor: pointer; z-index: 10; + -moz-box-shadow: 4px 4px 8px #888; /* FF 3.5+ */ + -webkit-box-shadow: 4px 4px 8px #888; /* Safari 3.0+, Chrome */ + box-shadow: 4px 4px 8px #888; /* Opera 10.5, IE 9.0 */ + filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=4px, OffY=4px, Color='#888888'); /* IE6, IE7 */ + -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=4px, OffY=4px, Color='#888888')"; /* IE8 */ } -.table .shadow-corner { - width: 8px; - height: 8px; - position: absolute; - right: -8px; - bottom: -8px; - background-image: url(../images/table_corner.png); -} - -.table .shadow-right { - width: 8px; - height: 100%; - position: absolute; - right: -8px; - top: 0px; - background-image: url(../images/table_right.png); -} - -.table .shadow-bottom { - width: 100%; - height: 8px; - position: absolute; - left: 0px; - bottom: -8px; - background-image: url(../images/table_bottom.png); -} - - .table_selected { border: 2px solid #000; } |
