ACC SHELL
/*~~~~~~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;
mix-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;}
ACC SHELL 2018