mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-04-28 23:03:25 +09:00
design toutch install / admin
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4635 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong
parent
f60701f293
commit
d7d628b2e7
23 changed files with 503 additions and 634 deletions
|
|
@ -1,212 +1,72 @@
|
|||
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;
|
||||
_top:-4px;
|
||||
_width:10px;
|
||||
_overflow-y:hidden;
|
||||
}
|
||||
*:first-child+html a.button, *:first-child+html span.button,*:first-child+html del.button {
|
||||
position:relative;
|
||||
top:-4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
a.button, span.button, del.button,
|
||||
a.button span, span.button button, span.button input, del.button span{
|
||||
background-image:url(../tpl/images/form_buttons.png);
|
||||
_background-image:url(../tpl/images/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;
|
||||
zoom:1;
|
||||
_position:relative;
|
||||
_padding-left:0px;
|
||||
_padding-right:12px;
|
||||
_margin-right:-10px;
|
||||
_display:block;
|
||||
_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*/
|
||||
}
|
||||
|
||||
|
||||
/** optional **/
|
||||
/*
|
||||
a.button:visited{
|
||||
color:#aaa;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/*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,
|
||||
span.button:hover input,
|
||||
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));
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
/* Anchor Button */
|
||||
a.button,
|
||||
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(../tpl/images/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
|
||||
a.button { padding:0; background-position:left top; overflow:visible;}
|
||||
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
|
||||
a.button, x:-moz-any-link { padding:3px 0 1px 0;} /* Firefox 2 Fix */
|
||||
a.button, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
|
||||
/* Large Size */
|
||||
a.button.large { background-position:left -30px; }
|
||||
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
|
||||
a.button.large, x:-moz-any-link { padding:6px 0 4px 0;} /* Firefox 2 Fix */
|
||||
a.button.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
|
||||
/* xLarge Size */
|
||||
a.button.xLarge { background-position:left -65px; }
|
||||
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
|
||||
a.button.xLarge, x:-moz-any-link { padding:9px 0 7px 0;} /* Firefox 2 Fix */
|
||||
a.button.xLarge, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
|
||||
|
||||
/* Control Button + Submit Button */
|
||||
span.button,
|
||||
span.button button,
|
||||
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(../tpl/images/buttonWhite.gif) no-repeat; vertical-align:middle;}
|
||||
span.button { padding:0; background-position:left top;}
|
||||
span.button, x:-moz-any-link{ padding:5px 0 4px 0; line-height:0;} /* Firefox 2 Fix */
|
||||
span.button, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
|
||||
span.button button,
|
||||
span.button input { height:23px; left:2px; padding:0 10px 0 8px; *padding:0 5px 0 3px; line-height:24px; background-position:right top; cursor:pointer;}
|
||||
/* Large Size */
|
||||
span.button.large { background-position:left -30px; *top:-1px;}
|
||||
span.button.large, x:-moz-any-link{ padding:8px 0 7px 0;} /* Firefox 2 Fix */
|
||||
span.button.large, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
|
||||
span.button.large button,
|
||||
span.button.large input { height:30px; padding:0 10px 0 8px; *padding:0 5px 0 3px; *top:-1px; font:16px/30px Sans-serif; background-position:right -30px;}
|
||||
/* xLarge Size */
|
||||
span.button.xLarge { background-position:left -65px;}
|
||||
span.button.xLarge, x:-moz-any-link{ padding:11px 0 10px 0;} /* Firefox 2 Fix */
|
||||
span.button.xLarge, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
|
||||
span.button.xLarge button,
|
||||
span.button.xLarge input { height:35px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:20px/36px Sans-serif; background-position:right -65px;}
|
||||
|
||||
/* Strong Button */
|
||||
a.button.strong *,
|
||||
span.button.strong * { font-weight:bold !important;}
|
||||
|
||||
/* Icon Add */
|
||||
a.button .icon { position:relative; border:0; vertical-align:middle;}
|
||||
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}
|
||||
|
||||
/* Color Preset */
|
||||
a.button.green,
|
||||
a.button.green span,
|
||||
span.button.green,
|
||||
span.button.green button,
|
||||
span.button.green input { background-image:url(../tpl/images/buttonGreen.gif); color:#fff;}
|
||||
a.button.black,
|
||||
a.button.black span,
|
||||
span.button.black,
|
||||
span.button.black button,
|
||||
span.button.black input { background-image:url(../tpl/images/buttonBlack.gif); color:#fff;}
|
||||
a.button.red,
|
||||
a.button.red span,
|
||||
span.button.red,
|
||||
span.button.red button,
|
||||
span.button.red input { background-image:url(../tpl/images/buttonRed.gif); color:#fff;}
|
||||
a.button.blue,
|
||||
a.button.blue span,
|
||||
span.button.blue,
|
||||
span.button.blue button,
|
||||
span.button.blue input { background-image:url(../tpl/images/buttonBlue.gif); color:#fff;}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue