You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
378 lines
9.5 KiB
378 lines
9.5 KiB
@CHARSET "UTF-8"; |
|
|
|
/*Credits: Dynamic Drive CSS Library */ |
|
/*URL: http://www.dynamicdrive.com/style/ */ |
|
a.squarebutton { |
|
background: transparent |
|
url('/totsys/common/images/square-blue-left.gif') no-repeat top left; |
|
display: block; |
|
float: left; |
|
font-weight: bold; |
|
font-size: 6pt; |
|
font-family: Courier; |
|
line-height: 15px; |
|
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */ |
|
height: 23px; /* Height of button background height */ |
|
padding-left: 9px; /* Width of left menu image */ |
|
text-decoration: none; |
|
} |
|
|
|
a:link.squarebutton,a:visited.squarebutton,a:active.squarebutton { |
|
color: #4444AA; /*button text color*/ |
|
} |
|
|
|
a.squarebutton span { |
|
background: transparent |
|
url('/totsys/common/images/square-blue-right.gif') no-repeat top right; |
|
display: block; |
|
padding: 5px 9px 5px 0; |
|
/*Set 9px below to match value of 'padding-left' value above*/ |
|
} |
|
|
|
a.squarebutton:hover { /* Hover state CSS */ |
|
background: transparent |
|
url('/totsys/common/images/square-blue-left.gif') no-repeat top left; |
|
background-position: bottom left; |
|
padding-bottom: 0px; |
|
} |
|
|
|
a.squarebutton:hover span { /* Hover state CSS */ |
|
background-position: bottom right; |
|
color: #FFFFEF; |
|
} |
|
|
|
.buttonWrapper { |
|
/* Container you can use to surround a CSS button to clear float */ |
|
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ |
|
width: 100%; |
|
} |
|
|
|
.buttonWrapper img { |
|
vertical-align: middle; |
|
} |
|
|
|
a .buttonWrapper { |
|
cursor: hand; |
|
} |
|
|
|
/**********************************************************************************************/ |
|
a.mediumButton { |
|
display: block; |
|
float: left; |
|
font-weight: bold; |
|
font-size: 5pt; |
|
font-family: Courier; |
|
line-height: 21px; |
|
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */ |
|
height: 24px; /* Height of button background height */ |
|
padding-left: 16px; /* Width of left menu image */ |
|
text-decoration: none; |
|
} |
|
|
|
a.mediumHighlight { |
|
background: transparent |
|
url('/totsys/common/images/square-blue-medium-left.png') no-repeat top |
|
left; |
|
} |
|
|
|
a:link.mediumButton,a:visited.mediumButton,a:active.mediumButton { |
|
color: #2a4d68; /*button text color*/ |
|
} |
|
|
|
a:link.mediumHighlight,a:visited.mediumHighlight,a:active.mediumHighlight |
|
{ |
|
color: #EEEEFF; /*button text color*/ |
|
} |
|
|
|
a.mediumButton span { |
|
background: none; |
|
cursor: hand; |
|
display: block; |
|
padding: 2px 16px 1px 0; |
|
/*Set 9px below to match value of 'padding-left' value above*/ |
|
} |
|
|
|
a.mediumHighlight span { |
|
background: transparent |
|
url('/totsys/common/images/square-blue-medium-right.png') no-repeat |
|
top right; |
|
} |
|
|
|
a.mediumHighlight:hover { /* Hover state CSS */ |
|
background: transparent |
|
url('/totsys/common/images/square-blue-medium-left.png') no-repeat top |
|
left; |
|
} |
|
|
|
a.mediumButton:hover span { /* Hover state CSS */ |
|
color: #aacdd8; |
|
} |
|
|
|
/**********************************************************************************************/ |
|
.largeButton { |
|
|
|
background: transparent |
|
url('/totsys/common/images/square-white-large-left.png') no-repeat top |
|
left; |
|
display: block; |
|
float: left; |
|
font-weight: bold; |
|
font-size: 20pt; |
|
font-family: Dotum, Courier; |
|
line-height: 31px; |
|
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */ |
|
height: 45px; /* Height of button background height */ |
|
padding-left: 9px; /* Width of left menu image */ |
|
text-decoration: none; |
|
z-index: 0; |
|
} |
|
|
|
a:link.largeButton,a:visited.largeButton,a:active.largeButton { |
|
color: #4444AA; /*button text color*/ |
|
} |
|
|
|
.largeButton span { |
|
background: transparent |
|
url('/totsys/common/images/square-white-large-right.png') no-repeat |
|
top right; |
|
display: block; |
|
padding: 7px 9px 7px 0; |
|
/*Set 9px below to match value of 'padding-left' value above*/ |
|
z-index: 0; |
|
} |
|
|
|
a.largeButton:hover span { /* Hover state CSS */ |
|
color: #4444AA; |
|
} |
|
|
|
/**********************************************************************************************/ |
|
.largeButton2 { |
|
background: transparent |
|
url('/totsys/common/images/square-white-large-left.png') no-repeat top |
|
left; |
|
display: block; |
|
float: left; |
|
font-weight: bold; |
|
font-size: 20pt; |
|
font-family: Dotum, Courier; |
|
line-height: 31px; |
|
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */ |
|
height: 45px; /* Height of button background height */ |
|
padding-left: 9px; /* Width of left menu image */ |
|
text-decoration: none; |
|
z-index: 0; |
|
} |
|
|
|
a:link.largeButton2,a:visited.largeButton2,a:active.largeButton2 { |
|
color: #4444AA; /*button text color*/ |
|
} |
|
|
|
.largeButton2 span { |
|
background: transparent |
|
url('/totsys/common/images/square-white-large-right2.png') no-repeat |
|
top right; |
|
display: block; |
|
padding: 7px 9px 7px 0; |
|
/*Set 9px below to match value of 'padding-left' value above*/ |
|
z-index: 0; |
|
} |
|
|
|
a.largeButton2:hover span { /* Hover state CSS */ |
|
color: #4444AA; |
|
} |
|
|
|
/**********************************************************************************************/ |
|
.simplebutton { |
|
background: #FAFAFA; |
|
vertical-align: middle; |
|
border: solid 1px #AAAAAA; |
|
display: block; |
|
color: #333333; |
|
font-size: 11px; |
|
font-family: Dotum, serif; |
|
text-decoration: none; |
|
padding: 2px 3px 0 1px; |
|
} |
|
|
|
a:link.simplebutton,a:visited.simplebutton,a:active.simplebutton { |
|
color: #333333; |
|
text-decoration: none; |
|
vertical-align: middle; |
|
} |
|
|
|
a:hover.simplebutton { |
|
background: #FFFFFF; |
|
} |
|
|
|
.simplebutton:hover span { /* Hover state CSS */ |
|
color: #000; |
|
} |
|
|
|
.simplebutton span { |
|
display: block; |
|
font-size: 11px; |
|
color: #333333; |
|
text-decoration: none; |
|
padding: 2px 3px 1px 1px; |
|
vertical-align: middle; |
|
} |
|
|
|
/**********************************************************************************************/ |
|
.blueButton { |
|
background: transparent |
|
url('/totsys/common/images/blue_background_left.png') no-repeat top |
|
left; |
|
display: block; |
|
float: left; |
|
font-size: 20pt; |
|
font-family: Dotum, serif; |
|
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */ |
|
height: 25px; /* Height of button background height */ |
|
padding-left: 5px; /* Width of left menu image */ |
|
text-decoration: none; |
|
z-index: 0; |
|
background-position: 0% 50%; |
|
} |
|
|
|
a:link.blueButton,a:visited.blueButton,a:active.blueButton { |
|
color: #000000; /*button text color*/ |
|
text-decoration: none; |
|
padding-left: 10px; |
|
} |
|
|
|
.blueButton span { |
|
background: transparent |
|
url('/totsys/common/images/blue_background_right2.png') no-repeat top |
|
right; |
|
display: block; |
|
padding: 7px 9px 4px 0px; |
|
/*Set 9px below to match value of 'padding-left' value above*/ |
|
z-index: 0; |
|
background-position: 100% 50% |
|
} |
|
|
|
/*********************************************************************************************/ |
|
.yes { |
|
background: url(/totsys/common/images/yes.png) no-repeat left -3px; |
|
text-indent: 21px; |
|
} |
|
|
|
.no { |
|
background: url(/totsys/common/images/no.png) no-repeat left -3px; |
|
text-indent: 20px; |
|
} |
|
|
|
.regist { |
|
background: url(/totsys/common/images/regist.png) no-repeat left -3px; |
|
text-indent: 18px; |
|
} |
|
|
|
.next { |
|
background: url(/totsys/common/images/next.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.previous { |
|
background: url(/totsys/common/images/previous.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.check { |
|
background: url(/totsys/common/images/check.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.disksave { |
|
background: url(/totsys/common/images/disksave.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.excel { |
|
background: url(/totsys/common/images/excel.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.info { |
|
background: url(/totsys/common/images/info.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.list { |
|
background: url(/totsys/common/images/list.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.listcopy { |
|
background: url(/totsys/common/images/listcopy.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.manager { |
|
background: url(/totsys/common/images/manager.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.modify { |
|
background: url(/totsys/common/images/modify.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.ok { |
|
background: url(/totsys/common/images/ok.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.plus { |
|
background: url(/totsys/common/images/plus.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.print { |
|
background: url(/totsys/common/images/print.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.remove { |
|
background: url(/totsys/common/images/remove.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.table { |
|
background: url(/totsys/common/images/table.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.clock { |
|
background: url(/totsys/common/images/clock.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.detail { |
|
background: url(/totsys/common/images/detail.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.recall { |
|
background: url(/totsys/common/images/recall.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.hwp { |
|
background: url(/totsys/common/images/hwp.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.pencil { |
|
background: url(/totsys/common/images/pencil.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.dept_init { |
|
background: url(/totsys/common/images/dept_init.png) no-repeat left -3px; |
|
text-indent: 22px; |
|
} |
|
|
|
.disk { |
|
background: url(/totsys/common/images/disk3.png) no-repeat left -1px; |
|
text-indent: 22px; |
|
}
|
|
|