table.sort-table tr:nth-child(even) { background-color: #f9f9f9; } .soft_css_gradient, .menu.desktop, .menu.rootDirChooser, .menu.bookmarksMenu, .action_bar, .slider-pane{ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ } .css_gradient, .infoPanelGroup, .panelHeader, .dialogBox, .action_bar.floatingBar, .largeButton, .fakeUploadButton, .header_label, .header_resizer{ background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(227,227,227,1) 50%, rgba(216,216,216,1) 51%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(50%,rgba(227,227,227,1)), color-stop(51%,rgba(216,216,216,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* W3C */ } div.ascending > .header_label{ background: url("../images/arrow_up_margin.png") right center no-repeat; /* Old browsers */ background: url("../images/arrow_up_margin.png") right center no-repeat, -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(227,227,227,1) 50%, rgba(216,216,216,1) 51%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: url("../images/arrow_up_margin.png") right center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(50%,rgba(227,227,227,1)), color-stop(51%,rgba(216,216,216,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: url("../images/arrow_up_margin.png") right center no-repeat, -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: url("../images/arrow_up_margin.png") right center no-repeat, -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* Opera11.10+ */ background: url("../images/arrow_up_margin.png") right center no-repeat, -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background: url("../images/arrow_up_margin.png") right center no-repeat, linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* W3C */ } div.descending > .header_label{ background: url("../images/arrow_down_margin.png") right center no-repeat; /* Old browsers */ background: url("../images/arrow_down_margin.png") right center no-repeat, -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(227,227,227,1) 50%, rgba(216,216,216,1) 51%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: url("../images/arrow_down_margin.png") right center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(50%,rgba(227,227,227,1)), color-stop(51%,rgba(216,216,216,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: url("../images/arrow_down_margin.png") right center no-repeat, -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: url("../images/arrow_down_margin.png") right center no-repeat, -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* Opera11.10+ */ background: url("../images/arrow_down_margin.png") right center no-repeat, -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background: url("../images/arrow_down_margin.png") right center no-repeat, linear-gradient(top, rgba(247,247,247,1) 0%,rgba(227,227,227,1) 50%,rgba(216,216,216,1) 51%,rgba(242,242,242,1) 100%); /* W3C */ } .grey_gradient_emboss,.selected, div.selected-webfx-tree-item-inactive{ background: rgb(221,221,221); /* Old browsers */ background: -moz-linear-gradient(top, rgba(221,221,221,1) 46%, rgba(201,201,201,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(221,221,221,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(221,221,221,1) 46%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(221,221,221,1) 46%,rgba(201,201,201,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(221,221,221,1) 46%,rgba(201,201,201,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(221,221,221,1) 46%,rgba(201,201,201,1) 100%); /* W3C */ } .blue_gradient,div.selected-webfx-tree-item, .selected-focus{ background: rgb(115,161,215); /* Old browsers */ background: -moz-linear-gradient(top, rgba(115,161,215,1) 46%, rgba(66,128,199,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(115,161,215,1)), color-stop(100%,rgba(66,128,199,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(115,161,215,1) 46%,rgba(66,128,199,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(115,161,215,1) 46%,rgba(66,128,199,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(115,161,215,1) 46%,rgba(66,128,199,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73a1d7', endColorstr='#4280c7',GradientType=0 ) !important; /* IE6-9 */ background: linear-gradient(top, rgba(115,161,215,1) 46%,rgba(66,128,199,1) 100%); /* W3C */ } .grey_gradient_light_inputs, .dialogContent input, .dialogContent input[type="text"], .dialogContent input[type="password"], .dialogContent select, #search_txt, #location_form, #repository_form { background: rgb(243,243,243); /* Old browsers */ background: rgb(243,243,243); /* Old browsers */ background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ } /* MAJOR STYLES */ a:link { color: #676965; text-decoration: none; outline: 0; } a:visited { text-decoration: none; color: #676965; } a:hover { text-decoration: none; color: #676965; } a:active, a:focus{ text-decoration: none; color: #676965; outline: 0; } body, html { margin: 0px; padding: 0px; } input, textarea, select { margin-top: 1px; margin-left: 10px; padding: 2px; border: 1px solid #aaa; font-size: 11px; font-family: Trebuchet MS, sans-serif, Nimbus Sans L; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } textarea{ margin-top: 0px; margin-left: 0px; padding:0px; background-color: #fff; } .titre { font-family: Trebuchet MS, Helvetica, Nimbus Sans L, sans-serif; font-size: 14px; font-weight: bold; color: black; width: 100%; text-align: left; } .titre input, .backImage{ margin-top: 0px; margin-left: 0px; padding: 2px; border: 1px solid #5E7C90; } .tooltipped { background-color: #ffffc0; } #sidebar_rootdir_td { height: 17px; vertical-align: top; } #sidebar_tree_td { vertical-align: top; } #sidebar_searchform_td { vertical-align: bottom; height: 20px; } .thumbnail_selectable_cell { width: 110px; height: 100px; border: 1px solid #eee; float: left; text-align: center; margin: 4px; background-color: #f9f9f9; -moz-border-radius : 5px; border-radius : 5px; } div.detailed > div.thumbnail_selectable_cell { width: 48%; text-align: left; height: 55px; overflow: hidden; } div.detailed > div.thumbnail_selectable_cell > div.thumbnail_selectable_cell { margin: 9px 11px; border: 0; background: transparent; } .thumbnail_iconlike_shadow{ border: 1px solid white; -webkit-box-shadow: 0 0 5px #666666; -moz-box-shadow: 0 0 5px #666666; box-shadow: 0 0 5px #666666; } .selectable_div div.selected{ border: 1px solid #ddd; /* -webkit-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8); -moz-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8); box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);*/ } .selectable_div div.selected-focus{ border: 1px solid #73A2D7 !important; /* -webkit-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8); -moz-box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8); box-shadow : 1px 2px 3px rgba(50, 50, 50, 0.8);*/ } div.detailed div.thumbLabel { font-size: 1.4em; margin-top: 8px; margin-bottom: 1px; } .img_cont { width: 64px; height: 64px; border: 1px solid #ddd; vertical-align: middle; } .text_label{ display:block; /*float:left;*/ overflow:hidden; padding-left:2px; padding-top:2px; height: 18px; line-height: 17px; white-space : nowrap; } .text_label.full{ height: auto; white-space: normal; } .list_selectable_span img { float: left; } /* DIALOG BOXES */ /*#upload_form, #createdir_form, #createfile_form, #rename_div*/ #all_forms { background-color: #eee; } #all_forms div{display:none;} #all_forms form{display:inline;} #all_forms div div, #all_forms div.shadow_class {display:block;} div.shadow_class { -moz-border-radius:5px; border-radius:5px; } .dialogBox, .editBox { background-color: #fff; display: none; position: absolute; top: 30%; left: 30%; z-index: 1002; font-family: Trebuchet MS, sans-serif; font-size: 11px; padding:5px; -moz-border-radius:5px; border-radius:5px; } .editBox { top:5%; left:5%; padding: 0px; margin:0px; } .dialogTitle { color:#333333; cursor:move; padding:0px 4px 4px; } .dialogContent { background-color: #fff; padding: 10px 10px; border: 1px solid #dddddd; -moz-border-radius:0px 0px 3px 3px; border-radius:0px 0px 3px 3px; } .dialogContent input, .dialogContent input[type="text"], .dialogContent input[type="password"], .dialogContent select, #search_txt { margin-left:0px; width: 174px; border: 1px solid #aaa; background-repeat: no-repeat; background-position: top left; height: 16px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .dialogContent select{ height: 22px; } .dialogContent select[multiple]{ height: 66px; } .dialogContent input:focus, .dialogContent input[type="text"]:focus, .dialogContent input[type="password"]:focus, .dialogContent select:focus { background: white; border: 1px solid #5d83ae; } .dialogContent input:disabled, .dialogContent input[type="text"]:disabled, .dialogContent input[type="password"]:disabled, .dialogContent option:disabled .dialogContent textarea:disabled { background: #eee; } .dialogContent input[type="checkbox"], .dialogContent input[type="radio"] { height: auto; width: auto; border-radius : 0px; border:none; filter: none; background: none; } .dialogLegend { color: #666; padding-bottom: 5px; line-height: 16px; } .dialogButtons { text-align: right; clear:both; } .dialogButtons input, fieldSet input.dialogButton { margin-left: 6px; width: 22px; height: 22px; padding:0px; background-image: none; background-color: #f1f1ef; border-radius: 3px; -moz-border-radius: 3px; } .dialogButtonsCheckbox{ float: left; margin-top: 9px; } .dialogButtonsCheckbox label{ cursor: pointer; } .editContent, .editContent div { background-color: #fff; } .editContent textarea, textarea#myCode, .editContent iframe { border:0px; border-left:1px solid #5E7C90; padding:0px; margin:0px; } #activity_monitor_warning{ position:absolute; left:35%; width:20%; top:30%; text-align:center; font-size: 16px; color: #5E7C90; font-weight:bold; cursor: pointer; } #activity_monitor_warning span.click_anywhere{ font-size: 12px; color: #676965; display:block; padding-top:15px; font-weight:normal; } #activity_monitor_warning span.warning_timer{ color: #0077b3; } textarea#myCode { border: 1px solid #666; border-right-color: #ccc; border-left-color: #ccc; } .dialogContent form, .editContent form { display: inline; margin: 0px; } .dialogButton { border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; border-top: 1px solid #fff; border-left: 1px solid #fff; padding-left: 8px; padding-right: 8px; padding-top: 1px; padding-bottom: 1px; margin-top: 5px; } .largeButton{ padding: 2px 4px 1px; font-size: 12px; text-align: center; border: 1px solid #A7A7A7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; text-shadow: 1px 1px 1px white; box-shadow: inset 1px 1px 1px white; width: 95px; display: inline-block !important; margin: 0 6px; } .largeButton img{ width:16px; height:16px; vertical-align: middle; position: relative; top: -2px; margin-right: 5px; margin-top: 3px; } .dialogArrow { font-weight: bold; font-size: 16px; } #fancyframe { border:0px; width: 410px; height: 385px; } #flashframe { border:0px; width: 450px; height: 300px; overflow:hidden; margin-top: -9px; } /********************/ /* MESSAGE BOX */ /********************/ #message_div { position: absolute; z-index: 1500; cursor: pointer; border-radius: 5px; color:#fff; } #message_content { font-family: Trebuchet MS, sans-serif, Helvetica, Arial; font-size: 11px; margin: 8px; overflow-y: auto; max-height: 120px; } .errorMessage { background-color: #960000; cursor: pointer; filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90; } .logMessage { background-color: #009600; filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90; } html.boxshadow div.logMessage{ border: 1px solid #009600; -webkit-box-shadow: 0px 0px 7px #009600; -moz-box-shadow: 0px 0px 7px #009600; box-shadow: 0px 0px 7px #009600; color : #060 !important; opacity: 1; background-color: #fff; } html.boxshadow div.errorMessage{ border: 1px solid #960000; -webkit-box-shadow: 0px 0px 7px #960000; -moz-box-shadow: 0px 0px 7px #960000; box-shadow: 0px 0px 7px #960000; color : #600 !important; opacity: 1; background-color: #fff; } .simple_tooltip_observer { cursor: help; } .simple_tooltip_observer_active{ text-decoration: underline; } .simple_tooltip_title{ padding-top: 2px; padding-bottom: 1px; font-weight: bold; font-size: 11px; } .simple_tooltip { position:absolute; width:200px; z-index:10000; border:1px solid #696765; color : #696765; background-color: #fff; font-family: Trebuchet MS, Helvetica, Sans-serif; font-size: 11px; padding: 0px 10px 5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 2px 2px 5px #AAAAAA; -webkit-box-shadow: 2px 2px 5px #AAAAAA; box-shadow: 2px 2px 5px #AAAAAA; } div.accordion_toggle{ clear:left; background-color: #B0C6D8; padding: 2px 6px; margin-top: 2px; color: white; font-weight: bold; cursor: pointer; border-radius: 4px; background-image: url('../images/0.gif'); background-repeat: no-repeat; background-position: 5px 6px; padding-left: 18px; line-height:15px; } div.accordion_toggle_active{ background-image: url('../images/1.gif'); } div.accordion_content{ overflow: hidden; padding: 5px; } div.dialogContentMainTitle{ color: #2B70BE; font-size: 20px; margin-bottom: 10px; border-bottom: 1px solid #2B70BE; padding-bottom: 0px; } div.oneFieldForm{ margin-bottom: 13px; background-color: #EEEEEE; padding: 3px 6px; border-radius: 4px; margin-top: 10px; } div.oneFieldForm input.SF_input{ background: white !important; } /********************/ /* PROGRESS BAR */ /********************/ #progressBox { display: block; z-index: 2002; top: 20%; -moz-border-radius : 5px; border-radius : 5px; width: 305px; padding: 3px; display: block; top: 30%; z-index: 2002; left: 40%; position: absolute; -webkit-box-shadow: 1px 1px 24px #aaa; -moz-box-shadow: 1px 1px 24px #aaa; box-shadow: 1px 1px 24px #aaa; } .pg_cancel_button{ background-color: #C33; display: inline-block; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; cursor: pointer; float: right; margin-right: 8px; font-weight: bold; color: white !important; height: 12px; width: 8px; padding-left: 4px; line-height: 13px; font-size: 7px; margin-top: 2px; } /*************************/ /* SF like "Standard Form" DATA : try to make a "standard"... /*************************/ div.SF_element{ padding-top:5px; clear:left; } div.SF_disabled{ color: #ccc; font-style:italic; } div.SF_label{ float: left; width: 39%; text-align: right; padding: 3px; padding-right:1%; padding-left:0; line-height: 18px; /*white-space: nowrap; /* css-3 */ /*word-wrap: no break-word; /* Internet Explorer 5.5+ */ } .no-flexbox div.SF_label{ padding-right:3px !important; } .SF_input{ float:left; padding:1px !important; width: 57% !important; _width:54% !important; /*IE*/ } div.SF_element.SF_largeLabel > div.SF_label{ width: 57% !important; _width:54% !important; /*IE*/ } div.SF_element.SF_largeLabel > .SF_input{ width: 39% !important; } div.SF_element.SF_largeLabel > input.SF_input.SF_number, input.SF_input.SF_number{ width: 30px !important; text-align: right; } .SF_box{ width: 20px !important; } .SF_fieldCheckBox{ float:left; margin: 5px; } .SF_elementWithCheckbox > .SF_input{ width: 51% !important; _width:46% !important; /*IE*/ } .SF_failed{ border: 1px solid #D8B0B0 !important; } .SF_replicableGroup{ background-color:#EEE; clear: both; position: relative; margin-bottom: 5px; border-radius: 5px; } .SF_replication_Add, .SF_replication_Remove { display: block; width: 20px; height: 20px; background-image: url('../images/0.gif'); background-repeat: no-repeat; background-position: 5px 6px; position:absolute; bottom: 0; left: 0; } .SF_replication_Remove { background-image: url('../images/1.gif'); top: 0; } .SF_rgClear{ clear:left; height: 3px; } .SF_image_block{ max-width: 80px; float: left; } .SF_image.small{ max-width: 80px; max-height: 80px; } .SF_image_link{ display: inline-block; width: 80px; cursor: pointer; text-align: center; } .accordion_toggle_failed { background-color: #D8B0B0 !important; } /**************** /* LOGIN BOX /****************/ .captcha_container { text-align:center; } .captcha_container img{ margin: 5 0 0 2px; border: 1px solid #ddd; } /***************/ /*ACTION BAR */ /***************/ .centeredWidth{ } #toolbars { } .toolbars_separator { border-bottom: 1px solid #fff; border-top: 1px solid buttonshadow; } .toolbar_title{ font-size:15px; font-weight:bold; color: #ddd; } .toolbarGroup { display: inline; } #tree_container{ background-color: #fff; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px #aaa; -moz-box-shadow: 0px 0px 2px #aaa; box-shadow: 0px 0px 2px #aaa; } .panelHeader{ border: none; font-family: Trebuchet MS, sans-serif; font-size: 12px; padding: 3px 2px 2px 7px; color: #676965; vertical-align: middle; background-color: #fff; height: 18px; margin-bottom: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 2px 2px; text-shadow : 1px 1px 1px #FFFFFF; -webkit-box-shadow: 0px 0px 2px #aaa; -moz-box-shadow: 0px 0px 2px #aaa; box-shadow: 0px 0px 2px #aaa; } #sidebar_splitter div.panelHeader, #search_panel div.panelHeader{ padding-top: 5px; padding-bottom: 4px; } .action_bar { font-family: Arial; font-size: 12px; padding: 0px; line-height: 15px; height:51px; } .action_bar.editor_action_bar{ height:55px; } div.editor_header{ height: 55px; } div.editor_header > div.editor_action_bar { position: absolute; right: 0; padding-right: 8px; background: none; padding-top: 15px; height: 42px; padding-left: 10px; } div.editor_header > div.editor_action_bar > div.separator{ display: none !important; } div.editor_header > span.header_label{ font-size: 24px; width: 100%; padding: 15px 0 0 62px; display: inline-block; background-image: url('../images/mimes/64/user-acl.png'); background-size: 40px; background-repeat: no-repeat; background-position: 14px 9px; text-shadow: 1px 1px 5px black; overflow: visible; } .action_bar.text_only{ line-height: 16px; height:30px; } .action_bar.icons_only{ height:40px; line-height: 0px; } .action_bar { overflow:hidden; } .action_bar.floatingBar{ position: absolute; border-radius: 8px; padding-right: 10px; padding-left: 10px; cursor: move; -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 2px 2px 6px; -moz-box-shadow: rgba(0, 0, 0, 0.398438) 2px 2px 6px; box-shadow: rgba(0, 0, 0, 0.398438) 2px 2px 6px; opacity: 0.95; } .action_bar span.actionbar_button_label { cursor: pointer; display: block; min-width: 35px; padding: 0 1px; } div.action_bar.icons_only span.actionbar_button_label{ display: none; } div.action_bar.text_only span.actionbar_button_label{ font-size: 11px; } .action_bar div.actionbar_arrow_div{ position: absolute; top: 19px; right: 11px; } .action_bar.icons_only div.actionbar_arrow_div{ position: absolute; top: 23px; right: 6px; } .action_bar.icons_only div.actionbar_arrow_div img{ height: 6px; width: 10px; } #buttons_bar { border-bottom:1px solid #ccc; padding-left:0px; padding-top:0; overflow:hidden; } .action_bar a { display: block; float: left; font-size: 9px; padding: 4px; text-align: center; overflow: visible; color: #333; outline: none; border-radius: 3px; text-shadow: 1px 1px 1px white; margin: 5px 2px 0px 1px; padding-bottom: 1px; } .action_bar.icons_only a{ padding-bottom: 2px; padding-top: 3px; } .action_bar.text_only a{ padding-bottom: 3px; padding-top: 2px; margin-top: 5px; } .action_bar a.menuAnchorSelected, .action_bar a:hover { background:white; border: 1px solid #ccc; margin: 4px 1px 0px 0px; } .action_bar.text_only a.menuAnchorSelected, .action_bar.text_only a:hover{ margin-top: 4px; } .action_bar a.menuAnchorSelected{ border-bottom: 0px ; border-radius: 3px 3px 0px 0px; } .action_bar a.disabled, .action_bar a.disabled:hover { color: expression('#c4c7c1'); border: 0px; margin: 5px 3px 1px 0px; } .action_bar a img { margin: 2px 0px 0px 0px; } div.action_bar.icons_only img.actionbar_button_icon{ height: 22px; width: 22px; } div.action_bar.icon_text img.actionbar_button_icon{ height: 16px; width: 16px; } div.action_bar.text_only a img{ display: none; } .action_bar a.separator, div.separator { border-left: 1px solid #CCC; border-right: 1px solid white; display: block; float: left; font-size: 10px; height: 100%; margin-left: 2px; margin-right: 2px; padding-top: 0; text-align: center; width: 0px; } a.carousel-control{ border-left:1px solid #c4c7c1; border-right:1px solid #c4c7c1; border-bottom:1px solid #c4c7c1; display:block; float:left; font-size:10px; height:51px; padding-top:0; text-align:center; width:8px!important; margin:0px !important; cursor:pointer; background-color: #fff; } a.carousel-disabled{ background-color: transparent; } a.carousel-control img{ /*margin-top:20px !important;*/ } #content_pane{ margin: 20px; margin-top:17px; -webkit-box-shadow:0 0 5px #aaaaaa; -moz-box-shadow:0 0 5px #aaaaaa; box-shadow:0 0 5px #aaaaaa; background-color: #fff; } #topPane, #bottomSplitPane{ margin: 20px; border: 0px !important; } #locationbar_cont { /*background-image:url(../images/ToolbarBg.gif);*/ background-position:center center; background-repeat:repeat-x; height:33px; _height:32px; width:100%; -webkit-box-shadow:0 0px 5px #bbb; -moz-box-shadow:0 0px 5px #bbb; box-shadow:0 0px 5px #bbb; clear:left; } #locationBar{ } #location_form, #repository_form { border:1px solid #BBBBBB; border-right-width:0px; float:left; height:20px; padding:2px 0px 0px 4px; } #location_form input, #repository_form input, #location_form div{ background: transparent !important; } #repository_form, #goto_parent { -moz-border-radius : 5px 0px 0px 5px; border-radius : 5px 0px 0px 5px; } #repository_goto, #bookmarks_goto { -moz-border-radius : 0px 5px 5px 0px; border-radius : 0px 5px 5px 0px; } #location_form { margin-left: 0px; } #location_form div.location_bar_label{ line-height: 18px; } #repository_form { width: 120px; } #location_form input, #repository_form input { margin:1px 0px 0px 0px; _margin: 0px 0px 1px 0px; border:none; height: 15px; width: 325px; float:left; } #repository_form img#repo_icon{ float: left; vertical-align:top; } #repository_form input { width: 90px; margin-left: 3px; } #repo_chooser{ max-width:170px; } .inlineBarButton, .inlineBarButtonLeft, .inlineBarButtonRight { display:inline; border: 1px solid #bbb; height: 22px; float:left; padding:0 1px; cursor:pointer; } .inlineBarButtonLeft{ border-left-width:0px; } .inlineBarButtonRight{ border-right-width:0px; } .inlineBarButton img, .inlineBarButtonLeft img, .inlineBarButtonRight img { margin-top:3px; display:inline; border:0px; } .inline_hover_light, .user_widget_hover { background-color: rgba(255, 255, 255, 0.5); } .inline_hover { background-color: rgba(255, 255, 255, 0.7); } .inline_disabled img, .SF_disabled img { filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3; cursor:default; } img.simple_button_arrow{ position:absolute; right:0px; bottom:1px; display:none; } .inline_hover > img.simple_button_arrow{ display: block; } #search_panel_button{ padding: 0 2px 0 3px; } /* #logging_string { color: #084165; font-size: 15px; font-family: Trebuchet MS, sans-serif; font-weight: bold; padding-right: 3px; } */ #logging_string { float: right; color:#666666; font-family:Trebuchet MS,sans-serif; font-size:11px; padding-right: 5px; } #logging_string i { font-weight:bold; } #logging_string i img { font-style: normal; cursor: pointer; margin-right:7px; margin-top:-4px; } .user_widget_label{ float: left; line-height: 16px; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: #bbbbbb; -moz-border-radius: 5px 0pt 0pt 5px; border-radius: 5px 0pt 0pt 5px; padding: 3px 0px 3px 7px; _padding: 3px 0px 1px 7px; cursor: pointer; } .user_widget_label.withImage{ position: relative; padding:0; } .user_widget_label.withImage i{ font-weight: bold; line-height: 22px; display: inline-block; padding: 0 4px 0 8px; } .user_widget_label.withImage i img{ } img.user_widget_mini{ vertical-align: middle; height: 16px; border: 1px solid white; top: 5px; left: 2px; box-shadow: 1px 1px 0px #666; } .locationbar_title { display:inline; font-family:Trebuchet MS, sans-serif, Helvetica, Arial; color: #5E7C90; font-size:15px; font-weight:bold; float:left; } #current_path, #repo_path { /*width: 455px;*/ border:none; height: 20px; padding:0px; padding-left:3px; padding-top:0px; font-size: 11px; } #current_path{ padding-left:0px; } #current_path:focus, #repo_path:focus{ outline: none; } /********************************/ /* SLIDER*/ /*********************************/ .slider-pane{ background-color:#f1f1ef; border:1px solid #CCCCCC; padding:5px 3px; position:absolute; width:11px; z-index:10000; border-radius: 0px 0px 5px 5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.25); } .slider-handle, .slider-pane div.selected { background-image:url("../images/slider-handle-vert.png"); background-position:top center; background-repeat:no-repeat; background-color: transparent !important; height:15px; width:10px; } .slider-tracker { background-image : url("../images/slider-track-bottom.png"); background-position:bottom center; background-repeat:no-repeat; } .slider-tracker-top { background-image : url("../images/slider-track-top.png"); background-position:top center; background-repeat:no-repeat; } /********************************/ /* HEADER RESIZER WIDGET /******************************/ div.header_resizer{ border-bottom: 1px solid #676965; overflow:hidden; } div.header_resizer div.header_cell{ float:left; overflow:hidden; width:90px; text-shadow : 1px 1px 1px #FFFFFF; white-space:nowrap; border: 0px !important; cursor: pointer; } div.header_resizer div.header_label{ font-family: Trebuchet MS; font-size: 12px; padding:3px 5px 2px; } div.header_resizer div.resizer{ float:left; width:1px; background-color: #ffffff; height: 23px; cursor:e-resize; border: 0px; } div.header_resizer div.resizer_sortable{ background-color: #daddd7; } div.header_resizer div.dragging{ background-color : #bbb; border-left: 1px solid #bbb; } div.resizeGhost{ width: 1px; border-right: 1px solid #ccc; position:absolute; z-index:1000; opacity:0.7; } /* div.header_resizer div.descending { background-color: #daddd7; background-image: url("../images/arrow_up_margin.png"); background-repeat : no-repeat; background-position : right center; } */ /* div.header_resizer div.ascending { background-color: #daddd7; background-image: url("../images/arrow_down_margin.png"); background-repeat : no-repeat; background-position : right center; } */ /*********************************/ /* FILE LIST SKINNING /********************************/ .sort-table { font-family:Trebuchet MS, sans-serif; font-size: 11px; } .sort-table thead { background-color: #aaa; } .sort-table td { padding: 2px 0px; } .no-flexbox .sort-table td{ padding: 3px 0px; } .sort-table thead td { /* display: block; float: left; overflow:hidden; height: 23px; */ background-color: #ddd; border-bottom: none; cursor: pointer; border-right: 1px solid buttonhighlight; font-size:12px; color: #676965; padding: 0px; background-color: #f1f1ef; border-bottom : 1px solid #676965; } .sort-table thead td div { padding-left: 7px; padding-top: 3px; height: 20px; overflow:hidden; white-space:nowrap; } .sort-table thead td.descending { background-color: #daddd7; background-image: url("../images/arrow_up_margin.png"); background-repeat : no-repeat; background-position : right center; } .sort-table thead td.ascending { background-color: #daddd7; background-image: url("../images/arrow_down_margin.png"); background-repeat : no-repeat; background-position : right center; } #last_header{ border-right: 0px solid #ddd; widht: auto !important; } #last_header:active{ } .sort-table thead td:active { background-color: #c4c7c1; } .column_resize_grabber { display:block; width: 3px; float:right; height: 23px; font-size: 0px; cursor:e-resize; } .odd { } .selected { color : #404040; text-decoration: none; } .selected-focus { color: #fff !important; } .droppableZone { background-color: #c3d9ff; /*border: 1px dotted #666;*/ } .paginator { background-color:#fff8d1; border-bottom-color:#dddddd; border-bottom-style:solid; border-bottom-width:1px; font-family:Trebuchet MS; font-size:11px; height:20px; padding-top:2px; text-align:center; } .paginatorInput { width:21px; padding: 0px 2px; height: 14px; text-align: right; border: 1px solid #CCCCCC; margin-right: 2px; margin-left: 5px; } div.multiple_selection_draggable { display: block; color: #000; background-color: #fff; padding: 5px; padding-bottom:0px; border: 1px dashed #999; font-family: Trebuchet MS, sans-serif; font-size: 11px; cursor:default; overflow:hidden; } div.selection_ctrl_key { background-image:url('../images/0.gif'); background-repeat: no-repeat; background-position: bottom right; } a.disabled { filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3; } a.enabled { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; } .action_bar a.disabled:hover { background-color: transparent; cursor: default; } .action_bar a.disabled { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; } .action_bar a.disabled img, .action_bar a.disabled span { filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3; } /* BOOKMARKS BAR */ #bm_bar_cont { /*background-color: #ddd;*/ } #bookmarks_bar { display: none; background-color: #fff; position:relative; width:86%; left:7%; height: 25px; padding: 0px; padding-left:10px; } #bmbar_title { color: #ddd; float:right; display:inline; font-family:Trebuchet MS, sans-serif, Helvetica, Arial; font-size:15px; font-weight:bold; } a.bookmark_button { text-decoration: none; padding-right: 10px; } #bookmarks_bar a { display: block; float:left; } div.bm, div.bm_hover { /* border: 1px solid #ddd;*/ filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3; display: block; float: right; text-align: center; font-size: 11px; padding: 3px; margin-right: 5px; /*background-color: #ddd;*/ font-family: Trebuchet MS, sans-serif; color: #333; } div.bm_hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; text-decoration: none; /* border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid buttonshadow; border-bottom: 1px solid buttonshadow; background-color: #ddd; */ } .extendedMenu { float:none; } /* UPLOAD MULTIFILE FORM */ div#upload_files_list, div#multiple_download_container { background-color: white; overflow: auto; height: 250px; width : 320px; border: 1px solid #ccc; text-align: left; -moz-border-radius : 5px; border-radius : 5px; } .droparea { background:url("../../../../../../index.php?get_action=get_drop_bg") no-repeat scroll right bottom transparent; } .dropareaHover { border-color:#D96252 !important; } div#total_files_list, div#uploader_options_pane { -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; background-color:white; border:1px solid #CCCCCC; font-size:11px; height:39px; overflow:hidden; padding:5px 10px; text-align:left; width:301px; } div#uploader_options_pane { height: 59px; } div#uploader_options_pane input { width: 15px; margin-right: 0px; margin-left: 0px; margin-top: 5px; } div#upload_files_list div, div#multiple_download_container div { overflow: hidden; border-bottom: 1px solid #fff; background-color: #efefef; padding-top: 6px; padding-bottom: 6px; padding-left: 6px; position:relative; } #upload_files_list img { margin-right: 6px; } #upload_files_list div a { color: #ddd; font-style: italic; } #upload_files_list div a:hover { text-decoration:none; color: #d00; } #multiple_download_container div a { display: block; } #multiple_download_container div a:hover { text-decoration:none; color: #aaa; } #fileInputContainer { vertical-align: top; } #fileInputContainerDiv { height: 130px; width: 62px; /* to fit 1px border */ margin: 0; padding: 0; position: relative; overflow: hidden; vertical-align: top; } #fileInputContainer input { filter:alpha(opacity:0); opacity:0; moz-opacity:0; position: absolute; font-size: 60px; /* causes it to fill the containing div */ top:0px; right:0px; z-index: 10000; height: 56px; } #fileInputPos { text-align: left; height: 60px; width: 60px; position: absolute; top: 0px; right: 0px; overflow: hidden; z-index: 9999; /* this was needed to work in IE */ } .fakeUploadButton { width: 60px; padding-top: 8px; padding-bottom: 5px; border: 1px solid #ccc; text-align:center; vertical-align: middle; font-size: 10px; margin-bottom: 5px; cursor:pointer; /* background-color: white; background-image:url('../images/fakeFlashButtonBg.gif'); background-position : bottom; background-repeat : repeat-x; */ color : #667; font-weight: bold; -moz-border-radius : 5px; border-radius : 5px; } .fakeUploadButton.disabled{ -moz-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50); cursor: default; } .fakeUploadButton img { margin-bottom: 3px; } .fakeOptionButton { padding-top: 3px; padding-bottom: 3px; margin-bottom: 0px; margin-top: 5px; background-position : center; -moz-border-radius : 5px; border-radius : 5px; } #uploadBrowseButton { position: absolute; top: 0px; right: 0px; margin:0; } #uploadSendButton { position: absolute; top: 63px; right: 0px; margin:0; } #uploadFilesListContainer { vertical-align:top; font-size: 11px; letter-spacing: 1; } /***** SCROLLER ******/ .scroller_track{ position: absolute; width: 10px; background-color: #F1F1F1; cursor: move; right: 10px; z-index: 1000; opacity: 0.7; border-radius: 0px 2px 2px 0px; border-left: 1px solid #CCC; } .scroller_handle{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* SEARCH BOX / INFO PANEL */ #panelsToggle { height: 23px; cursor:pointer; } div.tabulatorContainer{ padding: 3px; padding-bottom: 0px; height: 24px; border-bottom: 1px solid #676965; } .toggleHeader { width: 50%; cursor: pointer; padding-right: 2px; border: 1px solid #676965; border-bottom: 0px; border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; } .toggleHeader a, .toggleHeader a, .toggleHeader a:link, .toggleHeader a:visited, .toggleHeader a:hover , .toggleHeader a:active { text-decoration:none; } .panelHeader.panelHeaderWithIcon{ position: relative; padding-left: 26px; } .panelHeader img { position: absolute; top: 6px; left: 6px; } .panelHeader img.panelHeaderCloseIcon{ left: auto; right: 6px; cursor: pointer; } .toggleInactive { background: #EEE !important; border-width: 1px; border-bottom: 1px solid #676965; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; } .toggleInactive a, .toggleInactive a:link, .toggleInactive a:visited, .toggleInactive a:hover , .toggleInactive a:active { color: #999; text-decoration:none; } #search_panel{ margin: 20px; -webkit-box-shadow: 0px 0px 6px #aaa; -moz-box-shadow: 0px 0px 6px #aaa; box-shadow: 0px 0px 6px #aaa; } #search_div { /* width: 100%;*/ font-family: Trebuchet MS, sans-serif, Helvetica, Arial, Sans-serif; font-size: 11px; } #search_results { width:100%; overflow: auto; height: 120px; background-color: #fff; margin-bottom: 3px; position: relative; } #search_container { /*padding:0px;*/ } #search_form, #search_state { padding-left: 10px; padding-top:5px; text-align: center; height: 25px; } #search_form { border-bottom: 1px solid #ddd; background-color: #eee; } #search_form a { display:block; float:left; width:18px; cursor: pointer; margin-right: 0px; margin-left: 5px; padding: 1px; } #search_form a img{ margin-top: 2px; vertical-align: top; } #search_form input { margin: 0px; } #search_meta { font-family: Arial, Helvetica, SANS-SERIF; font-size: 11px; float: right; text-align: left; padding-left: 10px; padding-right: 18px; padding-top:2px; } .searchScore{ float: right; color: #CCC; font-size: 10px; font-style: italic; } .searchUnindex{ } meta_opt { cursor: pointer; } meta_opt.checked { text-decoration: underline; font-weight: bold; } #search_results { margin-left:0px; width: 100%; font-family: Arial, Verdana, sans-serif; font-size: 11px; } #search_results em { color: red; font-style:normal; } #search_results div { border-bottom: 1px solid #f1f1ef; padding: 4px; cursor: pointer; } #search_results div:hover { background-color:#73a2d7 !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(66,128,199)), color-stop(0.54, rgb(115,161,215)) ); background-image: -moz-linear-gradient( center bottom, rgb(52,111,179) 0%, rgb(115,161,215) 54% ); color: white; } .infoPanelActions { padding:5px; font-size: 11px; } #info_panel div.panelContent { overflow:auto; background-color: #fff; font-family: Arial, Verdana, Sans-serif; font-size: 12px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px #aaa; -moz-box-shadow: 0px 0px 2px #aaa; box-shadow: 0px 0px 2px #aaa; } #info_panel a { color:#676965; display: block; padding: 3px 2px; } #info_panel a:hover { font-weight : bold; } #info_panel a img{ margin-right : 5px; } #info_panel a:hover { text-decoration:none; } #info_panel div.folderImage { text-align:center; padding-bottom: 10px; } div.ipanel_no_selection_select { display: none; } .infoPanelTable { font-size: 11px; width: 100%; } td.infoPanelValue { padding:3px; } td.infoPanelLabel { padding:3px 5px; font-weight:bold; width:35%; } .infoPanelGroup { border-radius: 0px; } tr.even td.infoPanelLabel { border-right:1px solid white; } tr td.infoPanelLabel { border-right:1px solid #f4f4f4; } .infoPanelImagePreview { width: 100%; background-color: #ffffff; text-align:center; padding: 10px 0; } .infoPanelImagePreview img { -webkit-box-shadow: 1px 1px 6px #7a7a7a; -moz-box-shadow: 1px 1px 6px #7a7a7a; box-shadow: 1px 1px 6px #7a7a7a; } #browser { /*padding:10px;*/ clear:left; background-color:#eee; line-height: 18px; -webkit-box-shadow: inset 1px 1px 5px #999; -moz-box-shadow: inset 1px 1px 5px #999; box-shadow: inset 1px 1px 5px #999; } div.selectable_div, .table_rows_container, #tree_container, #bottomSplitPane, .ajxp_simple_container{ font-family: Trebuchet MS, sans-serif, Helvetica, Arial, Sans-serif; font-size: 11px; } .table_rows_container td, .infoPanelTable td { border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; } .table_rows_container tr.even td, .infoPanelTable tr.even td { border-top: 0px; border-bottom:0px; } .table_rows_container tr:first-child td, .infoPanelTable tr:first-child td { border-top:0px; } .table_rows_container tr:last-child td, .infoPanelTable tr:last-child td { border-bottom: 1px solid #eee; } .table_rows_container tr.selected-focus td, .infoPanelTable tr.selected-focus td { border-right: 1px solid #73A2D7; } .no_select_bg::selection { background:transparent; } .no_select_bg::-moz-selection { background:transparent; } #vertical_splitter{ overflow: hidden; } #sidebar_splitter{ overflow: auto; width: 200px; background-color: #D2DFE9; -webkit-box-shadow: rgb(153, 153, 153) 1px 1px 5px inset; -moz-box-shadow: rgb(153, 153, 153) 1px 1px 5px inset; box-shadow: rgb(153, 153, 153) 1px 1px 5px inset; } .splitterContentPane{ border: 1px solid #676965; } .vsplitbar { width: 4px; /*background-color: #eee;*/ background-image: url(../images/vgrabber.gif); background-repeat: no-repeat; background-position: center; } .vsplitbar.active { background-color: #666; } .hsplitbar.folded{ opacity: 0; cursor: default !important; } .vsplitbar:hover { } .hsplitbar { height: 4px; /*background-color: #eee;*/ background-image: url(../images/hgrabber.gif); background-repeat: no-repeat; background-position: center; } .hsplitbar.active { background-color: #666; } .hsplitbar:hover{ /*background-color: #ccc;*/ } #splashScreen { width: 430px; height: 332px; } #docFileIframe { border-bottom:1px solid #AAAAAA; height:300px; left:0; position:relative; top:0; width:100%; } #adminIFrame { border: 1px solid white; width: 641px; height: 390px; background-color: #fff; } /********************* ADMIN STYLES **********************/ #users_list, #repo_list { height: 299px; width: 200px; float: left; padding-top: 5px; overflow: auto; } #users_detail_panel, #repo_detail_panel{ width: 438px; height: 299px; float: left; border-left: 1px solid #bbb; overflow: auto; } #repo_list{ height: 294px; } #repo_detail_panel fieldset { margin:10px; font-family: Trebuchet MS, sans-serif; font-size: 13px; } .metaPane{ background-color: #f6f6f6; margin-bottom:5px; margin-top:2px; float:left; padding:6px 5px 8px; width:96%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .metaPane img, img.metaPaneTitle { float:right; cursor:pointer; margin-left: 3px; } img.metaPaneTitle{ display:none; } div.accordion_toggle_active img.metaPaneTitle { display:inline; } .metaPane span.title{ font-weight: bold; } .users_list_title { font-family: Trebuchet MS, Nimbus Sans L, sans-serif; font-size: 20px; font-weight: bold; color: white; padding-left: 5px; border-bottom: 1px solid white; background-color: #bbb; } .user { padding-top: 15px; padding-left: 5px; padding-bottom: 15px; background-color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; margin-left: 5px; } .user_id, .user_data, .repository, .password { font-family: Trebuchet MS, sans-serif; font-size: 11px; } .wallet_pane{ /* background-color:#EFEFEF; border-left:1px solid; */ margin-left:2px; margin-right:2px; padding:0 10px 0 0; } .wallet_pane div.driver_form{ width:215px; } .wallet_pane input.dialogButton{ float:right; border: 1px solid #676965; } .config_subblock{ border: 1px dotted #ccc; padding:5px 10px; margin-bottom:10px; } .user_data { background-color: #fff; } fieldset { border: 1px solid #ccc; padding: 10px; padding-top: 5px; margin-bottom: 5px; } legend { color: #A6A8A4; font-weight: bold; } legend a{ text-decoration:none; cursor: pointer; } legend a.active { background-color: transparent; color: #87A9C4; text-decoration:none; cursor: default; font-size: 1.1em; } .repository, .repository td, .password td { padding: 1px; } .repository td { vertical-align: bottom; line-height: 19px; padding: 6px 0 5px 6px; } .repository input, .user_delete_confirm { border: none; margin-left: 1px; margin-top: 0px; padding: 0px; } .user_data { padding: 10px; /*padding-right: 20px;*/ } .user_id { cursor: pointer; font-size: 17px; } .user_id b { color: #666; } #user_admin_bar, #repo_create_form, #log_chooser { font-family: Trebuchet MS, sans-serif; padding: 15px; font-size: 12px; border: 0px solid #ddd; background-color: #ddd; border-bottom: 1px solid #bbb; } #user_admin_bar input, .password input { height: 18px; width: 90px; font-size: 12px; padding: 0px; margin-left: 0px; margin-right: 5px; } #user_admin_bar .submit_button, .password .submit_button, #options_pane .submit_button, .password .submit_button { width: 30px; } #user_admin_bar b, #repo_create_form b, #log_chooser b { font-size: 15px; color: #666; } #user_pref_form input { width: 65px; padding: 0px; margin-right: 5px; } #user_pref_form input.radio { width: 20px; border: 0px; background-image: none; } #repo_create_form select { border: 1px solid #5E7C90; height: 20px; width: 160px; } div#available_roles, div#user_roles{ padding: 0px; border: 1px solid #aaa; width: 100%; height: 80px; overflow:auto; } div#rights_pane{ border: 1px solid #aaa; _height: 150px; max-height: 150px; overflow:auto; margin-top:5px; padding: 2px 0; width: 100%; } div.ajxp_role{ background-color:#FFFFFF; border-left:7px solid #DDDDDD; cursor:move; margin-left:1px; margin-top:1px; padding:1px 4px; } div.available_role{ filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; } div.user_role{ opacity : 1 !important; -moz-opacity : 1 !important; filter:alpha(opacity=100) !important; } .roles_hover{ border : 1px solid #ffffef; } .editable_users_list{ border: 1px solid #AAAAAA; height: 160px; overflow: auto; clear:left; position: relative; margin-top: 2px; border-radius: 3px; } .editable_users_list div.user_entry, li.complete_user_entry, li.complete_group_entry, li.complete_user_entry_temp { clear: left; background-color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #F1F1EF; } div.editable_users_list div.user_entry_rights{ float: right; padding-top: 8px; padding-right: 4px; } .no-flexbox div.editable_users_list div.user_entry_rights{ padding-top: 4px; } li.complete_user_entry, li.complete_group_entry, li.complete_user_entry_temp{ padding: 0 !important; } .editable_users_list div.user_entry span.user_entry_label, li.complete_user_entry span.user_entry_label, li.complete_group_entry span.user_entry_label, li.complete_user_entry_temp span.user_entry_label { display: inline-block; padding: 8px 5px 8px 25px !important; background-image: url("../images/mimes/16/user.png"); background-repeat: no-repeat; background-position: 4px 5px; } li.complete_user_entry{ } li.complete_group_entry span.user_entry_label, .editable_users_list div.group_entry span.user_entry_label { background-image: url("../images/mimes/16/users-folder.png"); } li.complete_user_entry_temp span.user_entry_label, .editable_users_list div.user_entry_temp span.user_entry_label { background-image: url("../images/mimes/16/user_shared.png"); } .editable_users_list span.delete_user_entry{ background-image: url("../images/mimes/16/trashcan.png"); width: 12px; height: 12px; display: inline-block; background-size: 100%; margin-left: 5px; cursor: pointer; } .editable_users_list label{ padding: 0 3px; cursor: pointer; } span.user_entry_check{ display: inline-block; padding: 0 5px; } .editable_users_list.user_entry_check_hidden span.user_entry_check{ display: none; } #create_shared_user{ width: 84%; background-color: #EEE; margin: 0 6%; box-shadow: 0px 0px 7px #666; padding: 1px 4px; border-radius: 0px 0px 7px 7px; position: absolute; top: -1px; } .editable_users_header{ float: right; margin-top: 2px; font-style: italic; font-size: 9px; color: #AAA; padding: 2px; } .editable_users_header span, div.user_entry span.cbContainer { display: inline-block; padding: 0 2px; width: 30px; text-align: center; cursor: pointer; } div.user_entry span.cbContainer{ } /***********************/ /* EDITORS & DIAPORAMA */ /***********************/ textarea.editor { background-color:white; font-family:monospace; font-size:13px; line-height:16px; white-space:normal; } .diaporamaButton { filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; } .diaporamaButtonActive, .diaporamaButton:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; } #diaporamaMetadataContainer{ background-color: #757575; font-family: Arial, Helvetica, sans-serif; } #diaporamaMetadataContainer div.panelContent{ margin-top: 6px; margin-bottom: 6px; margin-left: 6px; background-color: white; border-radius: 7px; margin-right: 3px; } #diaporamaMetadataContainer div.infoPanelImagePreview{ border-radius: 7px; } #diaporamaSplitter div.vsplitbar{ background-color: #757575; } #diaporamaMetadataContainer div.scroller_track{ right: 2px; top: 6px; } #diaporamaMetadataContainer div.scroller_track, #diaporamaMetadataContainer div.scroller_handle{ border-radius: 0 7px 7px 0; } #diaporamaMetadataContainer div.imagePreviewOverlay{ background-color:rgba(0, 0, 0, 0.2) !important; opacity: 1 !important; } div.icons_only.diaporama_toolbar{ height: 40px !important; width: 470px; } div.diaporama_toolbar div#diaporama_legend{ display: none; } div.diaporama_toolbar div#diaporama_input_boxes{ margin-top: 10px !important; } /***********************/ /* AUTOCOMPLETION DIV */ /***********************/ div.autocomplete { position:absolute; font-family:Trebuchet MS, sans-serif; font-size: 11px; width:250px; background-color:white; border:1px solid #bbb; margin:8px 0px 0px; padding:0px; box-shadow: 2px 2px 3px #cccccc; border-radius: 0 0 2px 2px; max-height: 200px; overflow-y: auto; } div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; } div.autocomplete ul li.selected { background-color: #73a2d7; } div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:7px; cursor:pointer; } /************************/ /* CONTEXT MENU STYLES */ /************************/ div.menu { position: absolute; top: 0; left: 0; font-family: Trebuchet MS, Helvetica, sans-serif; -moz-border-radius:5px; border-radius:5px; } div.menu a { display: block; text-decoration: none; cursor: default; outline: none; font-size: 11px; } .menu .separator { height: 1px; padding: 0; overflow: hidden; display: block; font-size: 1px; } .menu ul, .menu li { margin: 0; padding: 0; list-style: none; overflow-x: hidden; } .menu li { list-style-position: outside; min-height: 24px; height: auto; } .menu.desktop { width: 10em; border: 1px solid #D1D2D0; padding: 0; padding-top: 0px; padding-bottom: 1px; } .menu.desktop.toolbarmenu { border: 1px solid #ccc; background: #fff; padding-bottom: 0px; width: auto; /* IE */ width:expression("150px"); -moz-border-radius : 0px 5px 5px 5px; border-radius : 0px 5px 5px 5px; } .menu.desktop.toolbarmenu img { width: 22px; height:22px; } .menu.desktop.textual{ width:7em; } .menu.desktop.textual img { margin-right: 6px; } .menu.desktop ul, .menu.desktop li { margin: 0; padding: 0; } .menu.desktop li{ padding: 0px; padding-top: 1px; padding-bottom: 1px; overflow-y: hidden; } .menu.desktop.toolbarmenu li { height: auto; padding-top: 1px; padding-bottom: 0px; } .menu li.menuTitle { font-size: 11px; font-weight: bold; padding-top: 2px; padding-left: 5px; padding-right: 25px; padding-bottom: 5px; color: #ccc; border-bottom: 0px solid #ddd; text-align: left; font-style: italic; display: none; } .menu.desktop li.separator { padding: 0px; height: 1px; } .menu.desktop a img{ margin-right: 9px; margin-top: -5px; } .menu.desktop a { color: #000; padding: 6px 0 2px 5px; margin: 0; height: 17px; font-family: Arial; font-size:11px; } .menu.desktop.toolbarmenu a img{ margin-right: 6px; } .menu.desktop.toolbarmenu a { color: #000; padding: 11px 20px 5px 8px; margin: 0; font-family: Arial; font-size:11px; } .menu.desktop a.disabled { opacity: 0.25; filter: alpha(opacity=25); zoom: 1; } .menu.desktop li.separator a{ display: none !important; } .menu li.separator { border-bottom: 1px solid #fff; margin: 1px 1px 0 1px; line-height: 1px !important; height: 1px !important; min-height: 1px !important; } .menu.desktop.toolbarmenu li.separator{ border-bottom: 1px solid #ddd; } .bookmarksMenu li.separator { border-bottom: 1px solid #fff; margin: 1px 1px 0 1px; line-height: 1px !important; padding: 0px; height: 1px !important; } /* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */ .menu.desktop a.enabled:hover { background-color: #73a2d7; color: #fff; } .menu.desktop li.menuAnchorSelected, .menu.desktop li.menuAnchorSelected a { background-color: #73a2d7; color: #fff !important; } .rootDirChooser { font-size: 11px; font-family: Trebuchet MS, sans-serif, Helvetica, sans-serif; position:absolute; z-index: 1500; min-width: 150px; /* IE */ width:expression("250px"); border: 1px solid #D1D2D0; } .rootDirChooser img { border: 0px; } .rootDirChooser a, .bookmarksMenu a { display: block; padding: 2px; padding-right: 20px; padding-left: 5px; padding-top: 4px; } .rootDirChooser span.menu_description{ display:none; } .rootDirChooser a img, .bookmarksMenu a img { margin-right:5px; } .rootDirChooser a.disabled IMG{ filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3 } .rootDirChooser span.rootDirTitle { display: block; font-size: 12px; font-weight: bold; padding-top: 1px; padding-left: 5px; padding-right: 50px; color: #ccc; border-bottom: 0px solid #ddd; text-align: left; font-style: italic; } .rootDirChooser a:hover, .bookmarksMenu a:hover, .bookmarksMenu a.hovered, .rootDirChooser a.hovered { background-color: #73a2d7; color: #fff; } .rootDirChooser li.separator { border-bottom: 1px solid #fff; margin: 1px 1px 0 1px; line-height: 1px !important; padding: 0px; height: 1px !important; } .bookmarksMenu { font-size: 11px; font-family: Trebuchet MS, Helvetica, sans-serif; position:absolute; z-index: 1500; border: 1px solid #D1D2D0; width: 200px; padding: 2px; } .rightAlignMenu a{ padding: 4px 5px 2px 20px; text-align:right; height: 16px; } .rightAlignMenu a img{ margin-right:0px; margin-left:5px; float: right; } .menuActions { position: absolute; right: 0px; top: 1px; text-align: right; padding-top:2px !important; } .menuActions a{ width: 18px; padding: 1px; display: inline-block !important; filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3; cursor: pointer !important; height: 16px; } .menuActions a:hover { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; } .backgroundPanel{ position:absolute; right:0; bottom:20px; padding:1px 5px 3px 7px; font-size:11px; font-weight:bold; color: #fff; font-family: Trebuchet MS, sans-serif; background-color:#5E7C90; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; z-index:10000; border-radius: 7px 0 0 7px; } /*******************************/ /* CREDIT SPLASH SCREEN /******************************/ #docDiv div.title { font-size:13px; font-weight: bold; } #docDiv div.subtitle { color: #5E7C90; font-size:12px; font-weight: bold; } /********************************************/ /* NEW HTML5 / CSS3 STYLES */ /* Generally applied after a Modernizr test */ /********************************************/ .css_boxshadow{ -moz-box-shadow : 5px 5px 20px rgba(100, 100, 100, 0.5); -webkit-box-shadow : 5px 5px 20px rgba(100, 100, 100, 0.5); box-shadow : 5px 5px 20px rgba(100, 100, 100, 0.5); } .dialogBox.css_boxshadow{ -moz-box-shadow : 5px 5px 60px #303030; -webkit-box-shadow : 5px 5px 60px #303030; box-shadow : 5px 5px 60px #303030; } div.dialogBox div.dialogBox.css_boxshadow{ -moz-box-shadow: 2px 2px 10px #4C5B6B; -webkit-box-shadow: 2px 2px 10px #4C5B6B; box-shadow: 2px 2px 10px #4C5B6B; border: 1px solid white; } /****************************************/ /* WEBDAV PREFERENCES */ /****************************************/ #webdav_repo_list{ height: 200px; overflow: auto; border: 1px solid #BBB; } #webdav_repo_list div{ padding: 7px; } #webdav_repo_list span{ display: inline-block; width: 25%; } #webdav_repo_list input { width: 73%; } input#webdav_password{ height: 22px !important; } .video-js-box{ margin-left: 10px !important; } .video-js-box.vjs-fullscreen{ margin-left: 0px !important; } #video_container{ margin: 5px 20px 5px 10px !important; } td.ip_geo_cell{ padding-right: 12px !important; } .pluginfo_list { padding-left: 0px; } .pluginfo_list li:nth-child(2n+1) { background-color: #F7F7F7; } .pluginfo_list li { list-style: none; padding: 5px 2px; overflow: hidden; } .pluginfo_key { display: inline-block; width: 90px; font-weight: bold; } /************************************************/ /* NICE ROUNDED PURE-CSS TABS */ /* From http://css-tricks.com/better-tabs-with-round-out-borders/ */ /************************************************/ .tabrow { list-style: none; margin: 10px 0 0px; padding: 0 20px; line-height: 24px; height: 26px; overflow: hidden; font-size: 13px; font-family: Verdana; position: relative; } .tabpanes { background-color: #ffffff; } .tabrow li { border: 1px solid #AAA; background: #D1D1D1; background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); display: inline-block; position: relative; z-index: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF; text-shadow: 0 1px #FFF; margin: 0 -5px; padding: 0 20px; } .tabrow span { color: #555; text-decoration: none; cursor: pointer; } .tabrow li.selected { background: #FFF; color: #333; z-index: 2; border-bottom-color: #FFF; } .tabrow:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #AAA; z-index: 1; } .tabrow li:before, .tabrow li:after { border: 1px solid #AAA; position: absolute; bottom: -1px; width: 5px; height: 5px; content: " "; } .tabrow li:before { left: -6px; border-bottom-right-radius: 6px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #D1D1D1; } .tabrow li:after { right: -6px; border-bottom-left-radius: 6px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #D1D1D1; } .tabrow li.selected:before { box-shadow: 2px 2px 0 #FFF; } .tabrow li.selected:after { box-shadow: -2px 2px 0 #FFF; } #sm2-container{ position: absolute; top: -1000px; } #refresh_button, #thumb_size_button{ display:none; }