diff options
author | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2008-07-03 09:05:47 +0000 |
---|---|---|
committer | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2008-07-03 09:05:47 +0000 |
commit | e88d4dface1faeee38f2ba9b65ee8d8052e71905 (patch) | |
tree | 5e36b2612080d38c57637a7984a52d5e7e304232 /WebContent/ITMILL/themes/default/shadow | |
parent | b0d8795098c9de54af7821ca3f40538357d233b7 (diff) | |
download | vaadin-framework-e88d4dface1faeee38f2ba9b65ee8d8052e71905.tar.gz vaadin-framework-e88d4dface1faeee38f2ba9b65ee8d8052e71905.zip |
Shadow styles for default theme.
svn changeset:5017/svn branch:trunk
Diffstat (limited to 'WebContent/ITMILL/themes/default/shadow')
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/img/bottom-left.png | bin | 0 -> 183 bytes | |||
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/img/bottom-right.png | bin | 0 -> 192 bytes | |||
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/img/bottom.png | bin | 0 -> 130 bytes | |||
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/img/center.png | bin | 0 -> 109 bytes | |||
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/img/left.png | bin | 0 -> 124 bytes | |||
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/img/right.png | bin | 0 -> 124 bytes | |||
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/img/top-left.png | bin | 0 -> 169 bytes | |||
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/img/top-right.png | bin | 0 -> 186 bytes | |||
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/img/top.png | bin | 0 -> 125 bytes | |||
-rw-r--r-- | WebContent/ITMILL/themes/default/shadow/shadow.css | 145 |
10 files changed, 145 insertions, 0 deletions
diff --git a/WebContent/ITMILL/themes/default/shadow/img/bottom-left.png b/WebContent/ITMILL/themes/default/shadow/img/bottom-left.png Binary files differnew file mode 100644 index 0000000000..b119a13119 --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/img/bottom-left.png diff --git a/WebContent/ITMILL/themes/default/shadow/img/bottom-right.png b/WebContent/ITMILL/themes/default/shadow/img/bottom-right.png Binary files differnew file mode 100644 index 0000000000..50aaa3bedc --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/img/bottom-right.png diff --git a/WebContent/ITMILL/themes/default/shadow/img/bottom.png b/WebContent/ITMILL/themes/default/shadow/img/bottom.png Binary files differnew file mode 100644 index 0000000000..96af859986 --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/img/bottom.png diff --git a/WebContent/ITMILL/themes/default/shadow/img/center.png b/WebContent/ITMILL/themes/default/shadow/img/center.png Binary files differnew file mode 100644 index 0000000000..d6fb99a889 --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/img/center.png diff --git a/WebContent/ITMILL/themes/default/shadow/img/left.png b/WebContent/ITMILL/themes/default/shadow/img/left.png Binary files differnew file mode 100644 index 0000000000..4c3611c842 --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/img/left.png diff --git a/WebContent/ITMILL/themes/default/shadow/img/right.png b/WebContent/ITMILL/themes/default/shadow/img/right.png Binary files differnew file mode 100644 index 0000000000..34a46e7b13 --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/img/right.png diff --git a/WebContent/ITMILL/themes/default/shadow/img/top-left.png b/WebContent/ITMILL/themes/default/shadow/img/top-left.png Binary files differnew file mode 100644 index 0000000000..27cf4d3f61 --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/img/top-left.png diff --git a/WebContent/ITMILL/themes/default/shadow/img/top-right.png b/WebContent/ITMILL/themes/default/shadow/img/top-right.png Binary files differnew file mode 100644 index 0000000000..7f187ca556 --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/img/top-right.png diff --git a/WebContent/ITMILL/themes/default/shadow/img/top.png b/WebContent/ITMILL/themes/default/shadow/img/top.png Binary files differnew file mode 100644 index 0000000000..b654d78da9 --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/img/top.png diff --git a/WebContent/ITMILL/themes/default/shadow/shadow.css b/WebContent/ITMILL/themes/default/shadow/shadow.css new file mode 100644 index 0000000000..fb7395d4d9 --- /dev/null +++ b/WebContent/ITMILL/themes/default/shadow/shadow.css @@ -0,0 +1,145 @@ +.i-shadow { + position: absolute; + overflow: auto; +} + +.i-shadow .top-left { + position: absolute; overflow: hidden; + top: 0; left: 0; + width: 8px; height: 8px; + background: transparent url(img/top-left.png); +} + +.i-shadow .top { + position: absolute; overflow: hidden; + top: 0; left: 8px; + height: 8px; + right: 8px; + background: transparent url(img/top.png); +} + +.i-shadow .top-right { + position: absolute; overflow: hidden; + top: 0; right: 0; + width: 8px; height: 8px; + background: transparent url(img/top-right.png); +} + +.i-shadow .left { + position: absolute; overflow: hidden; + top: 8px; left: 0; + width: 8px; + bottom: 8px; + background: transparent url(img/left.png); +} + +.i-shadow .center { + position: absolute; overflow: hidden; + top: 8px; left: 8px; + bottom: 8px; right: 8px; + background: transparent url(img/center.png); +} + +.i-shadow .right { + position: absolute; overflow: hidden; + top: 8px; right: 0; + width: 8px; + bottom: 8px; + background: transparent url(img/right.png); +} + +.i-shadow .bottom-left { + position: absolute; overflow: hidden; + bottom: 0; left: 0; + width: 8px; height: 8px; + background: transparent url(img/bottom-left.png); +} + +.i-shadow .bottom { + position: absolute; overflow: hidden; + bottom: 0; left: 8px; + right: 8px; height: 8px; + background: transparent url(img/bottom.png); +} + +.i-shadow .bottom-right { + position: absolute; overflow: hidden; + bottom: 0; right: 0; + width: 8px; height: 8px; + background: transparent url(img/bottom-right.png); +} + + + + + +/* And all the same for IE6 (transparent png's) */ + +* html .i-shadow .top-left { + background: transparent; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/top-left.png", sizingMethod='crop'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/top-left.png", sizingMethod='crop'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/top-left.png", sizingMethod='crop'); +} + +* html .i-shadow .top { + background: transparent; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/top.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/top.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/top.png", sizingMethod='scale'); + width: expression(this.parentNode.offsetWidth - this.previousSibling.offsetWidth - this.nextSibling.offsetWidth); +} + +* html .i-shadow .top-right { + background: transparent; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/top-right.png", sizingMethod='crop'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/top-right.png", sizingMethod='crop'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/top-right.png", sizingMethod='crop'); +} + +* html .i-shadow .left { + background: transparent; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/left.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/left.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/left.png", sizingMethod='scale'); + height: expression(this.parentNode.offsetHeight - this.parentNode.firstChild.offsetHeight - this.parentNode.childNodes[6].offsetHeight); +} + +* html .i-shadow .center { + background: transparent; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/center.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/center.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/center.png", sizingMethod='scale'); + height: expression(this.parentNode.offsetHeight - this.parentNode.firstChild.offsetHeight - this.parentNode.childNodes[6].offsetHeight); + width: expression(this.parentNode.offsetWidth - this.previousSibling.offsetWidth - this.nextSibling.offsetWidth); +} + +* html .i-shadow .right { + background: transparent; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/right.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/right.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/right.png", sizingMethod='scale'); + height: expression(this.parentNode.offsetHeight - this.parentNode.firstChild.offsetHeight - this.parentNode.childNodes[6].offsetHeight); +} + +* html .i-shadow .bottom-left { + background: transparent; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/bottom-left.png", sizingMethod='crop'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/bottom-left.png", sizingMethod='crop'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/bottom-left.png", sizingMethod='crop'); +} + +* html .i-shadow .bottom { + background: transparent; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/bottom.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/bottom.png", sizingMethod='scale'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/bottom.png", sizingMethod='scale'); + width: expression(this.parentNode.offsetWidth - this.previousSibling.offsetWidth - this.nextSibling.offsetWidth); +} + +* html .i-shadow .bottom-right { + background: transparent; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ITMILL/themes/default/shadow/img/bottom-right.png", sizingMethod='crop'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../ITMILL/themes/default/shadow/img/bottom-right.png", sizingMethod='crop'); + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../ITMILL/themes/default/shadow/img/bottom-right.png", sizingMethod='crop'); +}
\ No newline at end of file |