From b8bf26bf50e6819d43f6662e061224f1c48445e6 Mon Sep 17 00:00:00 2001
From: Andreas Gohr <andi@splitbrain.org>
Date: Mon, 13 Mar 2006 23:13:12 +0100
Subject: [PATCH] experimental shadow effect for input controls
This adds a shadow effect to input fields and buttons for the default
template. It uses alphatransparency PNGs so it will may look bad for IE
in some cases. I think it adds some nice 3D effect making inputs and
buttons easily distictable without any complicated CSS markup.
darcs-hash:20060313221312-7ad00-73e0d0c23d8bb151c0e05dd1b92c7e4286da591b.gz
---
lib/tpl/default/design.css | 6 +++++-
lib/tpl/default/images/buttonshadow.png | Bin 0 -> 257 bytes
lib/tpl/default/images/inputshadow.png | Bin 0 -> 276 bytes
3 files changed, 5 insertions(+), 1 deletion(-)
create mode 100644 lib/tpl/default/images/buttonshadow.png
create mode 100644 lib/tpl/default/images/inputshadow.png
diff --git a/lib/tpl/default/design.css b/lib/tpl/default/design.css
index 70b429bc3..f22019eae 100644
--- a/lib/tpl/default/design.css
+++ b/lib/tpl/default/design.css
@@ -85,8 +85,9 @@ div.dokuwiki textarea.edit {
color: Black;
background-color: __white__;
font-size:14px;
- padding: 3px;
+ padding: 0.3em 0 0 0.3em;
width:100%;
+ background: __white__ url(images/inputshadow.png) repeat-x top;
}
div.dokuwiki input.edit, div.dokuwiki select.edit {
@@ -98,6 +99,7 @@ div.dokuwiki input.edit, div.dokuwiki select.edit {
margin: 1px;
padding: 0.20em 0.3em;
display: inline;
+ background: __white__ url(images/inputshadow.png) repeat-x top;
}
div.dokuwiki select.edit {
@@ -166,6 +168,7 @@ div.dokuwiki input.button, div.dokuwiki button.button{
cursor: pointer;
margin: 1px;
padding: 0.125em 0.4em;
+ background: __white__ url(images/buttonshadow.png) repeat-x bottom;
}
* html div.dokuwiki input.button, * html div.dokuwiki button.button{
@@ -711,6 +714,7 @@ button.toolbutton{
margin: 0 1px 0 0;
border: 1px solid __dark__;
cursor: pointer;
+ background: __white__ url(images/buttonshadow.png) repeat-x bottom;
}
div.picker {
diff --git a/lib/tpl/default/images/buttonshadow.png b/lib/tpl/default/images/buttonshadow.png
new file mode 100644
index 0000000000000000000000000000000000000000..f60be309f722795be20fa45eb5f6b45cf9a1ad52
GIT binary patch
literal 257
zcmeAS@N?(olHy`uVBq!ia0vp^Ahr+(8<0%e?(Yqx*pj^6U4S$Y{B+)352QE?JR*x3
z7`O#Mm~pN0-cq38LQfaR5RLP1Cu}TaG2}VYAenkjCh~s0`M+5_?2rD&KjB(4;Z|%B
z<Nx>l&%b~Esp!yP@>wHb0mJk!3{DL3hraam?Pkqew7qSSP2uro-B;S7Yi|1YUG&;2
zwu^P8P4qK9eQ5>ms+MAlN-G!TxlY`7-ft56Bazk^p2vO5q=BV(@-tSQHLh<SUOM^Z
x7h82=bU{n=>vuEt+%{Y~zj)`w$9{$)b&Pt_N$n4P_^LoY@pScbS?83{1OR-{U^4&!
literal 0
HcmV?d00001
diff --git a/lib/tpl/default/images/inputshadow.png b/lib/tpl/default/images/inputshadow.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff80fbad1db45f0d416b392a0de59953a0c6d890
GIT binary patch
literal 276
zcmeAS@N?(olHy`uVBq!ia0vp^Ahr+(8<0%e?(Yqx*pj^6T^Rm@;DWu&Cj&(|3p^r=
z85p<)L71^VC4M4MkiEpy*OmPmGp`t@`1iwNmw`eHJzX3_G|s=BxG|T-kcTCm;p_bw
z`}yW8Pk&J8a4-Im&>07T16K=netP`XYmp0c%DI(Xt;w~`N^2E3m0V1lm}9zUE@!xL
zw%Nh@gsbzdXLn34%#3B<bB|%kAHg1`@($S-uX5+c>^<4X+V<n+0w*Uk#<bZR4=!96
zvUOg<uGH-po9iSKcPx7M@6DClkJI+3<Xy6wAL9SGP`Ogh=EA3+EB^o5UB_7RAZNxr
TaoZH2V;MYM{an^LB{Ts5M#gPK
literal 0
HcmV?d00001
--
GitLab