From 904313e90a23bddf4c625c76e73f9627d9d2f4b0 Mon Sep 17 00:00:00 2001 From: halex Date: Mon, 14 May 2007 05:29:48 +0000 Subject: [PATCH] Added pretty buttons. --- src/www/Bongo.rules | 2 + src/www/css/admin.css | 187 ++++++++++++++++++++++++++++++- src/www/hawkeye/root/login.tpl | 4 +- src/www/hawkeye/server/index.tpl | 3 +- src/www/img/form_buttons.gif | Bin 0 -> 5617 bytes src/www/img/form_buttons.png | Bin 0 -> 3371 bytes 6 files changed, 192 insertions(+), 4 deletions(-) create mode 100644 src/www/img/form_buttons.gif create mode 100644 src/www/img/form_buttons.png diff --git a/src/www/Bongo.rules b/src/www/Bongo.rules index 43a44cb..58927a0 100644 --- a/src/www/Bongo.rules +++ b/src/www/Bongo.rules @@ -188,6 +188,8 @@ dist_img_DATA := \ src/www/img/dialog-error-32.png \ src/www/img/dialog-information-32.png \ src/www/img/dialog-warning.png \ + src/www/img/form_buttons.png \ + src/www/img/form_buttons.gif \ src/www/img/help-browser.png \ src/www/img/locked.png \ src/www/img/locale.png \ diff --git a/src/www/css/admin.css b/src/www/css/admin.css index e032fb1..42820f4 100644 --- a/src/www/css/admin.css +++ b/src/www/css/admin.css @@ -1,7 +1,7 @@ /* Bongo web administration interface (aka Hawkeye) stylesheet (c) 2007 Alexander Hixon - see COPYING for details - Last modified: Sunday May 13, 2007 + Last modified: Monday May 14, 2007 =======[ Global Styles ]======= */ @@ -279,3 +279,188 @@ ul.nav{ color: #eeeeec; border: 3px solid #204a85; } + +/* + =======[ Button Styles ]======= + http://www.hedgerwow.com/360/dhtml/css-round-button/ +*/ + +a.button, span.button, del.button { + display:-moz-inline-box; + display:inline-block; + cursor:pointer; + border:none; + font-size:0; + line-height:0; + + /* + for Safari, read this first + http://creativebits.org/webdev/safari_background_repeat_bug_fix + */ + background-position:0 0; + background-repeat:no-repeat; + height:30px; + text-decoration:none; + color:#2e523b; + font-style:normal; + margin:0 6px 0px 0; + padding:0 10px 0 0; + vertical-align:middle; + + padding-top:-2px; + _position:relative; + _width:10px; + _overflow-y:hidden; +} + +a.button, span.button, del.button, +a.button span, span.button button, span.button input, del.button span { + background-image:url('/img/form_buttons.png'); + _background-image:url('/img/form_buttons.gif'); +} + + +a.button span, span.button button, span.button input, del.button span { + white-space:nowrap; + cursor:pointer; + color:#222; + display:-moz-inline-box; + display:inline-block; + line-height:1; + /*letter-spacing:0 !important; + font-family:"Arial" !important; + font-size:12px !important;*/ + font-style:normal; + background-color:transparent; + background-position:100% 0; + background-repeat:no-repeat; + height:30px; + padding:8px 20px 0 10px; + margin:0 -16px 0 10px; + border:none; + vertical-align:text-top; + zoom:1; + _position:relative; + _padding-left:0px; + _padding-right:12px; + _margin-right:-10px; + _display:block; + _top:0; + _right:-5px; +} + + +span.button button { + line-height:2.5; /*Opera need this*/ +} + +html.safari a.button span, +html.safari del.button span { + line-height:1.3; +} + +html.safari span.button button { + line-height:2.6; +} + +html.safari a.button:focus, +html.safari span.button button:focus { + outline:none; +} + +del.button { + /* cursor:not-allowed; */ + background-position:0 -120px; +} + +del.button span { + cursor:default; + color:#aaa !important; + background-position:100% -120px; +} + +span.button button, span.button input { + padding-top:0px; + line-height:2.5; /*Opera need this*/ +} + +/*Hover Style*/ +a.button:hover, +span.button:hover, +a.button:focus, + +a.dom-button-focus, +span.button-behavior-hover { + background-position:0 -60px; + color:#222; + text-decoration:none; +} + +a.button:hover span, +span.button:hover button, +a.button:focus span, + +span.button-behavior-hover button, +span.button-behavior-hover input { + background-position:100% -60px; +} + +a.button:active, a.button:focus span { + color:#444; +} + +del.button-behavior-hover, del.button:hover { + background-position:0 -180px; + /* cursor:not-allowed; */ +} + +del.button-behavior-hover span, del.button:hover span { + background-position:100% -180px; + /* cursor:not-allowed; */ + +} + +/*Optional hack for IE6 to simulate :hover selector*/ + +span.button button, del.button span, span.button input{ + + + + _behavior:expression( + (function(el){ + + if( typeof( behavior_onMouseEnter) == 'undefined'){ + + + behavior_onMouseEnter = function(el){ + + var dEl = this.parentNode; + var sClass = dEl.className ; + dEl.__defaultClassName = sClass ; + dEl.className = sClass + ' button-behavior-hover'; + this.setCapture(); + }; + + behavior_onMouseLeave = function(el) { + var dEl = this.parentNode; + dEl.className = dEl.__defaultClassName ; + dEl.__defaultClassName = undefined; + this.releaseCapture(); + }; + + + }; + + + el.runtimeStyle.behavior = 'none'; + el.onmouseenter = behavior_onMouseEnter; + el.onmouseleave = behavior_onMouseLeave; + + + })(this)); + + + + +} + diff --git a/src/www/hawkeye/root/login.tpl b/src/www/hawkeye/root/login.tpl index 4e64f33..2c350f2 100644 --- a/src/www/hawkeye/root/login.tpl +++ b/src/www/hawkeye/root/login.tpl @@ -16,9 +16,9 @@
-
+
diff --git a/src/www/hawkeye/server/index.tpl b/src/www/hawkeye/server/index.tpl index 0cd03bc..a6162f9 100644 --- a/src/www/hawkeye/server/index.tpl +++ b/src/www/hawkeye/server/index.tpl @@ -21,10 +21,11 @@
- +

+
%(include|footer.tpl)s diff --git a/src/www/img/form_buttons.gif b/src/www/img/form_buttons.gif new file mode 100644 index 0000000000000000000000000000000000000000..ea1cfd87f2bba477cea1b03355ad04b4a02ee992 GIT binary patch literal 5617 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 R?>VpD4_W=$#7M{Se*v5)Ajkj! literal 0 HcmV?d00001 diff --git a/src/www/img/form_buttons.png b/src/www/img/form_buttons.png new file mode 100644 index 0000000000000000000000000000000000000000..21c6f57bd1a76d50b2ccbb2a3142642f0b78f337 GIT binary patch literal 3371 zcmd5;dpy+X8lPw>$0bVF69!+H4L+kBo)?Y4;q)* z%E}@uhH@LJX(^QR;lo`M-bO-#pLrKF|Bi`+mRg_f2!g zIH)M;C?OCC7007TP9YHTEbx17lL8pCyD=FEgz|#pk%O)=Bb+g(U_$ivmie)$S#^_Z z^erWY`;}FXnegR%HYr@vwu1_Y&KVU*80jb z(!3&k?D_F*lli`KY@>PFzpj3twlKH4Tk$|)cAbI5YBj#l0crHm$6>&Dc)*>jt7iXf z3v7jP>1*&o6Xn4uQV_OJ2yDFWYsvvjJGXztf%`ozUEZN6X611B`;Otg&$az-n1SKN z*(vT!-MN+4o{3RIX3?R9H!WyWRc(yoA6gubpbFBUCm5ps-4Her+K`1?BBGHAv9r{w z>T0;mPYbi5n0shcq%$$&N2d%*)JYy}LEk+v;1n@KPn+fP9!2HzEr2uAF_7DbCc7n? z)z;PmJL$x!xE!B@MJq1B7casl^X~CYRCrg!8C6wP8-V@OuOkiSG($tlmYJCuV54`I zHg(F2I~J>IYvHEL;z6WozetWAunn^N8IyRd*t@*E9GGkM0w*7Pc;a+{-S!`#49UHszK~L9u%Q;x# z&nLVIaK=7Ij<*i0r(pSD|4byX4YC7p;k&;QwjIQ;vRs^S=7H{pz@4PLE2oDlz|aYD zVpcPrk;dzIi4sS6HHMk|Ij{>%*lRG2#r+)@A@t+cHzknKC|B)0&)V1`n7hHTqTphP z6I{sq_tht@a~p0&ZeLXkPptouJm*0js*i8#Ow%vg6@Q1CrLPug^J)@*DBelw>G*m7dCt*iUS0S;a z>{9q4(TBWsLJOzQv|C<{@#Teu5;IgIQ8XJ#J0H)sx0cci4th%_V@qcmn%pJAQd^%L zmi=+>S0<~F)b4KBMP_?7`G9)j@_+;1%buyhLd7k}o7viK8@2C+JdE`!Ex2I0gvZ;R zmRt@F4TU}#T7%we`2_|24cHLQ%UgNvD9Y5-PFPY($jTv!wyrMZ2jtgr`GiXgYE{k6 za7{=M8(O6eGAJnMW4y^N&dzO!@d51mtN|vaqXS-xYxUd;(~BqTKwL_2g)5VN!{5)IBiby_$l3RGw@!zync<#K~8Oi=>{}VS9Z65DbCD)(5O@@(!^B> zw1!YV5y-h4t;wR`?`mjhR5dp4_`rc1+g}8SgxHr2Tt8O)>;Kc2I1!&iKZ=S6LSjMa zdNn)@Ywo*Xu46=V($i%5m6erMd28ANXC}4cOr1}|S7Tlu0Xa+(* z$p&bbg7Bv0wBLp05Rf3lp&bf^tZ@6lwF^W`otx(^2p}w@mRL9zyn8pq@ftVt^71}Y zmZ3i?Nyqg;xb0ggRYNoHbL%anGAotBAd;sD4Wb4afu!4V32%t#MBc(==g9^uxL0qS z%P7Uib50SFbW56b7S=HfTXCW$9hTG1yhE}Mw;LRt5X*_3eQV%rp{3=fRBs*ahFPLfEPFxK-ii7%bVYSprCrp+(6PFrqa^B z+@jG%O8DU>_Z~u*|Lp86+{Qd}otwG0aUngYdA4}F@M4|+qR)s5?kusgy!_dxZ!;$! z)tprYc;m?MSJF94Ajsew9g!~T>pK-394xIaMb2Q~x$?@&b)}(DC?03dKwI_-veaT; zA0R~oTS_NIVHbf@8MjVOOGbXir%EAQS&6Ul+ymyz*u*$*erGs%{h2j$xw`7Fzu@{Z zvIqG4-!VhMdNSLG&^%}o3)3^8C}1mx{N9cz1A9%F1_C+qQttja5ZGU`Q=rCUv)Pa0 zmoN1{z<^nZ1O0*F?7rfdgm=OQxrAB~-gVxnuk5!peh&z?BxzO@j5iAS{8kSoo(o;g zWUNsg9-f^YluBifdXg