555 lines
No EOL
9.7 KiB
CSS
555 lines
No EOL
9.7 KiB
CSS
.toolBotton
|
|
{
|
|
border: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
height: 25px;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
.toolBotton a
|
|
{
|
|
display:block;
|
|
width:auto;
|
|
cursor:pointer;
|
|
}
|
|
.toolBotton a span
|
|
{
|
|
float: left;
|
|
display:block;
|
|
width:auto;
|
|
cursor:pointer;
|
|
}
|
|
|
|
input
|
|
{
|
|
border: solid 1px #3C7FB1;
|
|
}
|
|
|
|
select
|
|
{
|
|
border: #3C7FB1 1px solid;
|
|
}
|
|
input[type='text']
|
|
{
|
|
border: solid 1px #3C7FB1;
|
|
height:18px;
|
|
}
|
|
input[type='checkbox']
|
|
{
|
|
border: none;
|
|
}
|
|
input[type='radio']
|
|
{
|
|
border: none;
|
|
}
|
|
textarea
|
|
{
|
|
border: solid 1px #3C7FB1;
|
|
overflow:auto;
|
|
}
|
|
.ellipsis
|
|
{
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis; /* for internet explorer */
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
html > body .ellipsis
|
|
{
|
|
clear: both;
|
|
}
|
|
.bbit-main
|
|
{
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:0;
|
|
background-color:#E8F1F8;
|
|
}
|
|
a.linkdelete span
|
|
{
|
|
text-decoration:underline;
|
|
color: #000000;
|
|
padding-left:18px;
|
|
background: url(./images/icons/delete.png) no-repeat left 6px;
|
|
padding-top:5px;
|
|
}
|
|
a.imgbtn
|
|
{
|
|
color: #000000;
|
|
}
|
|
a.imgbtn span
|
|
{
|
|
border: #E8E8FF 1px solid;
|
|
padding: 4px 4px 3px 21px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
a.imgbtn:hover span
|
|
{
|
|
border: #466094 1px solid;
|
|
cursor: pointer;
|
|
background-color: #C3C3FF;
|
|
}
|
|
a.imgbtn span.Save
|
|
{
|
|
background: url(./images/icons/Item.Save.gif) no-repeat 3px 4px;
|
|
}
|
|
a.imgbtn span.Close
|
|
{
|
|
background: url(./images/icons/Btn.Close.gif) no-repeat 3px 4px;
|
|
}
|
|
a.imgbtn span.Delete
|
|
{
|
|
background: url(./images/icons/delete.png) no-repeat 3px 4px;
|
|
}
|
|
|
|
a.addcal
|
|
{
|
|
padding-left:20px;
|
|
background: url(./images/icons/date_add.png) no-repeat 1px 50%;
|
|
color: black;
|
|
}
|
|
span.showdayview
|
|
{
|
|
padding-left:20px;
|
|
background: url(./images/icons/cal-day.gif) no-repeat 1px 50%;
|
|
}
|
|
span.showweekview
|
|
{
|
|
padding-left:20px;
|
|
background: url(./images/icons/cal-week.gif) no-repeat 1px 50%;
|
|
}
|
|
span.showwkweekview
|
|
{
|
|
padding-left:20px;
|
|
background: url(./images/icons/cal-wk-week.gif) no-repeat 1px 50%;
|
|
}
|
|
span.chinese
|
|
{
|
|
padding-left:20px;
|
|
background: url(./images/icons/cn.gif) no-repeat 1px 50%;
|
|
}
|
|
span.english
|
|
{
|
|
padding-left:20px;
|
|
background: url(./images/icons/us.gif) no-repeat 1px 50%;
|
|
}
|
|
span.english_au
|
|
{
|
|
padding-left:20px;
|
|
background: url(./images/icons/au.gif) no-repeat 1px 50%;
|
|
}
|
|
span.showmonthview
|
|
{
|
|
padding-left:20px;
|
|
background: url(./images/icons/cal-month.gif) no-repeat 1px 50%;
|
|
}
|
|
span.showtoday
|
|
{
|
|
padding-left:20px;
|
|
background: url(./images/icons/date.png) no-repeat 1px 50%;
|
|
}
|
|
|
|
span.fprev
|
|
{
|
|
width:18px;
|
|
background:url("./images/icons/resultset_previous.png") no-repeat 1px bottom;
|
|
}
|
|
span.fnext
|
|
{
|
|
width:18px;
|
|
background:url("./images/icons/resultset_next.png") no-repeat 1px bottom;
|
|
}
|
|
span.showdayflash
|
|
{
|
|
padding-left:20px;
|
|
background:url("./images/icons/date_reflash.png") no-repeat 1px 50%;
|
|
}
|
|
.size1
|
|
{
|
|
width:50px;
|
|
}
|
|
.size2
|
|
{
|
|
width:100px;
|
|
}
|
|
.size3
|
|
{
|
|
width:160px;
|
|
}
|
|
.size4
|
|
{
|
|
width:200px;
|
|
}
|
|
.size5
|
|
{
|
|
width:260px;
|
|
}
|
|
.size6
|
|
{
|
|
width:300px;
|
|
}
|
|
.size7
|
|
{
|
|
width:360px;
|
|
}
|
|
|
|
|
|
.X
|
|
{
|
|
float:right;
|
|
padding-right:3px;
|
|
color:#555;
|
|
cursor:pointer;
|
|
height:16px;
|
|
}
|
|
.nodisplay
|
|
{
|
|
display:none;
|
|
}
|
|
/* JQuery Validation */
|
|
label.error
|
|
{
|
|
padding: 2px 0 2px 20px;
|
|
display: block;
|
|
background: url(images/validation/exclamation.png) no-repeat 2px center;
|
|
}
|
|
input.error,select.error,textarea.error, input.cusErrorPanel,cusErrorPanel.cusErrorPanel,textarea.cusErrorPanel
|
|
{
|
|
border:solid 1px red;
|
|
}
|
|
label.checked
|
|
{
|
|
float:none;
|
|
position:relative;
|
|
padding: 0 0 0 18px;
|
|
background: url(images/validation/accept.png) no-repeat 2px center;
|
|
}
|
|
div.error
|
|
{
|
|
|
|
}
|
|
|
|
div.cusErrorPanel
|
|
{
|
|
z-index: auto;
|
|
position:absolute;
|
|
width: 276px;
|
|
height: 35px;
|
|
overflow: hidden;
|
|
text-indent: 5px;
|
|
line-height: 40px;
|
|
font-size: 12px;
|
|
font-family: Arial;
|
|
background: url(images/validation/tooltop.gif) no-repeat left top;
|
|
opacity:0.9;
|
|
filter: alpha(opacity=90);
|
|
}
|
|
.infocontainer
|
|
{
|
|
margin:2px;
|
|
padding:4px;
|
|
}
|
|
.fform
|
|
{
|
|
margin:0;
|
|
}
|
|
.fform label
|
|
{
|
|
display:block;
|
|
margin-top:2px;
|
|
padding:2px;
|
|
vertical-align:top;
|
|
}
|
|
.fform label.checkp
|
|
{
|
|
display:inline;
|
|
}
|
|
.fform label span
|
|
{
|
|
font-weight:bold;
|
|
display:block;
|
|
}
|
|
input.noborder
|
|
{
|
|
border:none;
|
|
}
|
|
|
|
|
|
.doing
|
|
{
|
|
color: red;
|
|
vertical-align: middle;
|
|
display: none;
|
|
position: absolute;
|
|
left: 20%;
|
|
top: 20%;
|
|
border: solid 1px #555;
|
|
background-color: #FFFF00;
|
|
padding: 5px;
|
|
}
|
|
div.clear
|
|
{
|
|
clear:both;
|
|
}
|
|
|
|
|
|
|
|
div.cHead
|
|
{
|
|
background: url(images/calendar/headbg.gif) repeat-x top;
|
|
border: 1px solid #99bbe8;
|
|
border-top: 0px;
|
|
font-weight: bold;
|
|
display: block;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
}
|
|
|
|
div.cHead div
|
|
{
|
|
padding:4px;
|
|
white-space: nowrap;
|
|
}
|
|
div.cHead div.ftitle
|
|
{
|
|
background:url("images/calendar/grid.png") no-repeat left ;
|
|
color:#15428b;
|
|
margin-left:10px;
|
|
padding-left:20px;
|
|
}
|
|
div.cHead div.ptogtitle
|
|
{
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 15px;
|
|
height: 18px;
|
|
padding: 1px 2px 1px 2px;
|
|
font-weight: normal;
|
|
}
|
|
div.cHead div.loadicon
|
|
{
|
|
background:#c44;
|
|
color:#fff;
|
|
|
|
}
|
|
div.cHead div.loaderror
|
|
{
|
|
padding: 1px 4px 1px 4px;
|
|
background:#fad163;
|
|
}
|
|
|
|
div.cHead div.ptogtitle input
|
|
{
|
|
height:16px;
|
|
border:solid 1px #ccc;
|
|
background-color:#fff;
|
|
padding-left:4px;
|
|
}
|
|
|
|
div.ctoolbar
|
|
{
|
|
OVERFLOW: hidden;
|
|
POSITION: relative;
|
|
HEIGHT: 25px;
|
|
background: #E0E0FF;
|
|
margin-bottom: 2px;
|
|
}
|
|
div.ctoolbar div.fbutton
|
|
{
|
|
PADDING-RIGHT: 1px;
|
|
DISPLAY: block;
|
|
PADDING-LEFT: 1px;
|
|
FLOAT: left;
|
|
PADDING-BOTTOM: 1px;
|
|
CURSOR: pointer;
|
|
PADDING-TOP: 1px;
|
|
HEIGHT: 22px;
|
|
margin-left:1px;
|
|
|
|
}
|
|
|
|
div.ctoolbar div.fbutton div
|
|
{
|
|
float: left;
|
|
padding: 2px 3px;
|
|
}
|
|
div.ctoolbar div.fbutton span
|
|
{
|
|
float: left;
|
|
display: block;
|
|
height:18px;
|
|
}
|
|
|
|
div.ctoolbar div.fbutton.fcurrent
|
|
{
|
|
border: #555 1px solid;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background-color: #EDF1D5;
|
|
}
|
|
|
|
div.ctoolbar div.fbutton.fcurrent div
|
|
{
|
|
padding: 1px 2px;
|
|
border-left: 1px solid #fff;
|
|
border-top: 1px solid #fff;
|
|
border-right: 1px solid #eee;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
div.ctoolbar div.fbutton:hover, .div.ctoolbar div.fbutton.fbOver
|
|
{
|
|
border: #466094 1px solid;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background-color: #EDF1D5;
|
|
}
|
|
|
|
div.ctoolbar div.fbutton:hover div, .div.ctoolbar div.fbutton.fbOver div
|
|
{
|
|
padding: 1px 2px;
|
|
border: 1px solid #fff;
|
|
border-right-color: #eee;
|
|
border-bottom-color: #eee;
|
|
}
|
|
|
|
div.ctoolbar div.btnseparator
|
|
{
|
|
float: left;
|
|
height: 18px;
|
|
border-left: 1px solid #ccc;
|
|
border-right: 1px solid #fff;
|
|
margin: 1px;
|
|
|
|
}
|
|
|
|
div.ctoolbar div.fshowdatep
|
|
{
|
|
padding: 1px;
|
|
display: block;
|
|
float: left;
|
|
cursor:default;
|
|
height: 22px;
|
|
}
|
|
div.ctoolbar div.fshowdatep div
|
|
{
|
|
float: left;
|
|
padding: 2px 3px;
|
|
}
|
|
|
|
div.ctoolbar div.fshowdatep span
|
|
{
|
|
float: left;
|
|
display: block;
|
|
}
|
|
div.cbody div.ctablehead
|
|
{
|
|
border: 1px solid #ccc;
|
|
border-top-color: #fff;
|
|
border-bottom: 0 #9c9c9c;
|
|
background: #e3f7ff url('images/calendar/gridth.gif') repeat-x left bottom;
|
|
overflow: hidden;
|
|
position: relative ;
|
|
height:25px;
|
|
}
|
|
div.cbody div.ctablehead th div,div.cbody div.ctablebody td div
|
|
{
|
|
padding: 4px;
|
|
border-left:none;
|
|
overflow:hidden;
|
|
}
|
|
div.cbody div.ctablehead th /* common cell properties*/
|
|
{
|
|
text-align: left;
|
|
border-right:solid 1px #ddd;
|
|
border-left:solid 1px #fff;
|
|
overflow: hidden;
|
|
vertical-align: top !important;
|
|
font-weight: normal;
|
|
cursor: default;
|
|
white-space: nowrap;
|
|
}
|
|
div.cbody div.ctablehead div.ctableheadp
|
|
{
|
|
float:left;
|
|
}
|
|
div.cbody div.ctablehead th div
|
|
{
|
|
height:17px;
|
|
|
|
}
|
|
|
|
div.cbody div.ctablebody
|
|
{
|
|
BORDER-RIGHT: #ccc 1px solid;
|
|
BORDER-TOP: #ccc 0px solid;
|
|
BACKGROUND: #dfe8f6;
|
|
OVERFLOW: auto;
|
|
BORDER-LEFT: #ccc 1px solid;
|
|
BORDER-BOTTOM: #ccc 1px solid;
|
|
POSITION: relative
|
|
}
|
|
|
|
div.cbody div.ctablebody td /* common cell properties*/
|
|
{
|
|
text-align: left;
|
|
border-left:solid 1px #fff;
|
|
border-top: none;
|
|
border-bottom: 1px dotted #ddd;
|
|
border-right:solid 1px #ddd;
|
|
overflow: hidden;
|
|
vertical-align: top !important;
|
|
white-space: nowrap;
|
|
background-color:#fff;
|
|
cursor:default;
|
|
}
|
|
div.cbody div.ctablebody tr.erow td
|
|
{
|
|
background: #F5FFEF;
|
|
}
|
|
div.cbody div.ctablebody tr:hover td,
|
|
div.cbody div.ctablebody tr.trOver td
|
|
{
|
|
background: #FFFFBB;
|
|
border-left: 1px solid #eef8ff;
|
|
border-bottom: 1px dotted #a8d8eb;
|
|
}
|
|
|
|
|
|
div.cbody div.ctablebody td div
|
|
{
|
|
border-top: 0 solid #fff;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
|
|
|
|
div.ViewgBlock
|
|
{
|
|
background: #E3E3E3 url('images/calendar/load-bg.png');
|
|
}
|
|
div.ViewgBlock>div.loading
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
opacity:0.5;
|
|
filter: alpha(opacity=50);
|
|
background:#f4f4f4 url('images/calendar/indicator_web20_working.gif') no-repeat center center;
|
|
}
|
|
|
|
|
|
|
|
.transparent
|
|
{
|
|
filter:alpha(opacity=0);
|
|
-moz-opacity:0;
|
|
opacity:0;
|
|
background-color:#000;
|
|
} |