diff --git a/public_html/skins/default/style.css b/public_html/skins/default/style.css index d085e5e..c9b96a4 100644 --- a/public_html/skins/default/style.css +++ b/public_html/skins/default/style.css @@ -1,1540 +1,1539 @@ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; margin: 0; color: #514949; background: url(images/body.png) top repeat-x #f0f0f0; } a { color: #1E90FF; text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-top: 5px; color: #ff9900; } input[type="text"], input[type="password"], select[multiple="multiple"], textarea { border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding-left: 2px; color: black; } input[type="checkbox"], input[type="radio"] { vertical-align: middle; } select[multiple="multiple"] { padding-left: 0; } table.list { width: 100%; table-layout: fixed; border-spacing: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } table.list td { padding: 2px 4px; border: 1px solid white; border-left: none; border-top: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } table.list thead tr { background-color: #e0e0e0; font-weight: bold; } table.list tbody tr { background-color: #f0f0f0; } table.list tfoot tr { background-color: #e0e0e0; } table.list tfoot tr td { padding: 3px 3px; font-size: 10px; text-shadow: white 1px 1px; } table.list tfoot tr td { border-top: solid 1px white; border-bottom: none; } table.list td:last-child { border-right: none; } table.list tbody tr.selectable td { cursor: default; } table.list tbody tr.selectable:hover { background-color: #d6efff; } table.list tbody tr td.empty-body { height: 150px; color: #ff9900; text-align: center; } fieldset { border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 10px; } legend { padding-left: 0; color: #909090; } table.form { width: 100%; } table.form td { padding: 1px 5px; } table.form tr.required input, table.form tr.required select, table.form tr.required textarea { background-color: #f0f9ff; } table.form tr input.error, table.form tr select.error, table.form tr textarea.error { background-color: #f5e3e3; } td.label { width: 1%; min-width: 120px; text-align: right; font-weight: bold; white-space: nowrap; } table tbody tr.selected { background-color: #d6efff; } /**** Common UI elements ****/ #topmenu { text-align: right; height: 20px; padding: 0 10px; margin: 0; white-space: nowrap; background: url(images/linen_header.jpg) 0 0 repeat-x; } #topmenu > span { color: #aaa; font-size: 11px; padding-top: 2px; display: inline-block; height: 18px; } #navigation { margin: 0 15px; text-align: right; height: 36px; z-index: 2; white-space: nowrap; } #task_navigation { margin: 0 15px; text-align: right; height: 21px; z-index: 2; white-space: nowrap; } #message { position: absolute; top: 80px; left: 20px; width: 350px; height: 60px; z-index: 20; } #message div { opacity: 0.97; padding-left: 70px; border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 3px #999; -webkit-box-shadow: #999 1px 1px 3px; width: 100%; height: 100%; display: table; } #message.notice div { border-color: #aec1db; color: #3465a4; background: url(images/info.png) 10px center no-repeat #c0e0ff; } #message.error div { border-color: #db9999; color: #a40000; background: url(images/error.png) 10px center no-repeat #edcccc; } #message div span { vertical-align: middle; display: table-cell; line-height: 20px; } #logo { position: absolute; top: 0px; left: 10px; width: 198px; height: 74px; cursor: pointer; background: url(images/logo.png) 0 0 no-repeat; } #content { position: absolute; left: 0; right: 0; top: 74px; bottom: 55px; margin: 0 15px; padding: 10px; background-color: #f5f5f5; border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #footer { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; margin: 2px 15px; color: #b0b0b0; font-size: 9px; } #loading { position: absolute; display: none; top: 2px; left: 15px; width: 150px; height: 18px; padding-left: 86px; color: #aaa; font-size: 11px; z-index: 1; background: url(images/loading.gif) 0 3px no-repeat; white-space: nowrap; } #topmenu .logout { background: url(images/buttons.png) -1px -100px no-repeat; padding-left: 20px; margin-right: 10px; color: white; } #topmenu .login { padding-left: 20px; margin-right: 20px; background: url(images/user_ico.png) 0 2px no-repeat; } #topmenu .domain { padding-left: 20px; margin-right: 10px; background: url(images/domain_ico.png) 0 3px no-repeat; } #navigation ul { list-style-type: none; margin: 0; padding: 8px 0; } #navigation ul li { display: inline; font-size: 13px; font-weight: bold; padding: 8px 0; } #navigation ul li a { padding: 8px 10px; text-decoration: none; color: #514949; } #navigation ul li.active { background: url(images/navbg.png) 0 0 repeat-x; } #navigation ul li.active a { text-shadow: white 1px 1px; color: #ff9900; } #task_navigation ul { list-style-type: none; margin: 0; padding: 2px 0; } #task_navigation ul li { padding: 1px 0; display: inline; font-size: 12px; font-weight: bold; text-shadow: white 1px 1px; } #task_navigation ul li a { padding: 1px 10px; text-decoration: none; color: #808080; } #navigation ul li a:active, #task_navigation ul li a:active { outline: none; } #search { padding: 7px; margin-bottom: 10px; border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #e0e0e0; } #searchinput { border: none; background-color: white; margin-top: 2px; } #searchinput:focus { outline: none; } .searchinput { height: 20px; margin: 0; padding: 0; background-color: white; border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; } .searchactions { float: left; padding: 1px; margin-left: -1px; height: 18px; width: 37px; background-color: #f0f0f0; cursor: pointer; border-right: 1px solid #e0e0e0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-left-right-radius: 3px; } #search-reset, #search-details { display: block; float: left; width: 18px; height: 18px; background: url(images/buttons.png) -1px 0 no-repeat; } #search-reset:hover, #search-details:hover { background-color: white; } #search-reset { border-left: 1px solid #e0e0e0; } #search-details { background-position: -1px 20px; } .searchdetails { display: none; } .searchfilter { color: #909090; font-weight: bold; margin-top: 5px; } #search fieldset { margin: 0; color: #909090; margin-top: 5px; } #search td.label { min-width: 0; } div.vsplitter { float: left; width: 10px; min-height: 400px; } /* fix cursor on upload button */ input[type="file"]::-webkit-file-upload-button { cursor: pointer; } #draglayer { min-width: 300px; width: auto !important; width: 300px; border: 1px solid #999999; background-color: #fff; padding-left: 8px; padding-right: 8px; padding-top: 3px; padding-bottom: 3px; white-space: nowrap; opacity: 0.9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 12px #999; -webkit-box-shadow: #999 1px 1px 12px; } /**** Common classes ****/ a.disabled { opacity: 0.5; filter: alpha(opacity=50); } .nowrap { white-space: nowrap; } .clear { clear: both; } .watermark { padding-top: 40px; text-align: center; width: 100%; } .link { cursor: pointer; } .icon { width: 16px; height: 16px; } input.inactive { color: #d0d0d0; } .formtitle { color: #ff9900; font-size: 18px; font-weight: bold; margin-left: 5px; } .formbuttons { text-align: center; white-space: nowrap; } .formbuttons input { margin: 5px; } div.scroller { left: 0; top: 0; width: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; bottom: 19px; } .listnav { width: 100%; text-align: right; } .listnav a { float: left; display: block; width: 16px; height: 16px; background: url(images/arrow_left.png) center no-repeat; } .listnav a.next { background: url(images/arrow_right.png) center no-repeat; } .listnav a.disabled { opacity: .3; cursor: default; } .listnav span span { float: left; display: block; height: 14px; padding: 1px 5px; } .disabled, .readonly, .select.readonly option { color: #a0a0a0; } input.disabled, input.readonly, select.disabled, select.readonly, textarea.disabled, textarea.readonly { background-color: #f5f5f5; color: #a0a0a0; } input.maxsize { width: 368px; /* span.listarea width - 2px */ } pre.debug { border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: white; padding: 2px; width: 500px; height: 200px; margin: 0; overflow: auto; } .popup { display: none; position: absolute; border: 1px solid #d0d0d0; border-radius: 3px; box-shadow: 0 2px 6px 0 #d0d0d0; -moz-box-shadow: 0 2px 6px 0 #d0d0d0; -webkit-box-shadow: 0 2px 6px 0 #d0d0d0; -o-box-shadow: 0 2px 6px 0 #d0d0d0; background-color: #f0f0f0; } a.button { display: inline-block; width: 18px; height: 18px; background: url(images/buttons.png) 0 0 no-repeat; } a.button.edit { background-position: -1px -81px; } a.button.add { background-position: -1px -41px; } a.button.delete { background-position: -1px -1px; } .popup ul { list-style-type: none; margin: 0; padding: 0; } .popup ul li { padding: 2px 4px; min-width: 100px; cursor: default; } .popup ul li a { cursor: default; display: block; } .popup ul li:hover { background-color: #d6efff; } div.boxfooter { position: absolute; height: 18px; left: 0; right: 0; bottom: 0; background-color: #e0e0e0; border-top: 1px solid #d0d0d0; } div.boxfooter a.button { width: auto; white-space: nowrap; color: #514949; display: inline; line-height: 18px; padding: 0 5px 0 20px; } /********* Form smart inputs *********/ span.listarea { display: block; width: 370px; max-height: 209px; overflow-y: auto; overflow-x: hidden; margin: 0; padding: 0; background-color: white; border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: left; text-shadow: none; color: black; } span.listelement { display: block; padding: 0; margin: 0; height: 18px; overflow: hidden; border-top: 1px solid #d0d0d0; white-space: nowrap; } span.listelement:first-child { border: none; } span.listelement input { border: none; background-color: transparent; padding-left: 2px; width: 328px; height: 16px; } span.listarea.disabled span.listelement input, span.listarea.readonly span.listelement input { width: 370px; } span.listelement input:focus { outline: none; } span.listelement span.actions { float: left; padding: 1px 0; margin-left: -1px; margin-top: -1px; height: 18px; width: 37px; border: 1px solid #d0d0d0; background-color: #f0f0f0; cursor: pointer; } span.listelement span.actions span { display: block; float: left; width: 18px; height: 18px; background: url(images/buttons.png) 0 0 no-repeat; } span.listelement span.actions span:hover { background-color: white; } span.listelement span.actions span.reset { background-position: -1px -1px; border-left: 1px solid #e0e0e0; } span.listelement span.actions span.add { background-position: -41px -2px; } span.listelement span.actions span.search { background-position: -61px -1px; cursor: default; } span.listarea.disabled, span.listarea.readonly { background-color: #f5f5f5; } input.disabled, input.readonly, span.listarea.disabled span.listelement input, span.listarea.readonly span.listelement input { color: #a0a0a0; cursor: default; } span.listarea.autocomplete span.listelement input { color: #514949; } span.listarea.autocomplete span.listelement input.autocomplete { color: black; } .autocomplete > span.listelement input { width: 346px; } .autocomplete > span.listelement span.actions { width: 18px; } .autocomplete > span.listelement span.actions span.reset { border-left: none; } .autocomplete > span.listelement span.actions span.search:hover { background-color: #f0f0f0; } span.listarea.select { width: 200px; } span.listarea.select > span.listelement input { width: 180px; } span.listcontent { display: block; padding: 0; margin: 0; overflow: hidden; max-height: 94px; overflow-x: hidden; overflow-y: auto; border-top: 1px solid #d0d0d0; background-color: #f5f5f5; cursor: default; } span.listcontent span.listelement { padding-left: 3px; } span.listcontent span.listelement:hover { background-color: #d6efff; } span.listcontent span.listelement.selected { background-color: #d6efff; } span.form_error { color: #FF0000; font-weight: bold; font-size: 90%; padding-left: 5px; } /***** progress bar ****/ table.progress { width: 100%; height: 5px; background-color: #f0f0f0; border: 1px solid #d0d0d0; border-spacing: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 3px; } table.progress td.bar { background-color: #71b9e1; } table.progressinfo { font-size: 9px; border: 1px solid #d0d0d0; width: 5%; background-color: #f0f0f0; z-index: 100; border-spacing: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; } table.progressinfo td { padding: 0 1px; white-space: nowrap; } table.progressinfo td.label { text-align: left; font-weight: normal; padding-right: 10px; min-width: 50px; width: 1%; } table.progressinfo td.value { text-align: right; width: 99%; } /***** drag-n-drop *****/ #taskcontent.droptarget.hover, #taskcontent.droptarget.active { border-color: #019bc6; box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); } #taskcontent.droptarget.hover { background-color: #d9ecf4; box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); } #taskcontent.droptarget.hover table tbody td { background-color: #d9ecf4; } /***** autocomplete list *****/ #autocompletepane { background-color: white; border: 1px solid #d0d0d0; min-width: 351px; } #autocompletepane ul { margin: 0px; padding: 2px; list-style-image: none; list-style-type: none; } #autocompletepane ul li { display: block; height: 16px; font-size: 11px; padding-left: 6px; padding-top: 2px; padding-right: 6px; white-space: nowrap; cursor: pointer; } #autocompletepane ul li.selected { background-color: #d6efff; } /***** tabbed interface elements *****/ div.tabsbar { height: 22px; border-bottom: 1px solid #d0d0d0; white-space: nowrap; margin: 10px 5px 0 5px; } span.tablink, span.tablink-selected { float: left; height: 23px !important; height: 22px; overflow: hidden; background: url(images/tabs-left.gif) top left no-repeat; font-weight: bold; } span.tablink { cursor: pointer; text-shadow: white 1px 1px; } span.tablink-selected { cursor: default; background-position: 0px -23px; } span.tablink a, span.tablink-selected a { display: inline-block; padding: 4px 10px 0 5px; margin-left: 5px; height: 23px; color: #808080; max-width: 185px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; background: url(images/tabs-right.gif) top right no-repeat; outline: none; } span.tablink-selected a { cursor: inherit; color: #514949; background-position: right -23px; } fieldset.tabbed { margin-top: 0; padding-top: 12px; border-top: none; } /***** Dialog windows *****/ #_wModal_bg { background-color: #000; z-index: 10000; opacity: 0.2; filter: alpha(opacity=20); } #_wModal_pixel { z-index: 10001; } ._wModal { position: relative; min-width: 350px; overflow: hidden; line-height: 15px; background-color: #FFF; color: #333; border: 1px solid rgba(51, 51, 51, 0.5); border-radius: 4px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } ._wModal_header { padding: 10px; font-size: 14px; font-weight: bold; border-bottom: solid 1px #DDD; } ._wModal_close { position: absolute; right: 10px; top: 10px; font-weight: normal; font-size: 12px; cursor: pointer; color: #BABABA; } ._wModal_msg { font-size: 12px; padding: 20px; color: #3A3A3A; text-shadow: rgba(255, 255, 255, 0.75) 0 1px 1px; } ._wModal_btns { padding: 10px; font-size: 10px; font-weight: bold; border-top: solid 1px #DDD; background-color: #EFEFEF; text-align: right; white-space: nowrap; } ._wModal_btns div { display: inline-block; min-width: 40px; padding: 0 10px; height: 25px; line-height: 25px; margin-left: 10px; text-align: center; cursor: pointer; border-radius: 4px; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px; text-shadow: rgba(255, 255, 255, 0.75) 0 1px 1px; border: 1px solid rgba(0, 0, 0, 0.14902); border-bottom-color: rgba(0, 0, 0, 0.247059); background-color: #F5F5F5; color: #333; } ._wModal_btns div:hover, ._wModal_btns div:focus { background-color: #E6E6E6; outline: none; } ._wModal_btns div.default { text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; border: 1px solid rgba(0, 0, 0, 0.0980392); background-color: #006DCC; color: #FFF; } ._wModal_btns div.default:hover, ._wModal_btns div.default:focus { background-color: #0044CC } /**** Login form elements ****/ #login_form { margin: auto; margin-top: 75px; padding: 20px; width: 330px; background-color: #e0e0e0; border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; } #login_form span { display: block; line-height: 24px; width: 330px; text-align: left; } #login_form label { display: block; width: 80px; text-align: right; float: left; margin-right: 10px; } #login_form select, #login_form input[type="text"], #login_form input[type="password"] { width: 210px; } #login_submit { margin-top: 5px; } /**** Main screen elements ****/ #main { padding: 5px 30px; } #footer .foot { white-space: nowrap; vertical-align: top; text-align: right; } #folder-edit-form label { display: inline-block; width: 100px; } /***** tree indicators *****/ td span.branch span { float: left; height: 16px; } td span.branch span.tree { height: 17px; width: 15px; background: url(images/tree.gif) 0 0 no-repeat; } td span.branch span.l1 { background-position: 0px 0px; /* L */ } td span.branch span.l2 { background-position: -30px 0px; /* | */ } td span.branch span.l3 { background-position: -15px 0px; /* |- */ } /**** File manager elements ****/ #taskcontent { position: absolute; left: 310px; right: 10px; bottom: 10px; top: 10px; background-color: #f0f0f0; border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow-y: auto; } #actionbar { position: absolute; width: 82px; top: 10px; bottom: 10px; overflow: hidden; } #forms { position: absolute; left: 310px; right: 10px; top: 10px; } #forms form { display: none; } #forms fieldset { margin: 0; background-color: #f0f0f0; } #forms table { border-spacing: 0; margin: 0; padding: 0; } #forms table td.buttons { width: 1%; white-space: nowrap; } #actionbar a { display: block; width: 80px; height: 55px; border: 1px solid #d0d0d0; border-spacing: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #f0f0f0; margin-bottom: 6px; cursor: pointer; color: #333; } #actionbar a span { display: block; position: absolute; width: 100%; text-align: center; padding-top: 40px; font-size: 9px; } #folder-create-button { background: url(images/folder_new.png) center 6px no-repeat; } #file-create-button { background: url(images/file_new.png) center 6px no-repeat; } #file-upload-button { background: url(images/file_new.png) center 6px no-repeat; } #file-search-button { background: url(images/search.png) center 6px no-repeat; } #file-save-button { background: url(images/save.png) center 6px no-repeat; } #actionbar #file-save-button { display: none; } #folderlist, #filedata { position: absolute; width: 200px; top: 10px; bottom: 10px; left: 98px; border: 1px solid #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #f0f0f0; padding: 2px; } #folderlist table, #filelist table { width: 100%; border-spacing: 0; } #filelist td { white-space: nowrap; cursor: default; width: 70px; overflow: hidden; } #filelist td.filename { width: 98%; height: 20px; padding: 0 4px; text-overflow: ellipsis; } #filelist td.filesize { text-align: right; } #filelist td.filemtime { width: 115px; } #filelist tbody td.filename span { background: url(images/mimetypes/unknown.png) 0 0 no-repeat; - padding: 0 0 0 20px; - height: 16px; + padding: 1px 0 1px 20px; cursor: pointer; } #filelist tbody td.filename span input { padding: 0 2px; height: 18px; } #filelist thead td { cursor: pointer; } #filelist thead td.sorted { padding-right: 16px; text-decoration: underline; background: url(images/buttons.png) right -140px no-repeat; } #filelist thead td.sorted.reverse { background-position: right -120px; } #folderlist td span.name { background: url(images/folder.png) 0 0 no-repeat; - height: 18px; - padding-left: 20px; + line-height: 16px; + padding: 1px 0 1px 20px; margin-left: 3px; cursor: pointer; } #folderlist tr.selected td span.name { background-image: url(images/folder_open.png); } #folderlist tr.selected { background-color: inherit; } #folderlist tr.selected td span.name { font-weight: bold; } #folderlist tr.virtual td span.name { color: #bbb; cursor: default; } #folderlist tr.droptarget { background-color: #e0e0e0; } #folder-collection-audio td span.name, #folderlist #folder-collection-audio.selected td span.name { background: url(images/audio.png) 1px 0 no-repeat; } #folder-collection-video td span.name, #folderlist #folder-collection-video.selected td span.name { background: url(images/video.png) 0 0 no-repeat; } #folder-collection-image td span.name, #folderlist #folder-collection-image.selected td span.name { background: url(images/image.png) 0 0 no-repeat; } #folder-collection-document td span.name, #folderlist #folder-collection-document.selected td span.name { background: url(images/document.png) 0 0 no-repeat; } #folder-create-form input { vertical-align: middle; } #folder-create-form table td.buttons { vertical-align: top; } .drivers-list { max-height: 160px; overflow: auto; } .drivers-list > div { border: 1px solid white; border-radius: 3px; margin-top: 3px; padding: 2px 0; } .drivers-list > div.selected { background-color: #e8e8e8; } .drivers-list div.content { display: inline-block; vertical-align: middle; margin-left: 5px; } .drivers-list .name { font-weight: bold; } .drivers-list img { vertical-align: middle; background-color: #e0e0e0; border-radius: 3px; margin: 3px; background-image: -moz-linear-gradient(center top, #888, #333); background-image: -webkit-linear-gradient(top, #888, #333); background-image: -ms-linear-gradient(top, #888, #333); } .drivers-list input { vertical-align: middle; } .drivers-list div.content div.form { padding-top: 4px; width: 400px; } .drivers-footer .description, .drivers-list .description { font-size: 10px; color: #666; display: block; } .drivers-footer .description { margin-left: 25px; } div.form .formrow { display: block; padding: 1px; } div.form .formrow label { width: 80px; display: inline-block; } div.form .drivers-footer { margin-top: 10px; } /****** File open interface elements ******/ #actionbar #file-edit-button { background: url(images/edit.png) center 6px no-repeat #f0f0f0; } #actionbar #file-delete-button { background: url(images/trash.png) center 6px no-repeat #f0f0f0; } #actionbar #file-download-button { background: url(images/download.png) center 6px no-repeat #f0f0f0; } #taskcontent iframe { border: none; width: 100%; height: 100%; background-color: white; overflow: auto; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; opacity: 0.1; } .fileopen #taskcontent { overflow: hidden; background-color: white; } #filedata table { width: 200px; } #filedata table td.label { min-width: 30px; } #filedata table td.data { /* text-overflow: ellipsis; overflow: hidden; */ } #filedata table td.data.filename { font-weight: bold; } #loader { display: none; z-index: 10; width: 100px; background-color: #fafafa; color: #a0a0a0; position: absolute; border: 1px solid #e0e0e0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; padding: 10px; font-weight: bold; }