 Crisp button style tweak [message #161448] |
Fri, 25 December 2009 16:49  |
fudidudi 
Messages: 19
Registered: March 2009 |
Junior Member |
|
|
Crisp theme button style tweak, with css rollover state.
In my forum.css:
/* begin fudidudi button tweak */
/* comment out old button style
input.button {
background: #eee;
color: #000;
font-weight: normal;
border-width: 1px;
border-style: solid;
border-color: #b4b2b4;
}
*/
/* new button style */
input.button {
margin: 0px 2px 2px;
padding: 1px 2px;
text-align: center;
}
input.button:link, input.button:visited, input.button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ddd url(images/button.png) repeat-x scroll left top;
border-color:#ccc #b4b2b4 #ccc #b4b2b4;
border-style:solid;
border-width:1px;
color:#333;
cursor:pointer;
display:inline;
}
input.button:hover, input.button:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E2E2E2 url(images/button.png) repeat-x scroll left -115px;
color:#000;
}
/* end fudidudi button tweak */
Attachment: button.png
(Size: 0.28KB, Downloaded 146 times)
[Updated on: Fri, 25 December 2009 16:50]
|
|
|
|
|
Members
Calendar
Search
Help
Register
Login
Home
E-mail to friend 
]