| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| UL.fileTree { |
| font-family: Verdana, sans-serif; |
| font-size: 11px; |
| line-height: 18px; |
| padding: 0px; |
| margin: 0px; |
| } |
| |
| LI.helper { |
| font-family: Verdana, sans-serif; |
| font-size:11px; |
| line-height:18px; |
| } |
| |
| UL.fileTree LI, LI.helper { |
| list-style: none; |
| padding: 0px; |
| padding-left: 20px; |
| margin: 0px; |
| white-space: nowrap; |
| } |
| |
| UL.fileTree A, LI.helper A { |
| color: #333; |
| text-decoration: none; |
| display: block; |
| padding: 0px 2px; |
| } |
| |
| UL.fileTree A:hover, LI.helper A { |
| background: #BDF; |
| } |
| |
| /* Core Styles */ |
| .fileTree LI.directory, LI.helper.directory { background: url(../../images/directory.png) left top no-repeat; } |
| .fileTree LI.expanded, LI.helper.expanded { background: url(../../images/folder_open.png) left top no-repeat; } |
| .fileTree LI.file, LI.helper.file { background: url(../../images/file.png) left top no-repeat; } |
| .fileTree LI.wait, LI.helper.wait { background: url(../../images/spinner.gif) left top no-repeat; } |
| /* File Extensions*/ |
| .fileTree LI.ext_3gp, LI.helper.ext_3gp { background: url(../../images/film.png) left top no-repeat; } |
| .fileTree LI.ext_afp, LI.helper.ext_afp { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_afpa, LI.helper.ext_afpa { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_asp, LI.helper.ext_asp { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_aspx, LI.helper.ext_aspx { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_avi, LI.helper.ext_avi { background: url(../../images/film.png) left top no-repeat; } |
| .fileTree LI.ext_bat, LI.helper.ext_bat { background: url(../../images/application.png) left top no-repeat; } |
| .fileTree LI.ext_bmp, LI.helper.ext_bmp { background: url(../../images/picture.png) left top no-repeat; } |
| .fileTree LI.ext_c, LI.helper.ext_c { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_cfm, LI.helper.ext_cfm { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_cgi, LI.helper.ext_cgi { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_com, LI.helper.ext_com { background: url(../../images/application.png) left top no-repeat; } |
| .fileTree LI.ext_cpp, LI.helper.ext_cpp { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_css, LI.helper.ext_css { background: url(../../images/css.png) left top no-repeat; } |
| .fileTree LI.ext_doc, LI.helper.ext_doc { background: url(../../images/doc.png) left top no-repeat; } |
| .fileTree LI.ext_exe, LI.helper.ext_exe { background: url(../../images/application.png) left top no-repeat; } |
| .fileTree LI.ext_gif, LI.helper.ext_gif { background: url(../../images/picture.png) left top no-repeat; } |
| .fileTree LI.ext_fla, LI.helper.ext_fla { background: url(../../images/flash.png) left top no-repeat; } |
| .fileTree LI.ext_h, LI.helper.ext_h { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_htm, LI.helper.ext_htm { background: url(../../images/html.png) left top no-repeat; } |
| .fileTree LI.ext_html, LI.helper.ext_html { background: url(../../images/html.png) left top no-repeat; } |
| .fileTree LI.ext_jar, LI.helper.ext_jar { background: url(../../images/java.png) left top no-repeat; } |
| .fileTree LI.ext_jpg, LI.helper.ext_jpg { background: url(../../images/picture.png) left top no-repeat; } |
| .fileTree LI.ext_jpeg, LI.helper.ext_jpeg { background: url(../../images/picture.png) left top no-repeat; } |
| .fileTree LI.ext_js, LI.helper.ext_js { background: url(../../images/script.png) left top no-repeat; } |
| .fileTree LI.ext_lasso, LI.helper.ext_lasso { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_log, LI.helper.ext_log { background: url(../../images/txt.png) left top no-repeat; } |
| .fileTree LI.ext_m4p, LI.helper.ext_m4p { background: url(../../images/music.png) left top no-repeat; } |
| .fileTree LI.ext_mov, LI.helper.ext_mov { background: url(../../images/film.png) left top no-repeat; } |
| .fileTree LI.ext_mp3, LI.helper.ext_mp3 { background: url(../../images/music.png) left top no-repeat; } |
| .fileTree LI.ext_mp4, LI.helper.ext_mp4 { background: url(../../images/film.png) left top no-repeat; } |
| .fileTree LI.ext_mpg, LI.helper.ext_mpg { background: url(../../images/film.png) left top no-repeat; } |
| .fileTree LI.ext_mpeg, LI.helper.ext_mpeg { background: url(../../images/film.png) left top no-repeat; } |
| .fileTree LI.ext_ogg, LI.helper.ext_ogg { background: url(../../images/music.png) left top no-repeat; } |
| .fileTree LI.ext_pcx, LI.helper.ext_pcx { background: url(../../images/picture.png) left top no-repeat; } |
| .fileTree LI.ext_pdf, LI.helper.ext_pdf { background: url(../../images/pdf.png) left top no-repeat; } |
| .fileTree LI.ext_php, LI.helper.ext_php { background: url(../../images/php.png) left top no-repeat; } |
| .fileTree LI.ext_png, LI.helper.ext_png { background: url(../../images/picture.png) left top no-repeat; } |
| .fileTree LI.ext_ppt, LI.helper.ext_ppt { background: url(../../images/ppt.png) left top no-repeat; } |
| .fileTree LI.ext_psd, LI.helper.ext_psd { background: url(../../images/psd.png) left top no-repeat; } |
| .fileTree LI.ext_pl, LI.helper.ext_pl { background: url(../../images/script.png) left top no-repeat; } |
| .fileTree LI.ext_py, LI.helper.ext_py { background: url(../../images/script.png) left top no-repeat; } |
| .fileTree LI.ext_rb, LI.helper.ext_rb { background: url(../../images/ruby.png) left top no-repeat; } |
| .fileTree LI.ext_rbx, LI.helper.ext_rbx { background: url(../../images/ruby.png) left top no-repeat; } |
| .fileTree LI.ext_rhtml, LI.helper.ext_rhtml { background: url(../../images/ruby.png) left top no-repeat; } |
| .fileTree LI.ext_rpm, LI.helper.ext_rpm { background: url(../../images/linux.png) left top no-repeat; } |
| .fileTree LI.ext_ruby, LI.helper.ext_ruby { background: url(../../images/ruby.png) left top no-repeat; } |
| .fileTree LI.ext_sql, LI.helper.ext_sql { background: url(../../images/db.png) left top no-repeat; } |
| .fileTree LI.ext_swf, LI.helper.ext_swf { background: url(../../images/flash.png) left top no-repeat; } |
| .fileTree LI.ext_tif, LI.helper.ext_tif { background: url(../../images/picture.png) left top no-repeat; } |
| .fileTree LI.ext_tiff, LI.helper.ext_tiff { background: url(../../images/picture.png) left top no-repeat; } |
| .fileTree LI.ext_txt, LI.helper.ext_txt { background: url(../../images/txt.png) left top no-repeat; } |
| .fileTree LI.ext_vb, LI.helper.ext_vb { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_wav, LI.helper.ext_wav { background: url(../../images/music.png) left top no-repeat; } |
| .fileTree LI.ext_wmv, LI.helper.ext_wmv { background: url(../../images/film.png) left top no-repeat; } |
| .fileTree LI.ext_xls, LI.helper.ext_xls { background: url(../../images/xls.png) left top no-repeat; } |
| .fileTree LI.ext_xml, LI.helper.ext_xml { background: url(../../images/code.png) left top no-repeat; } |
| .fileTree LI.ext_zip, LI.helper.ext_zip { background: url(../../images/zip.png) left top no-repeat; } |
| |
| /** |
| * .CLR |
| * This is a utility which serves to reset things after a |
| * series of floated elements |
| */ |
| .clr { |
| clear:both; |
| } |
| |
| |
| /* UI.TABS */ |
| .ui-tabs { padding: 0em; zoom: 1; font-size:11px; } |
| .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px; } |
| .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0; margin: 0 .2em; padding: 0; } |
| .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } |
| .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 3px; border-bottom-color:#fff; margin-bottom:-2px; overflow:none; } |
| .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } |
| .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ |
| .ui-tabs .ui-tabs-panel { padding: 1em 0em; display: block; background: none; } |
| .ui-tabs .ui-tabs-hide { display: none !important; } |
| |
| |
| |
| .ui-tabs .ui-tabs-nav li { border: solid 1px #ccc; background-color: #bbb; } |
| .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: #fff; color: #555; } |
| .ui-tabs .ui-tabs-nav li a { color: #fff; } |
| .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #555; } |
| .ui-tabs .ui-tabs-nav { } |
| .ui-tabs .ui-tabs-panel { padding: 1em 0em; margin: 0em; border-top: solid 1px #ccc;} |
| |
| |
| |
| |
| /* MAIN INTERFACE STRUCTURES */ |
| div.container { |
| position:relative; |
| border:solid 1px grey; |
| padding:5px; |
| } |
| |
| div#browseStagingContainer, div#browseCatalogContainer { |
| position:relative; |
| width:47%; |
| border:solid 2px #ccc; |
| padding:2px; |
| } |
| div#browseStagingContainer { |
| position:relative; |
| float:left; |
| } |
| |
| div#browseCatalogContainer { |
| position:relative; |
| float:right; |
| } |
| |
| div#browseStaging { |
| position:relative; |
| float:left; |
| width:33%; |
| border:solid 1px #ccc; |
| overflow:scroll; |
| } |
| div#browseCatalog { |
| position:relative; |
| float:left; |
| width:33%; |
| border:solid 1px #ccc; |
| overflow:scroll; |
| } |
| div#stagingMetContainer { |
| position:relative; |
| float:right; |
| width:60%; |
| height:350px; |
| font-size:12px; |
| } |
| div#stagingMetExtractorSelection { |
| position:relative; |
| margin-bottom:3px; |
| display:none; |
| } |
| |
| div#stagedMetadataWorkbenchContent { |
| position:relative; |
| height:323px; |
| background-color:#fff; |
| overflow:scroll; |
| border:solid 1px #ccc; |
| } |
| div#catalogMetadataWorkbenchContent { |
| position:relative; |
| float:right; |
| width:60%; |
| height:350px; |
| background-color:#fff; |
| overflow:scroll; |
| border:solid 1px #ccc; |
| } |
| |
| .browser { |
| background:#FFFFFF none repeat scroll 0 0; |
| border-color:#BBBBBB #FFFFFF #FFFFFF #BBBBBB; |
| border-style:solid; |
| border-width:1px; |
| height:350px; |
| padding:5px; |
| width:200px; |
| } |
| .container.browsers, .container.tasks { |
| background-color:#EEEEEE; |
| border:solid 1px #ccc; |
| padding-top:18px; |
| margin:5px 0px; |
| } |
| .container h5 { |
| position:relative; |
| margin:-20px -4px 5px; |
| padding:0px; |
| font-family:arial,sans-serif; |
| text-transform:uppercase; |
| color:#999; |
| } |
| |
| .pathbar { |
| border:solid 1px #ccc; |
| background-color:#f4f4f4; |
| color:#222; |
| padding:3px; |
| margin-bottom:2px; |
| font-family:courier,sans-serif; |
| font-size:11px; |
| } |
| |
| |
| /* METADATA EDITOR */ |
| div.editor { |
| position:relative; |
| padding:0px; |
| } |
| |
| div.editor.info { |
| padding:5px; |
| } |
| |
| div.editor table { |
| font-size:11px; |
| width:100%; |
| } |
| |
| div.editor table tr { |
| |
| } |
| |
| div.editor table tr th { |
| border-right:solid 1px #ccc; |
| border-bottom:solid 1px #ccc; |
| padding:5px; |
| text-align:left; |
| background-color:#f6f6f6; |
| color:#555; |
| } |
| |
| div.editor table tr td { |
| border-right:solid 1px #ccc; |
| border-bottom:solid 1px #ccc; |
| padding:5px; |
| } |
| |
| /* |
| * INGESTION TASK LIST |
| */ |
| |
| |
| .container.tasks { |
| padding:5px; |
| padding-top:20px; |
| } |
| .container.tasks h5 { |
| margin:-18px 0px 2px; |
| } |
| div#ingestionTaskList { |
| |
| } |
| div#ingestionTaskListContent { |
| background-color:#fff; |
| min-height:100px; |
| border:solid 1px #ccc; |
| } |
| |
| div#ingestionTaskListContent table { |
| font-size:11px; |
| width:100%; |
| } |
| |
| div#ingestionTaskListContent table tr{ |
| |
| } |
| div#ingestionTaskListContent table tr th{ |
| padding:4px; |
| border-right:solid 1px #ccc; |
| border-bottom:solid 1px #ccc; |
| background-color:#f6f6f6; |
| } |
| div#ingestionTaskListContent table tr td{ |
| padding:4px; |
| border-right:solid 1px #ccc; |
| border-bottom:solid 1px #ccc; |
| } |
| |
| |
| /* PRODUCTTYPE WORKBENCH */ |
| |
| div#productTypeWorkbenchLabel { |
| font-size:12px; |
| font-family:arial,sans-serif; |
| text-transform:uppercase; |
| color:#555; |
| font-weight:normal; |
| padding:1px 1px 1px 4px; |
| } |
| |
| div#ptwbAddProducts { |
| padding:5px; |
| } |
| |
| div#productTypeWorkbenchContents .instructions { |
| font-size:90%; |
| color:#444; |
| } |
| |
| div#ptwbMetadataList table { |
| border:solid 1px #ccc; |
| } |
| |
| div#droppedFileList { |
| |
| overflow:scroll; |
| min-height:50px; |
| |
| } |
| |
| div.ptwbSectionBox { |
| border:solid 1px #ccc; |
| padding:2px; |
| margin:5px 0px 2px 0px; |
| } |
| |
| div.ptwbSectionBox h5 { |
| margin:0 0 4px; |
| padding:0px; |
| } |
| |
| div#droppedFileTarget { |
| height:30px; |
| border-color:#bdb; |
| background-color:#dfd; |
| } |
| |
| div#itMetExtractorSelector { |
| |
| } |
| |
| div#itCreateIngestionTaskButton { |
| margin-top:5px; |
| } |
| |
| div.editor table tr td { |
| |
| position:relative; |
| padding-left:5px; |
| cursor:pointer; |
| _cursor:hand; |
| |
| } |
| |
| div.editor table tr td img.pencil { |
| |
| position:relative; |
| left:0px; |
| cursor:pointer; |
| _cursor:hand; |
| |
| } |
| |
| |
| .ptwbMetadataList table { |
| border-top:solid 1px #ccc; |
| } |