537 lines
12 KiB
CSS
537 lines
12 KiB
CSS
|
/*~~~~~~Global Setting ~~~~~~~~*/
|
||
|
|
html, body{
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
body,td
|
||
|
|
{
|
||
|
|
font: 10px Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
color:#070707;
|
||
|
|
}
|
||
|
|
a,a:link,a:visited{color: #001C4D; text-decoration:none;}
|
||
|
|
a:hover,a:active,a:visited:hover{color: #FF6131; text-decoration:none;}
|
||
|
|
a img{border: none;}
|
||
|
|
ul li{ line-height: 1.5em; display:inline}
|
||
|
|
form{margin: 0;}
|
||
|
|
#leftCol fieldset{
|
||
|
|
position: relative;
|
||
|
|
padding: 6px;
|
||
|
|
margin:8px;
|
||
|
|
border:1px solid #a1a1a1;
|
||
|
|
background-image: url(../images/panel_bg.gif);
|
||
|
|
background-repeat: repeat-y;
|
||
|
|
background-position: left top;
|
||
|
|
background-color: #d9dbdc;
|
||
|
|
}
|
||
|
|
#leftCol legend {
|
||
|
|
|
||
|
|
/*
|
||
|
|
position: absolute;
|
||
|
|
top: -.5em;
|
||
|
|
left: .2em;*/
|
||
|
|
top: -5px;
|
||
|
|
left: 2px;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #000000;
|
||
|
|
}
|
||
|
|
ul{list-style:none;}
|
||
|
|
.clear{
|
||
|
|
clear:both;
|
||
|
|
}
|
||
|
|
input{ padding: 0; background-color: transparent;}
|
||
|
|
/*~~~~~~Layout Setting ~~~~~~~~*/
|
||
|
|
#leftCol, #rightCol, #body{
|
||
|
|
|
||
|
|
}
|
||
|
|
#wrapper
|
||
|
|
{
|
||
|
|
margin: 0px 0px;
|
||
|
|
min-width:760px;
|
||
|
|
width:100%;
|
||
|
|
padding:0px;
|
||
|
|
|
||
|
|
}
|
||
|
|
#body{
|
||
|
|
position:absolute;
|
||
|
|
top:60px;
|
||
|
|
width:100%;
|
||
|
|
border-color:#0000CC;
|
||
|
|
}
|
||
|
|
#leftCol{
|
||
|
|
background:#e8e8e8;
|
||
|
|
width:265px;
|
||
|
|
float:left;
|
||
|
|
text-align:left;
|
||
|
|
|
||
|
|
}
|
||
|
|
#rightCol{
|
||
|
|
width:100%;
|
||
|
|
border: none;
|
||
|
|
margin-left: -265px;
|
||
|
|
float:right;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
#rightCol img.ajaxLoadingImg{
|
||
|
|
margin-left: 50%;
|
||
|
|
margin-top:100px;
|
||
|
|
}
|
||
|
|
#content{
|
||
|
|
margin-left: 265px;
|
||
|
|
overflow: auto;
|
||
|
|
overflow-x: hidden;
|
||
|
|
max-height:380px;
|
||
|
|
}
|
||
|
|
.pagination_content{
|
||
|
|
margin-left: 265px;
|
||
|
|
overflow: auto;
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
.leftToRightArrow{
|
||
|
|
background-image:url(../images/arrow_right.png);
|
||
|
|
padding:2px 0 2px 16px;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-position:0 50%;
|
||
|
|
text-decoration:none;
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
/* forms */
|
||
|
|
.inputMtime{width:55px; height:14px; font-size:9px;}
|
||
|
|
.radio{
|
||
|
|
background-color:none;
|
||
|
|
}
|
||
|
|
.calendar_trigger{
|
||
|
|
background:none;
|
||
|
|
border:none;
|
||
|
|
height:17px;
|
||
|
|
vertical-align:bottom;
|
||
|
|
}
|
||
|
|
table.tableSearch{
|
||
|
|
padding:0;
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
.boxSearch{
|
||
|
|
padding:0;
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
.boxSearchItems{
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
.boxSearchItems td{
|
||
|
|
text-align:left;
|
||
|
|
margin-left:5px;
|
||
|
|
}
|
||
|
|
.boxSearchItems dt{
|
||
|
|
text-align:left;
|
||
|
|
font-size:14px;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
margin-left:5px;
|
||
|
|
}
|
||
|
|
.boxSearchItems dd{
|
||
|
|
display:block;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
margin-left:20px;
|
||
|
|
}
|
||
|
|
.boxSearchItems dd b{
|
||
|
|
margin:0;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#linkSearch{
|
||
|
|
float:right;
|
||
|
|
padding-right:8px;
|
||
|
|
}
|
||
|
|
.tableSearch{
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
p.searchButtons{
|
||
|
|
padding-top:5px;
|
||
|
|
}
|
||
|
|
#linkClose{
|
||
|
|
float:left;
|
||
|
|
|
||
|
|
}
|
||
|
|
#fileName{overflow:hidden;}
|
||
|
|
#header
|
||
|
|
{
|
||
|
|
text-align:left;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
padding-top:0px;
|
||
|
|
padding-left:18px;
|
||
|
|
padding-right:18px;
|
||
|
|
height:59px;
|
||
|
|
background-image: url(../images/header.jpg);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: right top;
|
||
|
|
background-color:#ececed;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-bottom-style: solid;
|
||
|
|
border-bottom-color: #b3b3b4;
|
||
|
|
}
|
||
|
|
|
||
|
|
#currentFolderInfo dl{
|
||
|
|
list-style:none;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #666666;
|
||
|
|
|
||
|
|
}
|
||
|
|
#currentFolderInfo dt{
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:bold;
|
||
|
|
display:inline;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
color: #666666;
|
||
|
|
}
|
||
|
|
#currentFolderInfo dd{
|
||
|
|
display:inline;
|
||
|
|
|
||
|
|
}
|
||
|
|
#currentFolderInfo dd a{
|
||
|
|
text-decoration:underline;
|
||
|
|
}
|
||
|
|
#viewList{
|
||
|
|
position:absolute;
|
||
|
|
left:18px;
|
||
|
|
top:36px;
|
||
|
|
}
|
||
|
|
#actionHeader
|
||
|
|
{
|
||
|
|
list-style-type: none;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
text-align:right;
|
||
|
|
}
|
||
|
|
#actionHeader li{line-height: 24px;}
|
||
|
|
/*~~~~~~Links Setting ~~~~~~~~*/
|
||
|
|
#actionHeader li a, #tickAll, .flagYes, .flagNo
|
||
|
|
{
|
||
|
|
padding:2px 1px 2px 16px;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-position:0 50%;
|
||
|
|
text-decoration:none;
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
#actionInfo{background-image:url(../images/info.png);}
|
||
|
|
.check_all{background-image:url(../images/tickAll.png);}
|
||
|
|
.uncheck_all{background-image:url(../images/uncheckAll.png);}
|
||
|
|
.flagYes{background-image:url(../images/flagYes.png);}
|
||
|
|
.flagNo{background-image:url(../images/flagno.png);}
|
||
|
|
#actionCopy{background-image:url(../images/copy.png);}
|
||
|
|
#actionPaste{background-image:url(../images/paste.png);}
|
||
|
|
#actionCut{background-image:url(../images/cut.png);}
|
||
|
|
#actionDelete{background-image:url(../images/delete.png);}
|
||
|
|
#actionZip{background-image:url(../images/zip.png);}
|
||
|
|
#actionRefresh{background-image:url(../images/refresh.png);}
|
||
|
|
#actionUnzip{background-image:url(../images/unzip.png);}
|
||
|
|
#actionUnzip{background-image:url(../images/unzip.png);}
|
||
|
|
#actionUpload{background-image:url(../images/action/upload.png);}
|
||
|
|
#actionNewFolder{background-image:url(../images/action/folder_add.png);}
|
||
|
|
#actionNewFile{background-image:url(../images/action/page_add.png);}
|
||
|
|
#tickAll{margin-left:5px;}
|
||
|
|
a.action{
|
||
|
|
text-decoration:none;};
|
||
|
|
|
||
|
|
/*~~~~~~File / Folder Icon ~~~~~~~~*/
|
||
|
|
.noFlag{
|
||
|
|
background-image:none;
|
||
|
|
|
||
|
|
}
|
||
|
|
.cutFlag, .copyFlag{
|
||
|
|
/*padding:2px 0 2px 7px;*/
|
||
|
|
width:7px;
|
||
|
|
height:7px;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-position:0 0px;
|
||
|
|
overflow:hidden;
|
||
|
|
text-decoration:none;
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
.cutFlag{
|
||
|
|
background-image:url(../images/cut_flag.gif);
|
||
|
|
}
|
||
|
|
.copyFlag{
|
||
|
|
background-image:url(../images/copy_flag.gif);
|
||
|
|
}
|
||
|
|
span.folderEmpty, span.folder, span.folderParent,
|
||
|
|
span.fileUnknown, span.fileText, span.fileWord,
|
||
|
|
span.fileFlash, span.fileVideo, span.filePicture,
|
||
|
|
span.filePPT, span.fileExcel, span.filePhp,
|
||
|
|
span.fileMusic, span.fileExe, span.fileAcrobat,
|
||
|
|
span.fileRTF, span.fileXml, span.fileCode,
|
||
|
|
span.fileZip, span.addMore, span.deleteFile,
|
||
|
|
span.cancel,span.uploadProcessing{
|
||
|
|
padding:2px 0 2px 16px;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-position:0 50%;
|
||
|
|
}
|
||
|
|
span.uploadProcessing{background-image:url(../images/uploadProcessing.gif);}
|
||
|
|
span.deleteFile,span.cancel{background-image:url(../images/flagno.png);}
|
||
|
|
span.addMore{background-image:url(../images/add.png);}
|
||
|
|
span.folderEmpty{background-image:url(../images/small_icon/folderEmpty.png);}
|
||
|
|
span.folder{background-image:url(../images/small_icon/folder.png);}
|
||
|
|
span.folderParent{background-image:url(../images/small_icon/folderParent.png);}
|
||
|
|
span.fileUnknown{background-image:url(../images/small_icon/fileUnknown.png);}
|
||
|
|
span.fileText{background-image:url(../images/small_icon/fileText.png);}
|
||
|
|
span.fileWord{background-image:url(../images/small_icon/fileWord.png);}
|
||
|
|
span.fileFlash{background-image:url(../images/small_icon/fileFlash.png);}
|
||
|
|
span.fileVideo{background-image:url(../images/small_icon/fileVideo.png);}
|
||
|
|
span.filePicture{background-image:url(../images/small_icon/filePicture.png);}
|
||
|
|
span.filePPT{background-image:url(../images/small_icon/filePowerpoint.png);}
|
||
|
|
span.fileExcel{background-image:url(../images/small_icon/fileExcel.png);}
|
||
|
|
span.filePhp{background-image:url(../images/small_icon/filePhp.png);}
|
||
|
|
span.fileMusic{background-image:url(../images/small_icon/fileMusic.png);}
|
||
|
|
span.fileExe{background-image:url(../images/small_icon/fileExe.png);}
|
||
|
|
span.fileAcrobat{background-image:url(../images/small_icon/fileAcrobat.png);}
|
||
|
|
span.fileRTF{background-image:url(../images/small_icon/fileRTF.png);}
|
||
|
|
span.fileXml{background-image:url(../images/small_icon/fileXml.png);}
|
||
|
|
span.fileCode{background-image:url(../images/small_icon/fileCode.png);}
|
||
|
|
span.fileZip{background-image:url(../images/small_icon/fileZip.png);}
|
||
|
|
/* big icon */
|
||
|
|
dt.folderEmpty, dt.folder, dt.folderParent,
|
||
|
|
dt.fileUnknown, dt.fileText, dt.fileWord,
|
||
|
|
dt.fileFlash, dt.fileVideo,
|
||
|
|
dt.filePPT, dt.fileExcel, dt.filePhp,
|
||
|
|
dt.fileMusic, dt.fileExe, dt.fileAcrobat,
|
||
|
|
dt.fileRTF, dt.fileXml, dt.fileCode,
|
||
|
|
dt.fileZip{
|
||
|
|
margin: 0px;
|
||
|
|
padding:0px;
|
||
|
|
border:solid #ccc 1px;
|
||
|
|
display:block;
|
||
|
|
background-color:#ffffff;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-position:center;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
dt.folderEmpty{background-image:url(../images/big_icon/folderEmpty.png);}
|
||
|
|
dt.folder{background-image:url(../images/big_icon/folder.png);
|
||
|
|
}
|
||
|
|
dt.folderParent{background-image:url(../images/big_icon/folderParent.png);}
|
||
|
|
dt.fileUnknown{background-image:url(../images/big_icon/fileUnknown.png);}
|
||
|
|
dt.fileText{background-image:url(../images/big_icon/fileText.png);}
|
||
|
|
dt.fileWord{background-image:url(../images/big_icon/fileWord.png);}
|
||
|
|
dt.fileFlash{background-image:url(../images/big_icon/fileFlash.png);}
|
||
|
|
dt.fileVideo{background-image:url(../images/big_icon/fileVideo.png);}
|
||
|
|
|
||
|
|
dt.filePPT{background-image:url(../images/big_icon/filePowerpoint.png);}
|
||
|
|
dt.fileExcel{background-image:url(../images/big_icon/fileExcel.png);}
|
||
|
|
dt.filePhp{background-image:url(../images/big_icon/filePhp.png);}
|
||
|
|
dt.fileMusic{background-image:url(../images/big_icon/fileMusic.png);}
|
||
|
|
dt.fileExe{background-image:url(../images/big_icon/fileExe.png);}
|
||
|
|
dt.fileAcrobat{background-image:url(../images/big_icon/fileAcrobat.png);}
|
||
|
|
dt.fileRTF{background-image:url(../images/big_icon/fileRTF.png);}
|
||
|
|
dt.fileXml{background-image:url(../images/big_icon/fileXml.png);}
|
||
|
|
dt.fileCode{background-image:url(../images/big_icon/fileCode.png);}
|
||
|
|
dt.fileZip{background-image:url(../images/big_icon/fileZip.png);}
|
||
|
|
|
||
|
|
table.tableSummary{
|
||
|
|
border-collapse:collapse;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
table.tableSummary tbody td
|
||
|
|
{
|
||
|
|
border:none;
|
||
|
|
padding:2px 6px;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
table.tableSummary tbody th{
|
||
|
|
border:none;
|
||
|
|
color:#000;
|
||
|
|
white-space:nowrap;
|
||
|
|
padding:1px 6px ;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* text listing*/
|
||
|
|
#textListing{
|
||
|
|
list-style:none;
|
||
|
|
}
|
||
|
|
#textListing li{
|
||
|
|
width:150px;
|
||
|
|
border:solid #999999 1px;
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
margin: 4px 4px;
|
||
|
|
padding:2px 2px;
|
||
|
|
}
|
||
|
|
/** thumbnail listing */
|
||
|
|
.thumbnailListing{
|
||
|
|
border:solid #ccc 1px;
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
margin: 3px 3px;
|
||
|
|
padding:1px;
|
||
|
|
background-color:#f4f4f4;
|
||
|
|
}
|
||
|
|
.thumbnailListing dt{
|
||
|
|
width:120px;
|
||
|
|
height:110px;
|
||
|
|
text-align:center;
|
||
|
|
margin:2px 2px;
|
||
|
|
padding:0;
|
||
|
|
border:solid #ccc 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.thumbnailListing dt img{
|
||
|
|
vertical-align:middle;
|
||
|
|
}
|
||
|
|
.thumbnailListing_info{
|
||
|
|
width:125px;
|
||
|
|
display:block;
|
||
|
|
height:25px;
|
||
|
|
text-align:center;
|
||
|
|
margin:0px;
|
||
|
|
}
|
||
|
|
dd.thumbnailListing_info span, dd.thumbnailListing_info input, dd.thumbnailListing_info a{
|
||
|
|
vertical-align:middle;
|
||
|
|
}
|
||
|
|
/* ~~~ === PAGINATION ===================================================== ~~~ */
|
||
|
|
.pagination_summany
|
||
|
|
{
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
p.pagination{
|
||
|
|
clear: both;
|
||
|
|
margin:0;
|
||
|
|
padding:5px;
|
||
|
|
width:100%;
|
||
|
|
background-color:#e6e6e6;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-bottom-style: solid;
|
||
|
|
border-bottom-color: #FFFFFF;
|
||
|
|
}
|
||
|
|
#pagination_parent_link
|
||
|
|
{
|
||
|
|
background: url(../images/go_parent.png) no-repeat 100% 50%;
|
||
|
|
padding: 2px 6px 2px 10px;
|
||
|
|
}
|
||
|
|
a.pagination_first,
|
||
|
|
a.pagination_previous,
|
||
|
|
a.pagination_next,
|
||
|
|
a.pagination_last,
|
||
|
|
a.pagination_group
|
||
|
|
{
|
||
|
|
background: url(../images/pagination/pagination_left.gif) no-repeat 0 50%;
|
||
|
|
text-decoration: none;
|
||
|
|
padding: 2px 0 2px 6px;
|
||
|
|
font-size: 11px;
|
||
|
|
}
|
||
|
|
a.pagination_first span,
|
||
|
|
a.pagination_previous span,
|
||
|
|
a.pagination_next span,
|
||
|
|
a.pagination_last span,
|
||
|
|
a.pagination_group span
|
||
|
|
{
|
||
|
|
background: url(../images/pagination/pagination_right.gif) no-repeat 100% 50%;
|
||
|
|
padding: 2px 6px 2px 0;
|
||
|
|
}
|
||
|
|
a.pagination_first:hover,
|
||
|
|
a.pagination_previous:hover,
|
||
|
|
a.pagination_next:hover,
|
||
|
|
a.pagination_last:hover,
|
||
|
|
a.pagination_group:hover{color: #FF9900;}
|
||
|
|
a.pagination_active{font-weight: bold; color: #CC0000;}
|
||
|
|
|
||
|
|
/*~~~~~~Form Setting ~~~~~~~~*/
|
||
|
|
.input, .inputFile{
|
||
|
|
border: 1px solid #86888B;
|
||
|
|
font: 12px Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button{
|
||
|
|
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
background:url(../images/button.gif);
|
||
|
|
width:90px;
|
||
|
|
height:20px;
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Detail View */
|
||
|
|
#tableList{
|
||
|
|
font-size:100%;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
#tableList thead th{
|
||
|
|
text-align:left;
|
||
|
|
color:#7a92c2;
|
||
|
|
padding:8px 8px 6px 8px;
|
||
|
|
background-color: #DDDBD2;
|
||
|
|
}
|
||
|
|
#tableList thead th.docName{
|
||
|
|
background:#DDDBD2;
|
||
|
|
padding:2px 0px 2px 20px;
|
||
|
|
border-right-width: 2px;
|
||
|
|
border-right-style: groove;
|
||
|
|
}
|
||
|
|
#tableList tbody td { background:#f2f1ee; padding:0; }
|
||
|
|
#tableList tbody td.docName {
|
||
|
|
background-color:#fff;
|
||
|
|
height: 22px;
|
||
|
|
border-right-width: 2px;
|
||
|
|
border-right-style: groove;
|
||
|
|
padding:2px 0px 2px 20px;
|
||
|
|
}
|
||
|
|
#tableList tbody td.docInfo{
|
||
|
|
background-color:#f2f1ee;
|
||
|
|
height: 22px;
|
||
|
|
border-right-width: 2px;
|
||
|
|
border-right-style: groove;
|
||
|
|
padding:2px 0px 2px 20px;
|
||
|
|
}
|
||
|
|
.fileColumns{
|
||
|
|
border-right-width: 2px;
|
||
|
|
border-right-style: groove;
|
||
|
|
}
|
||
|
|
/*thinkbox*/
|
||
|
|
.jqmContainer{
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.jqmHeader{
|
||
|
|
|
||
|
|
height:15px;
|
||
|
|
}
|
||
|
|
.jqmHeader a{
|
||
|
|
float:right;
|
||
|
|
margin-right:10px;
|
||
|
|
margin-top:-5px;
|
||
|
|
}
|
||
|
|
.jqmBody table thead th{
|
||
|
|
font-size:16px;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:center;
|
||
|
|
padding: 5px 5px;
|
||
|
|
}
|
||
|
|
.jqmBody table tbody th{
|
||
|
|
text-align:right;
|
||
|
|
padding: 2px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jqmBody{
|
||
|
|
|
||
|
|
border:1px solid #a1a1a1;
|
||
|
|
background-image: url(../images/panel_bg.gif);
|
||
|
|
background-repeat: repeat-y;
|
||
|
|
background-position: left top;
|
||
|
|
background-color: #d9dbdc;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/*~~~~~~Global Low Priority Setting ~~~~~~~~*/
|
||
|
|
.left, td.left, th.left, td.leftDisabled{text-align:left;}
|
||
|
|
.right, td.right, th.right{text-align:right;}
|
||
|
|
.center, td.center, th.center{text-align:center;}
|