@charset "utf-8"; /* Jeong, Chan Myeong | http://naradesign.net/ */ /* body */ body {position:relative;} .seedLayOutBtn { position:fixed; right:2px; top:2px;z-index:999999999; background: rgb(109,179,242); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-8 */ padding:3px 7px; border-radius:5px; } .seedLayOutBtn > a {font-family:'돋움',dotum;font-size:11px;letter-spacing:-1px;color:#fff !important;} .seedFunctionBtn { position:absolute; right:2px; top:2px; z-index:999999999; background: rgb(109,179,242); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-8 */ padding:3px 7px; border-radius:5px; } .seedFunctionBtn > a {font-family:'돋움',dotum;font-size:11px;letter-spacing:-1px;color:#fff !important;} /* Button Common */ .button, .button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:"돋움", "dotum"; white-space:nowrap; background:url(/img/common/bt_bg.gif) no-repeat; vertical-align:top; overflow:visible; color:#333;} .button { margin-right:4px;} .button *{ left:4px; cursor:pointer; _cursor:hand;} /* small */ .button.small, .button.small *{height:31px; line-height:26px; color:#fff; font-weight:600;} .button.small { background-position:left 0;} .button.small *{ padding:0 10px 0 6px; font-size:11px; background-position:right top;} .button.small_corange, .button.small_corange *{ text-align:center; height:26px; line-height:25px; color:#fff; font-weight:600;} .button.small_corange { background-position:left -267px;} .button.small_corange *{ padding:0 10px 0 6px; font-size:11px; background-position:right -267px;} .button.small_cgreen, .button.small_cgreen *{ text-align:center; height:26px; line-height:25px; color:#fff; font-weight:600;} .button.small_cgreen { background-position:left -235px;} .button.small_cgreen *{ padding:0 10px 0 6px; font-size:11px; background-position:right -235px;} .button.small_worange, .button.small_worange *{ text-align:center; height:26px; line-height:25px; color:#ba6519; font-weight:600;} .button.small_worange { background-position:left -123px;} .button.small_worange *{ padding:0 10px 0 6px; font-size:11px; background-position:right -123px;} .button.small_wgreen, .button.small_wgreen *{ text-align:center; height:26px; line-height:25px; color:#83a837; font-weight:600;} .button.small_wgreen { background-position:left -123px;} .button.small_wgreen *{ padding:0 10px 0 6px; font-size:11px; background-position:right -123px;} /* mini */ .button.mini_red, .button.mini_red *{ min-width:20px; text-align:center; height:19px; line-height:18px; color:#fff; font-weight:600;} .button.mini_red { background-position:left -181px; } .button.mini_red *{ padding:0 8px 0 4px; font-size:11px; background-position:right -181px;} .button.mini_green, .button.mini_green *{ min-width:20px; text-align:center; height:19px; line-height:18px; color:#fff; font-weight:600;} .button.mini_green { background-position:left -155px; } .button.mini_green *{ padding:0 8px 0 4px; font-size:11px; background-position:right -155px;} /* big */ .button.big_green, .button.big_green *{ min-width:70px; text-align:center; height:36px; line-height:33px; color:#fff; font-weight:600;} .button.big_green { background-position:left -80px;} .button.big_green *{ padding:0 10px 0 6px; font-size:13px; background-position:right -80px;} .button.big_red, .button.big_red *{ min-width:70px; text-align:center; height:36px; line-height:33px; color:#fff; font-weight:600;} .button.big_red { background-position:left -300px;} .button.big_red *{ padding:0 10px 0 6px; font-size:13px; background-position:right -300px;} .button.big_gray, .button.big_gray *{ min-width:70px; text-align:center; height:36px; line-height:33px; color:#fff; font-weight:600;} .button.big_gray { background-position:left -37px;} .button.big_gray *{ padding:0 10px 0 6px; font-size:13px; background-position:right -37px;} /* Button Hover .button *:hover, .button *:active, .button *:focus{ color:#690;} */ /* Button Strong .button.strong *{ font-weight:bold !important;} */ /* Button Icon Variation .button.icon *{ padding-left:20px;} .button.small.icon *{ padding-left:16px;} .button.icon span{ width:20px; margin-right:-20px; padding:0 !important;} .button.medium .check{ background-position:4px -150px;} .button.large .check{ background-position:4px -146px;} .button.xLarge .check{ background-position:5px -144px;} .button.small .check{ background-position:3px -153px;} .button.medium .add{ background-position:-16px -150px;} .button.large .add{ background-position:-14px -146px;} .button.xLarge .add{ background-position:-14px -144px;} .button.small .add{ background-position:-18px -153px;} .button.medium .delete{ background-position:-34px -150px;} .button.large .delete{ background-position:-34px -146px;} .button.xLarge .delete{ background-position:-34px -144px;} .button.small .delete{ background-position:-37px -153px;} .button.medium .calendar{ background-position:-56px -150px;} .button.large .calendar{ background-position:-56px -146px;} .button.xLarge .calendar{ background-position:-56px -144px;} .button.small .calendar{ background-position:-59px -153px;} .button.medium .refresh{ background-position:-76px -150px;} .button.large .refresh{ background-position:-76px -146px;} .button.xLarge .refresh{ background-position:-76px -144px;} .button.small .refresh{ background-position:-79px -153px;} */