btn.css 6.57 KB
/* =============================================== 
	작성일		:	2013.06.10
	작업자		:	이은영
==================================================  */

.btnleft_y{
	float:left;
	margin:5px 0 5px 0;
	text-align:left;
	}
.btnright_y{

	float:right;
	margin:5px 0 5px 0;
	text-align:right;
	}



.btngroupleft{
	float:left;
	margin:10px 0 5px 0;
	text-align:left;
	}
.btngroupright{

	float:right;
	margin:10px 0 5px 0;
	text-align:right;
	}
	
.btngroupcenter{

	
	margin:15px 0 10px 0;
	text-align: center;
	}

.button {
  	
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;

  font-size: 14px;
  padding: .3em 1.8em .3em;
  
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  margin:1px;
 
}
.button:hover {
  text-decoration: none;
}
.button:active {
  position: relative;
  top: 1px;
}


.bigrounded {
	font-size: 16px;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: 2px 6px 2px 6px;
}
.searchsmall {
	font-size: 12px;
	padding: 3px 12px 3px 12px;
}



/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}



/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}






/* navy */
.navy {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0083cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#0083cd), to(#1b4f9e));
	background: -moz-linear-gradient(top,  #0083cd,  #1b4f9e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0083cd', endColorstr='#1b4f9e');
}
.navy:hover {
	background: #195bbe;
	background: -webkit-gradient(linear, left top, left bottom, from(#1754b0), to(#195bbe));
	background: -moz-linear-gradient(top,  #1754b0,  #195bbe);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1754b0', endColorstr='#195bbe');
}
.navy:active {
	color: #195bbe;
	background: -webkit-gradient(linear, left top, left bottom, from(#1754b0), to(#195bbe));
	background: -moz-linear-gradient(top,  #1754b0,  #195bbe);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1754b0', endColorstr='#195bbe');
}



/* sky */
.sky {
	color: #ffffff;
	border: solid 1px #c3d5ea;
	background: #d6e4f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3e3f5));
	background: -moz-linear-gradient(top,  #d3e3f5,  #98bce6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3e3f5');
}


	

.sky:hover {
	
	color: #ffffff;
	background: #dae8f7;
	background: -webkit-gradient(linear, left top, left bottom, from(#98bce6), to(#dae8f7));
	background: -moz-linear-gradient(top,  #dae8f7,  #dae8f7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dae8f7', endColorstr='#dae8f7');
}
.sky:active {
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#98bce6), to(#dae8f7));
	background: -moz-linear-gradient(top,  #98bce6,  #dae8f7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#98bce6', endColorstr='#dae8f7');
}

	
.searchbtngroupright{

	float:right;
	margin: 0px 0 0px 0;
	
	}