diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/base/body.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/base/body.less index 999547d33c..b386f17292 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/base/body.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/base/body.less @@ -98,7 +98,7 @@ span#alerts_number { -kbd { +.kbd { padding: .1em .6em; border: 1px solid #ccc; font-size: 11px; @@ -115,6 +115,10 @@ kbd { white-space: nowrap; } +kbd{ + .kbd(); +} + .resizableHandle{ position: absolute; width: 10px; diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/layout.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/base/layout.less similarity index 100% rename from core/src/plugins/gui.ajax/res/themes/orbit/css/components/layout.less rename to core/src/plugins/gui.ajax/res/themes/orbit/css/base/layout.less diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/about.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/about.less index d9dd72bbf2..596f71ae67 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/about.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/about.less @@ -1,20 +1,25 @@ /*******************************/ /* CREDIT SPLASH SCREEN /******************************/ +@title_font_size:13px; +@subtitle_font_size:25px; +@subtitle_font_color: #5E7C90; +@links_font_color:#39C0BE; + #docDiv { div.title{ - font-size:13px; + font-size:@title_font_size; font-weight: bold; } div.subtitle { - color: #5E7C90; - font-size:25px; + color: @subtitle_font_color; + font-size:@subtitle_font_size; } a { - color: #39C0BE !important; + color: @links_font_color !important; text-decoration: underline; } } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/accordion.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/accordion.less index 6e1efccf98..82da6c20d4 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/accordion.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/accordion.less @@ -1,21 +1,21 @@ -/*********************/ -/* ACCORDION CONTENT */ -/*********************/ +@main_tint:rgb(117, 128, 139); +@font_size:16px; + div.accordion_toggle{ - color: rgb(117, 128, 139); - border-bottom: 1px solid rgb(117, 128, 139); + color: @main_tint ; + border-bottom: 1px solid @main_tint; cursor: pointer; - background: url('../../images/Tplus.png') no-repeat; + background: url('@{imagePath}Tplus.png') no-repeat; background-position-x: -6px; background-position-y: -3px; padding-left: 15px; - font-size: 16px; + font-size: @font_size; margin-bottom: 0; margin-top: 10px; padding-bottom: 2px; border-bottom: 0; &_active{ - background-image: url('../../images/Tminus.png'); + background-image: url('@{imagePath}Tminus.png'); } } @@ -24,7 +24,7 @@ div.accordion_content{ padding: 5px; div.dialogLegend{ text-align: justify; - color: rgb(117, 128, 139); + color: @main_tint; } } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/actionbar.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/actionbar.less index 237de0056b..518acfee05 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/actionbar.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/actionbar.less @@ -1,13 +1,10 @@ // Color variables (appears count calculates by raw css) -@color0: #cccccc; // Appears 2 times - -// Width variables (appears count calculates by raw css) -@width5: 0; // Appears 4 times +@actionbar_color0: #cccccc; // Appears 2 times // Height variables (appears count calculates by raw css) -@height0: 29px; // Appears 2 times -@height1: 22px; // Appears 4 times -@height3: 100%; // Appears 2 times +@actionbar_height0: 29px; // Appears 2 times +@actionbar_height1: 22px; // Appears 4 times +@actionbar_height3: 100%; // Appears 2 times .action_bar { line-height: 15px; @@ -51,17 +48,7 @@ margin: 2px 5px 2px 0; } &.separator { - border-left: 1px solid @color0; - border-right: 1px solid white; - display: block; - float: left; - font-size: 10px; - height: @height3; - margin-left: 2px; - margin-right: 2px; - padding-top: 0; - text-align: center; - width: @width5; + display: none; } &.disabled { -moz-opacity: 1; @@ -166,7 +153,7 @@ } img.actionbar_button_icon { display: none; - height: @height1; + height: @actionbar_height1; width: 22px; } } @@ -190,7 +177,7 @@ display: block !important; float: left; font-size: 10px; - height: @height0; + height: @actionbar_height0; margin: 2px 5px 4px 2px; padding-top: 0; text-align: center; @@ -201,7 +188,7 @@ display: block !important; float: left; font-size: 10px; - height: @height0; + height: @actionbar_height0; margin: 2px 5px 4px 2px; padding-top: 0; text-align: center; @@ -243,22 +230,6 @@ div.editor_header { } } -div.separator { - border-left: 1px solid @color0; - border-right: 1px solid white; - display: block; - float: left; - font-size: 10px; - height: @height3; - margin-left: 2px; - margin-right: 2px; - padding-top: 0; - text-align: center; - width: 0; -} - - - div.FL-inlineToolbar { text-align: left; a { @@ -318,7 +289,7 @@ div.detailed { cursor:pointer; display:inline; float:left; - height: @height1; + height: @actionbar_height1; padding:0 1px; img { border: 0; @@ -330,7 +301,7 @@ div.detailed { cursor:pointer; display:inline; float:left; - height: @height1; + height: @actionbar_height1; padding:0 1px; img { border: 0; @@ -343,7 +314,7 @@ div.detailed { cursor:pointer; display:inline; float:left; - height: @height1; + height: @actionbar_height1; padding:0 1px; img { border: 0; diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/activity.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/activity.less index 5fd9362406..2a46531c77 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/activity.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/activity.less @@ -1,3 +1,7 @@ +@activity_box_shadow:1px 1px 46px rgba(0, 0, 0, 0.67); +@timer_font_color: #0077b3; +@click_link_font_color:#676965; + #activity_monitor_warning { box-shadow: none; cursor: pointer; @@ -8,18 +12,20 @@ text-align:center; top:30%; width:20%; + div.dialogContent { border-radius: 10px; - box-shadow: 1px 1px 46px rgba(0, 0, 0, 0.67); + box-shadow: @activity_box_shadow; } span.click_anywhere { - color: #676965; + color: @click_link_font_color; display:block; font-size: 12px; font-weight:normal; padding-top:15px; } + span.warning_timer { - color: #0077b3; + color: @timer_font_color; } } \ No newline at end of file diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/backgroundtasks.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/backgroundtasks.less index 12ec13f1a1..9569b7303d 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/backgroundtasks.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/backgroundtasks.less @@ -1,14 +1,18 @@ +@bgtask_background_color: rgba(119, 184, 226, 0.62); +@bgtask_font_color: @white; + .backgroundPanel { + position: absolute; bottom: -1px; padding: 4px 7px 6px 7px; - color: #fff; - background-color: rgba(119, 184, 226, 0.62); + color: @bgtask_font_color; + background-color: @bgtask_background_color; z-index: 10000; border-radius: 3px 3px 0 0; width: 25%; margin-left: 40%; text-align: center; - letter-spacing: 1px; - border: 1px solid rgba(119, 184, 226, 0.62); + border: 1px solid @bgtask_background_color; + } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/breadcrumb.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/breadcrumb.less index b14a82434f..01b85bd6f7 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/breadcrumb.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/breadcrumb.less @@ -1,13 +1,13 @@ // Color variables (appears count calculates by raw css) -@background: #f5f5f5; // Appears 3 times -@hover_background: #ffffff; // Appears 2 times -@angle_color: #cccccc; // Appears 2 times -@first_bread: #222222; // Appears 2 times -@refresh_hover:#fb725c; +@breadcrumb_background: #f5f5f5; // Appears 3 times +@breadcrumb_hover_background: #ffffff; // Appears 2 times +@breadcrumb_angle_color: #cccccc; // Appears 2 times +@breadcrumb_first_bread: #222222; // Appears 2 times +@breadcrumb_refresh_hover:#fb725c; // Width variables (appears count calculates by raw css) -@width1: 201px; // Appears 2 times -@width2: 100%; // Appears 2 times +@breadcrumb_width1: 280px - 109px; // Appears 2 times +@breadcrumb_width2: 100%; // Appears 2 times #breadcrumb { @@ -23,7 +23,7 @@ } .breadcrumbs-one { overflow: hidden; - width: @width2; + width: @breadcrumb_width2; ul { list-style: none; margin: 0; @@ -33,26 +33,26 @@ float: left; &:first-child { span { - background-color: @first_bread; + background-color: @breadcrumb_first_bread; border-radius: 0; color: white; padding-left: 1em; - width: @width1; + width: @breadcrumb_width1; &::after { - border-left-color: @first_bread; + border-left-color: @breadcrumb_first_bread; } } } &:nth-child(1) { span { &:before { - border-left-color: @background; + border-left-color: @breadcrumb_background; } } } } span { - background-color: @background; + background-color: @breadcrumb_background; color: #666666; float: left; height: 22px; @@ -60,10 +60,10 @@ position: relative; text-decoration: none; &:hover { - background: @hover_background; + background: @breadcrumb_hover_background; cursor: pointer; &::after { - border-left-color: @hover_background; + border-left-color: @breadcrumb_hover_background; } } &::after, @@ -79,10 +79,10 @@ } &::after { z-index: 2; - border-left-color: @background; + border-left-color: @breadcrumb_background; } &::before { - border-left-color: @angle_color; + border-left-color: @breadcrumb_angle_color; right: -1.05em; z-index: 1; } @@ -106,12 +106,12 @@ font-weight: lighter; } i.ajxp-goto { - color: @angle_color; + color: @breadcrumb_angle_color; cursor: pointer; display: inline-block; padding: 20px 25px; &:hover { - color: @refresh_hover; + color: @breadcrumb_refresh_hover; } } span.reduced { @@ -134,7 +134,7 @@ height: auto; padding: 20px 15px 20px 1em; transition:none; - width: @width1; + width: @breadcrumb_width1; em { visibility:visible; } @@ -146,6 +146,6 @@ span.first-bread { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - width: @width2; + width: @breadcrumb_width2; } } \ No newline at end of file diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/carousel.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/carousel.less index 8f594cd0d8..a6b740d2cd 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/carousel.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/carousel.less @@ -1,19 +1,21 @@ +@carousel_font_size:10px; + a.carousel-control{ border-left:1px solid #c4c7c1; border-right:1px solid #c4c7c1; border-bottom:1px solid #c4c7c1; + background-color: #fff; display:block; float:left; - font-size:10px; + font-size: @carousel_font_size; height:51px; padding-top:0; text-align:center; + cursor:pointer; width:8px!important; margin: 0 !important; - cursor:pointer; - background-color: #fff; } a.carousel-disabled{ background-color: transparent; -} +} \ No newline at end of file diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/dialog.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/dialog.less index 4bef1b2d4d..8e47f59068 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/dialog.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/dialog.less @@ -1,3 +1,17 @@ +// Color variables (appears count calculates by raw css) +@dialog_content_background: #ffffff; // Appears 10 times +@dialog_box_shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); +@dialog_content_titles_tint: rgb(117, 128, 139); + +@dialog_field_disabled_background: #eeeeee; // Appears 5 times +@dialog_fields_border: 1px solid #aaaaaa; // Appears 5 times +@dialog_fields_height: 24px; // Appears 5 times + + + +// Height variables (appears count calculates by raw css) + + /* DIALOG BOXES */ @@ -18,252 +32,232 @@ div.shadow_class border-radius:5px; } -.dialogContent input[type="text"], .dialogContent input[type="password"], .dialogContent select, #search_txt, #treeCopy -{ - background-color: #ffffff; -} - -.dialogBox, .editBox -{ +.dialogBox { + border-radius: 0; + box-shadow:@dialog_box_shadow; display: none; - position: absolute; - top: 30%; - left: 30%; - z-index: 1018; font-size: 11px; - padding: 0; - border-radius: 0px; + left: 30%; min-width: 420px; -} - -.editBox -{ - top:5%; - left:5%; padding: 0; - margin: 0; -} - -.dialogTitle -{ - cursor:move; - font-size: 15px !important; -} - -.dialogTitle span.ajxp_icon_span, -.dialogTitle span#modalCloseBtn -{ - display: inline-block; - font-size: 15px; - padding-right: 8px; - padding-top: 2px; -} - -div.dialogTitle .ajxp_icon_span { - display: none; -} - -.dialogTitle span#modalCloseBtn{ - font-size: 14px; - margin-top: 0; - color: #FFFFFF; - padding: 7px 12px; -} - -.dialogTitle span.string-only-title { - font-size: 16px; - display: inline-block; - padding-top: 3px; -} - -.dialogContent -{ - background-color: #ffffff; - padding: 10px 10px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 0px 0px; - /* background-image: url('../images/grid_tl.png'); */ - border-top: 0; - color: #5C5C5C; -} - -.dialogContent input, -.dialogContent input[type="text"], -.dialogContent input[type="password"], -.dialogContent select, -#search_txt -{ - margin-left: 0; - border: 1px solid #aaa; - background-repeat: no-repeat; - background-position: top left; - height: 24px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -} - -.dialogContent select{ - height: 30px !important; - font-size: 13px; - width: 97%; -} - -.dialogContent select[multiple]{ - height: 66px !important; -} - -.dialogContent input:focus, -.dialogContent input[type="text"]:focus, -.dialogContent input[type="password"]:focus, -.dialogContent select:focus -{ - /* background: white; - border: 1px solid #77b8e2; - */ -} - -.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 : 0; - border:none; - filter: none; - background: none; - margin-right: 0; -} - -.dialogLegend -{ - padding: 5px; - line-height: 16px; - font-size: 13px; -} - -.dialogButtons -{ - text-align: right; - clear:both; -} - -.dialogButtons input, -fieldSet input.dialogButton -{ - margin-left: 3px; - width: 32px; - height: 32px; - padding: 2px 0; - background-color: transparent; - border: 0; -} - -.dialogButtons input:focus, -fieldSet input.dialogButton:focus -{ - border: 0; - background-color: transparent; -} - -.dialogButtons.inlineEdition input -{ - margin-left: 6px; - width: 22px; - height: 22px; - padding: 0; - box-shadow: none; -} - -.dialogButtonsCheckbox{ - - float: left; - margin-top: 9px; - -} - - -.dialogBox, div.dialogBox.css_boxshadow{ - -moz-box-shadow: 5px 5px 60px #222; - -webkit-box-shadow: 5px 5px 60px #222; - box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); -} - -div.dialogBox div.dialogBox.css_boxshadow{ - border-radius: 4px !important; - border: 0; - width: 96%; - left: 10px; - min-width: 400px; - top: 19%; - background-color: white; -} - -.no-flexbox div#mailer_message{ - width: 380px !important; -} - -div.dialogBox div.dialogBox.css_boxshadow > div{ - background-color: transparent; -} - -.dialogButtonsCheckbox label{ - cursor: pointer; -} - -.dialogContent form, .editContent form -{ - display: inline; - margin: 0; -} - -div.dialogContentMainTitle{ - color: rgb(117, 128, 139); - font-size: 20px; - margin-bottom: 10px; - border-bottom: 1px solid rgb(117, 128, 139); - padding-bottom: 0; -} - - -.dialogButton -{ - border-bottom: 1px solid buttonshadow; - border-right: 1px solid buttonshadow; - border-top: 1px solid #fff; - border-left: 1px solid #fff; - padding: 1px 8px; - margin-top: 5px; -} - + position: absolute; + top: 30%; + z-index: 1018; -.dialogArrow -{ - font-weight: bold; - font-size: 16px; -} + .dialogTitle { + background-color: rgb(107, 107, 107); + border-radius: 0 0 0 0; + color: @dialog_content_background; + cursor:move; + font-size: 15px !important; + padding: 11px 4px 13px 10px; + span.ajxp_icon_span { + display: inline-block; + font-size: 15px; + padding-right: 8px; + padding-top: 2px; + } + span#modalCloseBtn { + color: @dialog_content_background; + display: inline-block; + font-size: 15px; + margin-top: 0; + padding: 7px 12px; + } + span.string-only-title { + display: inline-block; + font-size: 16px; + padding-top: 3px; + } + .ajxp_icon_span { + display: none; + } + } + .dialogLegend { + font-size: 13px; + line-height: 16px; + padding: 5px; + } + .dialogButtons { + clear:both; + text-align: right; + + .dialogButton { + background-color: transparent; + border: 0; + height: 32px; + margin-left: 3px; + padding: 2px 0; + width: 32px; + &:focus { + background-color: transparent; + border: 0; + } + } + + fieldSet { + input.dialogButton { + background-color: transparent; + border: 0; + height: 32px; + margin-left: 3px; + padding: 2px 0; + width: 32px; + &:focus { + background-color: transparent; + border: 0; + } + } + } + + .dialogButtonsCheckbox { + float: left; + margin-top: 9px; + label { + cursor: pointer; + } + } + + &.inlineEdition { + input { + box-shadow: none; + height: 22px; + margin-left: 6px; + padding: 0; + width: 22px; + } + } + + } + + + div.dialogContentMainTitle { + border-bottom: 1px solid @dialog_content_titles_tint; + color: @dialog_content_titles_tint; + font-size: 20px; + margin-bottom: 10px; + padding-bottom: 0; + } + .dialogArrow { + font-size: 16px; + font-weight: bold; + } + + .dialogContent { + background-color: @dialog_content_background; + border-radius: 0; + border-top: 0; + color: #5C5C5C; + padding: 10px 10px; + + form { + display: inline; + margin: 0; + } + + input[type="text"] { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + background: @dialog_content_background; + border: @dialog_fields_border; + height: @dialog_fields_height; + margin-left: 0; + &:focus { + } + &:disabled { + background: @dialog_field_disabled_background; + } + } + input[type="password"] { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: @dialog_content_background; + border: @dialog_fields_border; + height: @dialog_fields_height; + margin-left: 0; + &:focus { + } + &:disabled { + background: @dialog_field_disabled_background; + } + } + select { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + background-color: @dialog_content_background; + border-radius: 2px; + border: @dialog_fields_border; + font-size: 13px; + height: @dialog_fields_height; + margin-left: 0; + width: 97%; + &:focus { + } + } + input { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + border: @dialog_fields_border; + height: @dialog_fields_height; + margin-left: 0; + &:focus { + } + &:disabled { + background: @dialog_field_disabled_background; + } + } + select[multiple] { + height: 66px !important; + } + option { + &:disabled { + background: @dialog_field_disabled_background; + } + } + textarea { + &:disabled { + background: @dialog_field_disabled_background; + } + } + input[type="checkbox"] { + background: none; + border-radius : 0; + border:none; + filter: none; + height: auto; + margin-right: 0; + width: auto; + } + input[type="radio"] { + background: none; + border-radius : 0; + border:none; + filter: none; + height: auto; + margin-right: 0; + width: auto; + } + } + + /*** + Dialog inside dialog + /***/ + div.dialogBox.css_boxshadow { + background-color: white; + border-radius: 4px !important; + border: 0; + left: 10px; + min-width: 400px; + top: 19%; + width: 96%; + } + div.dialogBox.css_boxshadow>div { + background-color: transparent; + } -div.dialogBox.form-diaporama_box div.dialogContent{ - background-color: rgb(85,85,85); - border: 0; - background-image: none; } -.dialogTitle{ - border-radius: 0 0 0 0; - background-color: rgb(107, 107, 107); - color: #FFF; - padding: 11px 4px 13px 10px; -} - diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/dragdrop.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/dragdrop.less index f6a674bd6b..bb4a7a72d2 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/dragdrop.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/dragdrop.less @@ -1,20 +1,20 @@ +@dnd_dropzone_color:#c3d9ff; +@dnd_draggable_border:1px solid #c3d9ff; +@dnd_draggable_bg_color:#ffffff; + .droppableZone, .thumbnail_selectable_cell.detailed.droppableZone { - background-color: #c3d9ff !important; -} - -#topPane div.droppableZone{ - background-color: rgba(255,255,255,0.2) !important; + background-color: @dnd_dropzone_color !important; } div.multiple_selection_draggable { display: block; color: #000; - background-color: #fff; + background-color: @dnd_draggable_bg_color; padding: 5px; - border: 1px solid #c3d9ff; + border: @dnd_draggable_border; font-size: 12px; cursor:default; overflow:hidden; @@ -23,6 +23,5 @@ div.multiple_selection_draggable div.selection_ctrl_key { - background: url('../../images/0.gif') no-repeat bottom right; + background: url('@{imagePath}0.gif') no-repeat bottom right; } - diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/forms.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/forms.less index a8057f9aa1..9a41575d58 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/forms.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/forms.less @@ -1,449 +1,447 @@ - -input, textarea, select -{ - margin-top: 1px; +// Color variables (appears count calculates by raw css) +@wizard_nav: #f47561; // Appears 5 times +@color1: #ffffff; // Appears 4 times +@color2: #e2e2e2; // Appears 4 times +@color3: #aaaaaa; // Appears 3 times +@color4: #eeeeee; // Appears 2 times +@color5: #d8b0b0; // Appears 2 times + +input { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + border: 1px solid @color3; + font-size: 13px; margin-left: 10px; + margin-top: 1px; padding: 2px; - border: 1px solid #aaa; - font-size: 13px; - border-radius: 2px; +} +textarea { -moz-border-radius: 2px; -webkit-border-radius: 2px; + background-color: @color1; + border-radius: 2px; + border: 1px solid @color3; + font-size: 13px; + margin-left: 10px; + margin-top: 1px; + padding: 2px; } - -textarea{ - margin-top: 0; - margin-left: 0; - padding: 0; - background-color: #fff; +select { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + border: 1px solid @color3; + font-size: 13px; + margin-left: 10px; + margin-top: 1px; + padding: 2px; } - - -div.oneFieldForm{ - margin-bottom: 13px; - background-color: #EEEEEE; - padding: 3px 6px; +div.oneFieldForm { + background-color: @color4; border-radius: 4px; + margin-bottom: 13px; margin-top: 10px; + padding: 3px 6px; + input.SF_input { + background: white !important; + } } - -div.oneFieldForm input.SF_input{ - background: white !important; -} - - -.largeButton, -.SF_input.SF_inlineButton -{ +.largeButton { + background: rgba(107, 107, 107, 0.87); + border-radius: 5px; + color: @color1; + cursor: pointer; display: inline-block; + float: left; font-size: 13px; + letter-spacing: 1px; + margin-left: 12px; + outline: none; + overflow: visible; padding: 7px 6px !important; text-align: center; - overflow: visible; - color: #fff; - outline: none; - margin-left: 12px; + img { + height:16px; + margin-right: 5px; + margin-top: 3px; + position: relative; + top: -2px; + vertical-align: middle; + width:16px; + } +} +.SF_input.SF_inlineButton { background: rgba(107, 107, 107, 0.87); - letter-spacing: 1px; - float: left; - cursor: pointer; border-radius: 5px; + color: @color1; + cursor: pointer; + display: inline-block; + float: left; + font-size: 13px; + letter-spacing: 1px; + margin-left: 12px; + outline: none; + overflow: visible; + padding: 7px 6px !important; + text-align: center; } - -.largeButton img{ - width:16px; - height:16px; - vertical-align: middle; - position: relative; - top: -2px; - margin-right: 5px; - margin-top: 3px; -} - -.SF_disabled img -{ - filter:alpha(opacity=30); - opacity: 0.3; - -moz-opacity:0.3; - cursor:default; +.SF_disabled { + img { + -moz-opacity:0.3; + cursor:default; + filter:alpha(opacity=30); + opacity: 0.3; + } } - - - -/*********************/ -/* WIZARD STYLE FORM */ -/*********************/ -div.wizard-pane{ +div.wizard-pane { display: none !important; } - -div.wizard-pane.wizard-panel-active{ +div.wizard-pane.wizard-panel-active { display: block !important; } - -div.wizard_panel_title{ +div.wizard_panel_title { font-size: 24px; margin: 5px 0; } -div.wizard_buttons{ - text-align: center; +div.wizard_buttons { margin-top: 30px; + text-align: center; + div { + display: inline-block !important; + float: none !important; + margin-left: 10px !important; + width:70px; + } +} +.SF_input.SF_inlineButton.wizard_previous.disabled { + display: none !important; } -div.wizard_buttons div{ - float: none !important; - width:70px; - display: inline-block !important; - margin-left: 10px !important; -} - -.SF_input.SF_inlineButton.wizard_previous.disabled, -.SF_input.SF_inlineButton.wizard_next.disabled -{ +.SF_input.SF_inlineButton.wizard_next.disabled { display: none !important; } -div.wizard_progress{ +div.wizard_progress { display: -webkit-flex !important; display: flex !important; - } - -.wizard_previous, .wizard_next{ - background-color:#F47561 !important; +.wizard_previous { + background-color: @wizard_nav !important; +} +.wizard_next { + background-color: @wizard_nav !important; } - - span.wizard_progress_element { - padding: 28px 0 14px; - background-color: #FFFFFF; - font-size: 11px; - flex: 1; + background-color: @color1; border-bottom: 3px solid #D8D7D7; + color: #555555; + flex: 1; + font-size: 11px; + padding: 28px 0 14px; position: relative; text-align: center; - color: #555555; } - span.wizard_progress_element.wizard_progress_passed { - border-bottom: 3px solid #F47561; - color: #F47561; + border-bottom: 3px solid @wizard_nav; + color: @wizard_nav; } - span.progress_number { - display: inline-block; - width: 16px; - height: 16px; background-color: #ABAAAA; - text-align: center; border-radius: 50%; + bottom: -9px; color: white; - font-weight: bold; + display: inline-block; font-size: 11px; - position: absolute; - bottom: -9px; + font-weight: bold; + height: 16px; left: 43%; + position: absolute; + text-align: center; + width: 16px; } - -.wizard_progress_passed span.progress_number { - background-color: #F47561; +.wizard_progress_passed { + span.progress_number { + background-color: @wizard_nav; + } } - - -label{ - margin: 0 5px; +label { font-size: 13px; + margin: 0 5px; } - .checkbox_left { - float: left; clear: left; + float: left; margin: 0 4px 5px 0 !important; } - -label.checkbox_label_left{ - float: left; +label.checkbox_label_left { display: inline-block; + float: left; } - -/*************************/ -/* SF like "Standard Form" DATA : try to make a "standard"... -/*************************/ -div.SF_element{ - padding-top: 5px; +div.SF_element { clear:left; - width: 96%; margin: 0 2%; + padding-top: 5px; + width: 96%; + div.SF_element { + margin: 0; + } } - -div.SF_element div.SF_element{ - margin: 0; -} - -div.dialogContent div.SF_element{ +div.dialogContent { + div.SF_element { + } } - -div.SF_disabled{ - color: #ccc; +div.SF_disabled { + color: #cccccc; font-style:italic; } - -div.SF_label{ - text-transform: uppercase; - width: 100% !important; - line-height: 22px !important; +div.SF_label { letter-spacing: 1px; + line-height: 22px !important; margin-top: 3px; + text-transform: uppercase; + width: 100% !important; } - -input.SF_fieldCheckBox{ +input.SF_fieldCheckBox { margin-top: 7px !important; } - -.no-flexbox div.SF_label{ - padding-right:3px !important; +.no-flexbox { + div.SF_label { + padding-right:3px !important; + } } - -.SF_input{ - padding: 1% !important; +.SF_input { margin-left: 0; - width: 97%; - max-width: 450px !important; -} -.SF_element textarea, .SF_element select, .SF_element div.SF_image_block{ - margin-left: 0 !important; - background-color: white; - width: 97% !important; max-width: 450px !important; + padding: 1% !important; + width: 97%; } - -div.SF_element.SF_largeLabel > input.SF_input.SF_number, -input.SF_input.SF_number{ +.SF_element { + textarea { + background-color: white; + margin-left: 0 !important; + max-width: 450px !important; + width: 97% !important; + } + select { + background-color: white; + margin-left: 0 !important; + max-width: 450px !important; + width: 97% !important; + } + div.SF_image_block { + background-color: white; + margin-left: 0 !important; + max-width: 450px !important; + width: 97% !important; + } +} +div.SF_element.SF_largeLabel>input.SF_input.SF_number { + text-align: right; width: 30px !important; +} +input.SF_input.SF_number { text-align: right; + width: 30px !important; } - select.SF_input { + box-sizing: border-box; max-width: 450px !important; - width: 99% !important; padding: 0 0 0 5px !important; - box-sizing: border-box; + width: 99% !important; } - -.SF_box{ +.SF_box { width: 20px !important; } - -.SF_fieldCheckBox{ +.SF_fieldCheckBox { float:left; margin: 5px; } - -.SF_elementWithCheckbox > .SF_input{ +.SF_elementWithCheckbox>.SF_input { + _width:46% !important; width: 50% !important; - _width:46% !important; /*IE*/ } - .SF_inlineButton { + background-image: url('../../images/grid_tl.png'); margin: 3px 0 !important; padding: 4px !important; - background-image: url('../images/grid_tl.png'); + span[class^="icon-"] { + margin-right: 3px; + } } - .SF_inlineMonitoring { padding: 7px 4px !important; } -.SF_inlineMonitoring.SF_inlineMonitoringWorking:after{ - content: " [reloading]"; -} - -.SF_inlineButton span[class^="icon-"]{ - margin-right: 3px; +.SF_inlineMonitoring.SF_inlineMonitoringWorking { + &:after { + content: " [reloading]"; + } } - -.SF_inlineButton.SF_inlineButtonWorking{ +.SF_inlineButton.SF_inlineButtonWorking { box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.35); - padding-top: 10px !important; padding-bottom: 8px !important; + padding-top: 10px !important; } - -.SF_failed{ - border: 1px solid #D8B0B0 !important; +.SF_failed { + border: 1px solid @color5 !important; } - -.SF_replicableGroup{ - background-color:#EEE; +.SF_replicableGroup { + background-color:@color4; + border-radius: 5px; clear: both; - position: relative; margin-bottom: 5px; - border-radius: 5px; - padding-bottom: 20px; margin-top: 8px; + padding-bottom: 20px; + position: relative; } - -.SF_replication_Add, -.SF_replication_Remove -{ +.SF_replication_Add { + background: url('../../images/0.gif') no-repeat 5px 6px; + bottom: 0; display: block; - width: 20px; height: 20px; - background-image: url('../images/0.gif'); - background-repeat: no-repeat; - background-position: 5px 6px; + left: 0; position:absolute; + width: 20px; +} +.SF_replication_Remove { + background: url('../../images/1.gif') no-repeat 5px 6px; bottom: 0; + display: block; + height: 20px; left: 0; -} - -.SF_replication_Remove -{ - background-image: url('../images/1.gif'); + position:absolute; top: 0; + width: 20px; } - -.SF_rgClear{ +.SF_rgClear { clear:left; height: 3px; } - -.SF_image_block{ - max-width: 80px; +.SF_image_block { float: left; -} - -.SF_image.small{ max-width: 80px; +} +.SF_image.small { max-height: 80px; + max-width: 80px; } - -#user_profile_form img.SF_image.small { - border-radius: 40px; +#user_profile_form { + img.SF_image.small { + border-radius: 40px; + } } - -.SF_image_link{ - display: inline-block; - width: 80px; +.SF_image_link { cursor: pointer; + display: inline-block; text-align: center; + width: 80px; } - .accordion_toggle_failed { - background-color: #D8B0B0 !important; + background-color: @color5 !important; } - -.SF_horizontal_labelRow{ +.SF_horizontal_labelRow { clear: both; -} - -.SF_horizontal_labelRow div.SF_label{ - float:left; - text-align: left; - padding: 0 5px 0 3px; - margin-right: 5px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.SF_horizontal_fieldsRow{ + div.SF_label { + float:left; + margin-right: 5px; + overflow: hidden; + padding: 0 5px 0 3px; + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + } +} +.SF_horizontal_fieldsRow { clear: both; + input { + float: left; + font-size: 13px; + margin-right: 5px; + padding: 3px 4px 3px 2px !important; + } + input.SF_number { + text-align: left; + } } -.SF_horizontal_fieldsRow input{ - float: left; - margin-right: 5px; - font-size: 13px; - padding: 3px 4px 3px 2px !important; -} - -.SF_horizontal_fieldsRow input.SF_number{ - text-align: left; -} - .SF_horizontal_actions { float: left; - padding: 5px 2px; font-size: 15px; + padding: 5px 2px; + span { + cursor: pointer; + margin-right: 0; + } } - -.SF_horizontal_pastilles{ - padding: 1px 8px; - font-size: 11px; +.SF_horizontal_pastilles { float: none; -} - -.SF_horizontal_actions span{ - cursor: pointer; - margin-right: 0; -} - -.SF_horizontal_pastilles span{ - margin-right: 10px; -} - -.SF_horizontal_pastilles span > span{ - margin: 0; -} - -.SF_horizontal_action_destructive{ - color: #A00; -} - - -/********************************************** -/* STANDARD FORM BUT IN A MORE "MATERIAL" WAY -/*********************************************/ - -.dialogContent div.SF_material div.SF_element{ - width: auto; - margin: 0; -} - -.dialogContent div.SF_material div.SF_label{ - line-height: 14px !important; - letter-spacing: 0; - margin-top: 17px; - margin-left: 0; font-size: 11px; - color: rgb(140, 140, 140); - text-transform: none; -} - -.dialogContent div.SF_material input, -.dialogContent div.SF_material textarea, -.dialogContent div.SF_material select{ - margin:1px 0 0 0; - border: 0; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - font-size: 14px; - border-bottom: 1px solid #e2e2e2; - padding: 4px 1% 0 0 !important; -} - -.dialogContent div.SF_material select.SF_input{ - width: 98% !important; - padding: 0 !important; - box-sizing: border-box; - border: 0; -} - -.dialogContent div.SF_material *.dialogLegend{ - padding: 7px 0; - font-size: 12px; - line-height: inherit; -} - -.dialogContent div.SF_material div.SF_element span.select-styler { - display: block; - border-top: 1px solid #E2E2E2; - width: 98%; -} - -.dialogContent div.SF_material input.SF_failed{ - border: 0 !important; - border-bottom: 1px solid #CF4747 !important; -} - -.dialogContent div.SF_material div.SF_input.SF_inlineButton.disabled{ - opacity: 0.5; -} + padding: 1px 8px; + span { + margin-right: 10px; + } + span>span { + margin: 0; + } +} +.SF_horizontal_action_destructive { + color: #aa0000; +} +.dialogContent { + div.SF_material { + div.SF_element { + margin: 0; + width: auto; + span.select-styler { + border-top: 1px solid @color2; + display: block; + width: 98%; + } + } + div.SF_label { + color: rgb(140, 140, 140); + font-size: 11px; + letter-spacing: 0; + line-height: 14px !important; + margin-left: 0; + margin-top: 17px; + text-transform: none; + } + input { + border-radius: 0; + border: 0; + font-size: 14px; + margin:1px 0 0 0; + padding: 4px 1% 0 0 !important; + } + textarea { + border-radius: 0; + border: 0; + font-size: 14px; + margin:1px 0 0 0; + padding: 4px 1% 0 0 !important; + } + select { + border-radius: 0; + border: 0; + font-size: 14px; + margin:1px 0 0 0; + padding: 4px 1% 0 0 !important; + } + select.SF_input { + border: 0; + box-sizing: border-box; + padding: 0 !important; + width: 98% !important; + } + *.dialogLegend { + font-size: 12px; + line-height: inherit; + padding: 7px 0; + } + input.SF_failed { + border: 0 !important; + } + div.SF_input.SF_inlineButton.disabled { + opacity: 0.5; + } + } +} \ No newline at end of file diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/loader.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/loader.less index df900e58dc..26c41d07a5 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/loader.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/loader.less @@ -1,3 +1,5 @@ +@loader_box_shadow:2px 2px 4px rgba(0, 0, 0, 0.23); + #progressBox { z-index: 2002; @@ -9,10 +11,10 @@ top: 30%; left: 40%; position: absolute; - box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23); - -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23); - -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23); min-width: 305px; + box-shadow: @loader_box_shadow; + -webkit-box-shadow: @loader_box_shadow; + -moz-box-shadow: @loader_box_shadow; div.dialogTitle{ display: none; } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/messagebox.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/messagebox.less index 80c880df34..3bfea8797d 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/messagebox.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/messagebox.less @@ -1,17 +1,22 @@ /********************/ /* MESSAGE BOX */ /********************/ +@messagebox_box_shadow: 1px 1px 1px rgba(0,0,0,0.5); +@messagebox_error_tint:#960000; +@messagebox_success_tint:#009600; +@messagebox_font_size:16px; + .messageBox { position: absolute; z-index: 1500; cursor: pointer; border-radius: 4px; - box-shadow: 1px 1px 1px rgba(0,0,0,0.5); + box-shadow: @messagebox_box_shadow; &.errorMessage { - color: #960000 !important; - background-color: rgb(242, 193, 193); + color: @messagebox_error_tint; + background-color: desaturate(lighten(@messagebox_error_tint, 50%), 50%); & > div#message_content::before { content: '\f071'; } @@ -19,8 +24,8 @@ &.logMessage { - color: #009600; - background-color: rgb(194, 236, 194); + color: @messagebox_success_tint; + background-color: desaturate(lighten(@messagebox_success_tint, 50%), 50%); & > div#message_content::before { content: '\f058'; } @@ -40,7 +45,7 @@ display: block; padding: 0 6px; margin-right: 5px; - font-size: 16px; + font-size: @messagebox_font_size; margin-top: 2px; float: left; } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/panel.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/panel.less index d68867ed74..50ab4309e7 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/panel.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/panel.less @@ -1,22 +1,18 @@ - .panelHeader{ border: none; vertical-align: middle; background-color: transparent; - letter-spacing: 1px; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */; -} - -.panelHeader.panelHeaderWithIcon{ - position: relative; -} - -.panelHeader img -{ - display: none; -} - -.panelHeader img.panelHeaderCloseIcon{ - left: auto; - right: 6px; - cursor: pointer; -} + letter-spacing: 1px; + &.panelHeaderWithIcon{ + position: relative; + } + img + { + display: none; + &.panelHeaderCloseIcon{ + left: auto; + right: 6px; + cursor: pointer; + } + } +} \ No newline at end of file diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/scroller.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/scroller.less index 6288331252..d57a75db92 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/scroller.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/scroller.less @@ -18,8 +18,8 @@ border-radius: 5px; background: rgb(190, 190, 190)!important; transition: background-color 0.3s ease, height 0.1s ease; + &:hover{ + background: rgb(110, 110, 110)!important; + } } -.scroller_handle:hover{ - background: rgb(110, 110, 110)!important; -} diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/searchengine.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/searchengine.less index 3a4a8e6239..343cd65a0c 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/searchengine.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/searchengine.less @@ -1,12 +1,18 @@ -#search_panel{ - overflow: visible; -} +@searchform_input_font_closed:1em; +@searchform_input_font_active:40px; +@searchform_icon_font_closed:1em; +@searchform_icon_font_active:1.6em; -#search_div -{ - /* width: 100%;*/ -} +@searchform_icon_color:#555; +@searchform_input_color:rgb(138, 149, 160); +@searchresult_mainbackground: #efefef; +@searchresult_box_shadow:inset 0 1px 6px rgba(0,0,0,0.2); + +@searchmeta_mainbackground:rgba(63, 63, 63, 0.96); +@searchmeta_main_font_size:12px; +@searchmeta_main_font_color: #eeeeee; +@searchmeta_panel_width:250px; #search_container { @@ -15,556 +21,437 @@ overflow: visible; position: relative; z-index: 1015; -} - -#search_form, #search_state -{ -} -#search_form -{ - padding-right: 4px; - height: 33px; - overflow: visible; -} -#search_form a -{ - display: inline-block; - width: 18px; - cursor: pointer; - font-size: 1em; - padding-top: 0; - color: #555; - position: absolute; - right: 13px; - top: 21px; - transition: font-size ease 0.5s, top ease 0.5s, right ease 0.5s; -} - -#search_container.search_active div#search_form a{ - font-size: 1.6em; - top: 17px; - right: 16px; -} - -#search_form a.disabled { - display: none; -} - -#search_form a img{ - margin-top: 2px; - vertical-align: top; - display: none; -} - -#search_form input -{ - float: right !important; - margin: 0; - height: 58px; - background: #f5f5f5; - font-size: 1em; - color: rgb(138, 149, 160); - padding-left: 5px; - width: 80px; - border: 0 #f5f5f5; - text-align: right; - padding-right: 30px; - transition:border-color 0.5s ease, width 0.5s ease; - border-radius: 0; - -} - -#search_container.search_active div#search_form input{ - width: 100%; - background: #fff; - border: 0; - text-align: left; - padding-right: 0; - font-size: 40px; - font-family: @fontBold; -} - -#search_container span.search_advanced_direct_access{ - display: block; - opacity: 0; - position: absolute; - bottom: 1px; - right: 5px; - font-size: 9px; - cursor: default; - transition: opacity ease 0.5s; -} - -#search_container.search_active span.search_advanced_direct_access{ - display: block; - opacity: 1; - cursor: pointer; -} - -#search_meta { - font-size: 12px; - padding: 0; - background-color: rgba(63, 63, 63, 0.96); - float: left; - width: 0; - overflow: hidden; - margin-left: 0; - transition: width 1s ease, margin-left 1s ease; - margin-top: -62px; - position: relative; -} - -#search_meta > div{ - width: 280px; -} - -#search_meta.toggle_open{ - margin-left: -280px; - width: 280px; -} - -div.meta_toggle_button { - display: inline-block; - padding: 1px 20px; - background-color: #fff; - border-radius: 30px; - margin: 10px 10px 0; - cursor: pointer; - color: #555; -} - -#search_meta input.c3, #search_meta span.c3 { - margin-left: 0; - margin-right: 0; - border: 1px solid rgba(63, 63, 63, 1); - background-color: #ffffff; - padding: 4px 3px; - width: 90% !important; - border-radius: 3px; -} - -#search_meta select.select_meta_selector { - margin-left: 0; - width: 93%; - height: 26px; -} - -#search_meta input.c3:disabled{ - opacity: 0.35; -} - -#search_meta span.c3{ - cursor: pointer; -} -span#ajxp_folder.c3 { - color: #333; - padding: 4px 21px; -} -#search_meta input.c3:focus{ - background-color: white; -} - -#modiftime_fixed_radio span.c3{ - border-right-width: 0 !important; - padding: 4px 2px; - font-size: 10px; -} - -div#modiftime_fixed_radio { - margin-top: 16px; - color: #333; -} - -#modiftime_fixed_radio span.c3:last-of-type{ - border-right-width: 1px !important; -} -#search_meta span.c3.selected{ - background-color: rgb(138, 149, 160) !important; - color: white; -} - - -#search_meta span.c4 { - display: inline-block; - width: 30% !important; - text-align: right; - padding-right: 2%; -} - -#search_meta span.c6 { - display: block; - width: 30%; - text-align: right; - clear: left; - float: left; - padding-right: 2%; -} - -#search_meta span.c4, -#search_meta span.c6 -{ - display: block; - width: 100% !important; - text-align: left; - line-height: 17px; - padding-top: 2px; -} - -#search_meta div.advanced_search_section span[class^="icon-"], -#search_meta div.advanced_search_section span[class*=" icon-"]{ - display: none; -} - -.advanced_search { -} - -#basic_search{ - padding: 8px; - min-height: 27px; -} - -#search_meta.toggle_open #basic_search{ - border-bottom: 1px solid rgb(143, 162, 182); -} - -#search_meta_detailed { - padding:5px 5px 10px; - line-height: 28px; - overflow: hidden; - color: rgb(238, 238, 238); -} - -#search_meta span.toggle_button { - float: right; - display: inline-block; - padding: 2px 5px; - border-radius: 3px; - background-color: #4dc5c3; - cursor: pointer; - color: white; -} - -#search_meta span.toggle_button.close, -#search_meta.toggle_open span.toggle_button.open, -#search_meta.toggle_open span#search_meta_options -{ - display: none; -} - -.search_label.open -{ - display: none; - padding: 2px; - height: 20px; -} - -.search_label.close{ - display: block; - font-size: 30px; - padding: 15px 10px 17px; -} - -#refresh_search_button{ - cursor: pointer; - font-size: 0.8em; - float: right; -} - -#search_meta div.advanced_search_section_title { - font-size: 19px; - padding: 8px 8px 9px 10px; -} - -.toggle_open span.search_label.open{ - display: none; -} - -span.toggle_button.open,span.toggle_button.close{ - background-color: white; - border-radius: 20px; - padding: 3px 11px; - font-size: 0.8em; - cursor: pointer; -} - -div#search_container div#search_results.fl-displayMode-detail div.scroller_track { - top: 42px; -} - -span.toggle_button.open > span, -span.toggle_button.close > span -{ - /*display: none;*/ -} - -span.toggle_button.close{ - display: none; -} - -.toggle_open span.toggle_button.close, -span.toggle_button.open -{ - background: #666; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); - color: white; -} - -.toggle_open span.toggle_button.open -{ - box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3); - padding: 4px 10px 2px 12px; -} - -span#search_meta_options{ - display: none; -} - - -#search_meta div.advanced_search_section{ - padding: 5px 5px 15px 17px; - line-height: 29px; - display: none; -} - -#search_meta div.advanced_search_section.visible{ - display: block; -} - -.searchScore{ - float: right; - color: #CCC; - font-size: 10px; - font-style: italic; -} - -.searchUnindex{ - -} - -span.search_meta_opt { - cursor: pointer; -} -span.search_meta_opt > span{ - display: none; -} - -span.search_meta_opt.checked > span { - display: inline; -} - -#search_results_cont{ - display: none; - position: absolute; - z-index: 1010; - background-color: #eeeeee; - text-align: left; - box-shadow: inset 0 1px 6px rgba(0,0,0,0.2); -} - -#search_results -{ - margin-left: 0; - width: 100%; -} - -.flexbox div#search_results{ - display: -webkit-flex !important; - display: flex !important; -} - -#search_results_cont span.results_string{ - display: none; -} - -.close_results.icon-remove-sign { - position: absolute; - display: inline-block; - right: 13px; - cursor: pointer; - font-size: 1.4em; - color: #999; - top: 9px; - z-index: 10; -} - -#search_results div[data-groupByValue]{ - clear: left; - overflow: hidden; - margin-bottom: 10px; -} - -#search_results div[data-groupByValue]:first-child{ - margin-top: 10px; -} - -#search_results h3 { - font-size: 20px; - margin: 10px 13px 10px 14px; - color: rgb(81, 81, 81); - border-bottom: 1px solid rgb(116, 116, 116); - padding: 5px 0; -} - -#search_results div#element_overlay { - background-color: rgba(255, 255, 255, 0.2); - opacity: 1; -} - -#search_results div#element_overlay img{ - width: 20px; - margin-top: 16px !important; -} - -#search_results_cont div#search_show_all{ - text-align: center; - font-size: 12px; - color: #747474; - font-style: italic; - display: inline-block; - margin-left: 10px; -} - -#search_results_cont div#search_show_all a{ - text-decoration: underline; - color: #393939; - cursor: pointer; -} - -tr h3 { - padding: 5px 10px 10px; - font-size: 1.8em; - margin: 10px 0 -7px; - border-bottom: 1px solid #999; -} - -div.class-FetchedResultPane{ - background-color: transparent; -} - -#search_results div.ajxpNodeProvider, -div.class-FetchedResultPane div.ajxpNodeProvider -{ - cursor: pointer; - background-color: transparent !important; -} - -#search_results img.thumbnail_iconlike_shadow { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47); -} - -#search_results div.thumbnail_selectable_cell.detailed{ - border-radius: 6px; - width:45%; - margin: 0 1% !important; - padding-top: 0; - padding-bottom: 10px; - overflow: hidden; - height: 71px; -} - -#search_results div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata { - /*opacity: 1;*/ -} - -#search_results div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell { - margin-right: 7px; - padding-bottom: 9px; -} - -#search_results div.thumbnail_selectable_cell.detailed.selected-focus div.thumbnail_cell_metadata, -#search_results div.thumbnail_selectable_cell.detailed:hover div.thumbnail_cell_metadata -{ - opacity: 1; -} - -#search_results div.thumbnail_selectable_cell div.overlay_icon_div{ - display: none !important; -} - -#search_results span.metadata_chunk.metadata_chunk_standard, -#search_results span.metadata_chunk.metadata_chunk_standard span.text_label -{ - display: block; -} -#search_results span.metadata_chunk span.icon-angle-right{ - display:none; -} -#search_results span.metadata_chunk.metadata_chunk_standard.metadata_chunk_mimestring_id{ - display: none; -} -#search_results span.metadata_chunk span.text_label{ - padding-left: 0; - color: #666; -} - - -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed{ - padding: 2px 12px; -} - -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell img{ - width: 16px !important; - height: 16px !important; - margin-top: 4px !important; -} - -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell{ - margin: 0; - padding: 1px 7px 6px 6px; - height: 22px !important; -} - -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{ - display: none; -} - -div.class-FetchedResultPane.display_metadata div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{ - display: inherit; -} - -#search_results div.ajxpNodeProvider:hover -{ - background-color: rgb(249, 249, 249) !important; -} - -div.class-FetchedResultPane div.ajxpNodeProvider.selected-focus, -#search_results div.ajxpNodeProvider.selected-focus -{ - background-color: #fb725c !important; -} - -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel{ - font-size: 13px; - padding-top: 4px; -} - -#search_results div.thumbnail_selectable_cell.detailed div.thumbLabel{ - font-size: 17px; - padding-top: 11px; - color: #333; -} - -#topPane div.thumbnail_selectable_cell.detailed div.thumbLabel{ - color: #ccc; -} - -#topPane div.thumbnail_selectable_cell.detailed.selected.selected-focus div.thumbLabel{ - color: #fff; -} - -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_label, -#search_results div.thumbnail_selectable_cell.detailed span.text_label{ - padding-top: 0; -} - -#topPane div.no-results-found{ - padding: 0 24px; - font-size: 12px; - font-style: italic; - color: #ccc; -} -#no-results-found { - text-align: center; - margin-top: 10%; + span.search_advanced_direct_access{ + display: block; + opacity: 0; + position: absolute; + bottom: 1px; + right: 5px; + font-size: 9px; + cursor: default; + transition: opacity ease 0.5s; + } + + &.search_active{ + div#search_form input{ + width: 100%; + background: #fff; + border: 0; + text-align: left; + padding-right: 0; + font-size: @searchform_input_font_active; + font-family: @fontBold; + } + div#search_form a{ + font-size: @searchform_icon_font_active; + top: 17px; + right: 16px; + } + span.search_advanced_direct_access{ + display: block; + opacity: 1; + cursor: pointer; + } + } + + #search_panel{ + overflow: visible; + } + + #search_form { + padding-right: 4px; + height: 33px; + overflow: visible; + input{ + float: right !important; + margin: 0; + height: 58px; + background: #f5f5f5; + font-size: @searchform_input_font_closed; + color: @searchform_input_color; + padding-left: 5px; + width: 80px; + border: 0 #f5f5f5; + text-align: right; + padding-right: 30px; + transition:border-color 0.5s ease, width 0.5s ease; + border-radius: 0; + + } + a{ + display: inline-block; + width: 18px; + cursor: pointer; + font-size: @searchform_icon_font_closed; + padding-top: 0; + color: @searchform_icon_color; + position: absolute; + right: 13px; + top: 21px; + transition: font-size ease 0.5s, top ease 0.5s, right ease 0.5s; + &.disabled { + display: none; + } + img{ + margin-top: 2px; + vertical-align: top; + display: none; + } + } + } + + #search_results_cont{ + display: none; + position: absolute; + z-index: 1010; + background-color: @searchresult_mainbackground; + text-align: left; + box-shadow: @searchresult_box_shadow; + + span.results_string{ + display: none; + } + + div#search_show_all{ + text-align: center; + font-size: 12px; + color: #747474; + font-style: italic; + display: inline-block; + margin-left: 10px; + a{ + text-decoration: underline; + color: #393939; + cursor: pointer; + } + } + + .search_label.open{ + display: none; + padding: 2px; + height: 20px; + } + + .search_label.close{ + display: block; + font-size: 30px; + padding: 15px 10px 17px; + } + + .close_results.icon-remove-sign { + position: absolute; + display: inline-block; + right: 13px; + cursor: pointer; + font-size: 1.4em; + color: #999; + top: 9px; + z-index: 10; + } + + #basic_search{ + padding: 8px; + min-height: 27px; + span#search_meta_options{ + display: none; + } + + span.toggle_button.open,span.toggle_button.close{ + background-color: white; + border-radius: 20px; + padding: 3px 11px; + font-size: 0.8em; + cursor: pointer; + } + + span.toggle_button.close{ + display: none; + } + + &.toggle_open span.toggle_button.close, + span.toggle_button.open + { + background: #666; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + color: white; + } + + &.toggle_open span.toggle_button.open + { + box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3); + padding: 4px 10px 2px 12px; + } + + } + + #search_results{ + + div.panelHeader{ + display: none; + } + + .flexbox &{ + display: -webkit-flex !important; + display: flex !important; + } + + margin-left: 0; + width: 100%; + &.fl-displayMode-detail div.scroller_track { + top: 42px; + } + + div[data-groupByValue]{ + clear: left; + overflow: hidden; + margin-bottom: 10px; + &:first-child{ + margin-top: 10px; + } + } + + h3 { + font-size: 20px; + margin: 10px 13px 10px 14px; + color: rgb(81, 81, 81); + border-bottom: 1px solid rgb(116, 116, 116); + padding: 5px 0; + } + + div#element_overlay { + background-color: rgba(255, 255, 255, 0.2); + opacity: 1; + img{ + width: 20px; + margin-top: 16px !important; + } + } + + div.thumbnail_selectable_cell.detailed{ + border-radius: 6px; + width:45%; + margin: 0 1% !important; + padding-top: 0; + padding-bottom: 10px; + overflow: hidden; + height: 71px; + div.thumbnail_cell_metadata { + /*opacity: 1;*/ + } + span.text_label{ + padding-top: 0; + } + + div.thumbnail_selectable_cell { + margin-right: 7px; + padding-bottom: 9px; + div.overlay_icon_div{ + display: none !important; + } + div.thumbLabel{ + font-size: 17px; + padding-top: 11px; + color: #333; + } + } + + &.selected-focus div.thumbnail_cell_metadata, + &:hover div.thumbnail_cell_metadata + { + opacity: 1; + } + } + + span.metadata_chunk{ + + &.metadata_chunk_standard, + &.metadata_chunk_standard span.text_label + { + display: block; + } + span.icon-angle-right{ + display:none; + } + span.text_label{ + padding-left: 0; + color: #666; + } + &.metadata_chunk_standard.metadata_chunk_mimestring_id{ + display: none; + } + + } + + div.ajxpNodeProvider:hover + { + background-color: rgb(249, 249, 249) !important; + } + + } + + #search_meta { + + font-size: @searchmeta_main_font_size; + background-color: @searchmeta_mainbackground; + color: @searchmeta_main_font_color; + + padding: 0; + float: left; + width: 0; + overflow: hidden; + margin-left: 0; + transition: width 1s ease, margin-left 1s ease; + margin-top: -62px; + position: relative; + & > div{ + width: @searchmeta_panel_width; + } + &.toggle_open{ + margin-left: -@searchmeta_panel_width; + width: @searchmeta_panel_width; + span.search_label.open{ + display: none; + } + } + + #refresh_search_button{ + cursor: pointer; + font-size: 0.8em; + float: right; + } + + input.c3, span.c3 { + margin-left: 0; + margin-right: 0; + border: 1px solid rgba(63, 63, 63, 1); + background-color: #ffffff; + padding: 4px 3px; + width: 90% !important; + border-radius: 3px; + } + + select.select_meta_selector { + margin-left: 0; + width: 93%; + height: 26px; + } + + input.c3:disabled{ + opacity: 0.35; + } + + span.c3{ + cursor: pointer; + } + + span#ajxp_folder.c3 { + color: #333; + padding: 4px 21px; + } + input.c3:focus{ + background-color: white; + } + + #modiftime_fixed_radio span.c3{ + border-right-width: 0 !important; + padding: 4px 3px; + font-size: 0.8em; + } + + div#modiftime_fixed_radio { + margin-top: 16px; + color: #333; + } + + #modiftime_fixed_radio span.c3:last-of-type{ + border-right-width: 1px !important; + } + span.c3.selected{ + background-color: rgb(138, 149, 160) !important; + color: white; + } + + span.c4 { + display: inline-block; + width: 30% !important; + text-align: right; + padding-right: 2%; + } + + span.c6 { + display: block; + width: 30%; + text-align: right; + clear: left; + float: left; + padding-right: 2%; + } + + span.c4, + span.c6 + { + display: block; + width: 100% !important; + text-align: left; + line-height: 17px; + padding-top: 2px; + } + + div.advanced_search_section span[class^="icon-"], + div.advanced_search_section span[class*=" icon-"]{ + display: none; + } + + + &.toggle_open #basic_search{ + border-bottom: 1px solid rgb(143, 162, 182); + } + + &_detailed { + padding:5px 5px 10px; + line-height: 28px; + overflow: hidden; + } + + div.advanced_search_section{ + padding: 5px 5px 15px 17px; + line-height: 29px; + display: none; + } + + div.advanced_search_section.visible{ + display: block; + } + + div.advanced_search_section_title { + font-size: 1.3em; + padding: 8px 8px 9px 10px; + margin: 0; + letter-spacing: 1px; + display: block; + clear: left; + font-weight: lighter; + } + + div.advanced_search_section_title{ + border-left: 0; + } + + div.advanced_search_section_title span.icon-circle{ + display: none; + } + + span.search_meta_opt { + cursor: pointer; + } + span.search_meta_opt > span{ + display: none; + } + + span.search_meta_opt.checked > span { + display: inline; + } + } + } } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/selectablelist.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/selectablelist.less index 7c90570f34..10e901602e 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/selectablelist.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/selectablelist.less @@ -10,13 +10,21 @@ table.sort-table tr:nth-child(even) float: left; text-align: center; margin: 4px; - background-color: rgb(250, 250, 250); -moz-border-radius : 2px; border-radius: 2px; padding: 4px 6px; color: #666; } +/* GROUPS HEADER - TO BE CONTEXTUALIZED */ +tr h3 { + padding: 5px 10px 10px; + font-size: 1.8em; + margin: 10px 0 -7px; + border-bottom: 1px solid #999; +} + + .fl-displayMode-thumb div.thumbnail_selectable_cell{ margin: 1px; background-color: #f9f9f9; @@ -50,7 +58,6 @@ table.sort-table tr:nth-child(even) .thumbnail_selectable_cell.detailed {; margin: 0 0 !important; margin-bottom: 2px; - background-color: #ffffff; width: 100%; display: block;; height: auto; @@ -195,6 +202,10 @@ div.class-FetchedResultPane div.overlay_icon_div { font-size: 13px; } +div.class-FetchedResultPane > div.panelHeader{ + display: none; +} + span.overlay-class-span{ color: rgb(111,123,136); margin-left: 5px; @@ -233,6 +244,49 @@ span.overlay-class-span{ margin-left: 5px; } +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed{ + padding: 2px 12px; +} + +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell img{ + width: 16px !important; + height: 16px !important; + margin-top: 4px !important; +} + +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell{ + margin: 0; + padding: 1px 7px 6px 6px; + height: 22px !important; +} + +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{ + display: none; +} + +div.class-FetchedResultPane.display_metadata div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata{ + display: inherit; +} + + +div.class-FetchedResultPane div.ajxpNodeProvider.selected-focus{ + background-color: #fb725c !important; +} + +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel{ + font-size: 13px; + padding-top: 4px; +} + +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_label{ + padding-top: 0; +} + +#no-results-found { + text-align: center; + margin-top: 10%; +} + /********************************/ /* HEADER RESIZER WIDGET @@ -337,10 +391,23 @@ div.fl-showFilterPane div.sort-table-filter { display: block !important; } +div[ajxpClass="FilesList"].paginated div.scroller_track{ + top: 30px; +} + div.fl-displayMode-list.fl-showFilterPane div.scroller_track { top: 50px !important; } +div.fl-displayMode-list div.scroller_track { + top: 26px; +} + +div.fl-displayMode-list.paginated div.scroller_track { + top: 56px; +} + + .sort-table { font-size: 10px; @@ -379,14 +446,14 @@ div.fl-displayMode-list.fl-showFilterPane div.scroller_track { .sort-table thead td.descending { background-color: #daddd7; - background-image: url("../images/arrow_up_margin.png"); + background-image: url("@{imagePath}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-image: url("@{imagePath}arrow_down_margin.png"); background-repeat : no-repeat; background-position : right center; } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/slider.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/slider.less index 9ac849ebc5..f0c530992f 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/slider.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/slider.less @@ -1,21 +1,25 @@ /********************************/ /* SLIDER*/ /*********************************/ +@slider_background_color:#ebedf0; +@slider_box_shadow:1px 1px 4px rgba(0,0,0,0.75); .slider-pane{ - background-color: #ebedf0; + + background-color: @slider_background_color; padding: 5px 2px; position:absolute; width:11px; z-index:10000; border-radius: 2px; - box-shadow: 1px 1px 4px rgba(0,0,0,0.75); + box-shadow: @slider_box_shadow; + } .slider-handle, .slider-pane div.selected { - background-image: url("../images/slider-handle-vert.png") !important; + background-image: url('@{imagePath}slider-handle-vert.png') !important; background-position:top center; background-repeat: no-repeat !important; background-color: transparent !important; @@ -24,7 +28,7 @@ } .slider-tracker { - background-image : url("../images/slider-track-bottom.png"); + background-image : url("@{imagePath}slider-track-bottom.png"); background-position:bottom center; background-repeat:no-repeat; } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/splitter.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/splitter.less index f8d602909f..8996f40b4d 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/splitter.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/splitter.less @@ -1,36 +1,22 @@ +@splitter_activebar_color: #474E50; + #vertical_splitter{ overflow: hidden; -} - -#vertical_splitter > div{ - top:0; -} - -#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; + > div{ + top:0; + } } .vsplitbar { width: 3px; z-index: 1014; -} -.vsplitbar:hover -{ - background: #474E50 no-repeat center; -} -.vsplitbar.active -{ - background-color: #474E50; + &:hover{ + background: @splitter_activebar_color no-repeat center; + } + &.active{ + background-color: @splitter_activebar_color; + } } .hsplitbar.folded, .vsplitbar.folded{ opacity: 0; @@ -39,14 +25,11 @@ .hsplitbar{ height: 4px; - /*background-color: #eee;*/ - background-image: url(../images/hgrabber.gif); + background-image: url('@{imagePath}hgrabber.gif'); background-repeat: no-repeat; background-position: center; z-index: 1014; -} -.hsplitbar.active -{ - background-color: #474E50; -} - + &.active{ + background-color: @splitter_activebar_color; + } +} \ No newline at end of file diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/tooltips.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/tooltips.less index db3bc785a0..650ffa9a95 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/tooltips.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/tooltips.less @@ -1,41 +1,37 @@ -/***********************/ -/* TOOLTIPS */ -/***********************/ +@tooltip_background_color:rgba(69, 77, 85, 0.86); +@tooltip_border_color:rgba(0,0,0,0); +@tooltip_font_color:@white; +@tooltip_font_size:13px; +@tooltip_title_font_size:1.1em; + .tooltipped { background-color: #ffffc0; } - - -.simple_tooltip_observer { - cursor: help; -} - -.simple_tooltip_observer_active{ - /*text-decoration: underline;*/ -} - -.simple_tooltip_title{ - padding-top: 2px; - padding-bottom: 1px; - text-transform: uppercase; - font-weight: bold; - font-size: 1.1em; -} .simple_tooltip { position: absolute; width: 150px; z-index: 10000; - font-size: 13px; - letter-spacing: 1px; + font-size: @tooltip_font_size; padding: 5px 10px; + &_observer { + cursor: help; + } + &_title{ + padding-top: 2px; + padding-bottom: 1px; + text-transform: uppercase; + font-weight: bold; + font-size: @tooltip_title_font_size; + } } + .down_arrow_tip, .top_arrow_tip { - background: rgba(69, 77, 85, 0.86); - color: white; + background: @tooltip_background_color; + color: @tooltip_font_color; border: 0; border-radius: 2px; } @@ -47,11 +43,8 @@ width: 0; position: absolute; pointer-events: none; -} - -.down_arrow_tip:after { - border-color: rgba(69, 77, 85, 0); - border-top-color: rgba(69, 77, 85, 0.86); + border-color: @tooltip_border_color; + border-top-color: @tooltip_background_color; border-width: 5px; left: 50%; margin-left: -5px; @@ -72,7 +65,7 @@ .top_arrow_tip:after { border-color: rgba(111, 123, 136, 0); - border-bottom-color: rgb(111, 123, 136); + border-bottom-color: @tooltip_background_color; border-width: 5px; left: 50%; margin-left: -5px; @@ -83,9 +76,9 @@ } .right_arrow_tip { - color: #ffffff; + color: @tooltip_font_color; border-radius: 4px; - background-color: rgba(69, 77, 85, 0.86); + background-color: @tooltip_background_color; border: 0; } .right_arrow_tip:after, .right_arrow_tip:before { @@ -99,24 +92,24 @@ } .right_arrow_tip:after { - border-color: rgba(69, 77, 85, 0); - border-left-color: rgba(69, 77, 85, 0.86); + border-color: @tooltip_border_color; + border-left-color: @tooltip_background_color; border-width: 5px; top: 50%; margin-top: -5px; } .right_arrow_tip:before { - border-color: rgba(69, 77, 85, 0); - border-left-color: rgba(69, 77, 85, 0.86); + border-color: @tooltip_border_color; + border-left-color: @tooltip_background_color; border-width: 5px; top: 50%; margin-top: -5px; } .left_arrow_tip { - color: #ffffff; + color: @tooltip_font_color; border-radius: 4px; - background-color: rgba(69, 77, 85, 0.86); + background-color: @tooltip_background_color; border: 0; } .left_arrow_tip:after, .left_arrow_tip:before { @@ -130,8 +123,8 @@ } .left_arrow_tip:before { - border-color: rgba(69, 77, 85, 0); - border-right-color: rgba(69, 77, 85, 0.86); + border-color: @tooltip_border_color; + border-right-color: @tooltip_background_color; border-width: 5px; top: 50%; left:-10px; diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/uploaders.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/uploaders.less index 08410d6217..b1639a364c 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/uploaders.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/uploaders.less @@ -107,9 +107,9 @@ div#upload_files_list div, div#multiple_download_container div padding-left: 14px; position: relative; font-size: 13px; - background-image: url('../images/dl_bg.png'); + background-image: url('@{imagePath}/dl_bg.png'); background-repeat: no-repeat; - background-size: 0% 100%; + background-size: 0 100%; border-bottom: 1px solid rgb(227, 229, 233); color: #5C5C5C; } @@ -184,8 +184,8 @@ div#upload_files_list span.item_relative_path{ cursor: pointer; } #fileInputContainer input { - moz-opacity: 0; opacity: 0; + -moz-opacity: 0; position: absolute; font-size: 60px; /* causes it to fill the containing div */ top: 0; diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/userwidget.css b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/userwidget.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/userwidget.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/userwidget.less index dbcb5458f8..2a4e2af1fe 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/userwidget.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/userwidget.less @@ -1,59 +1,51 @@ +@userwidget_font_color: @white; +@userwidget_font_size:12px; #logging_string { - color:#fff; - font-size:11px; + color:@userwidget_font_color; float: right; margin-top: 12px; + div.inlineBarButtonLeft { + display:none; + } + i { + font-style: normal; + font-weight: normal; + letter-spacing: 1px; + img { + border-radius: 22px; + cursor: pointer; + float: right; + font-style: normal; + margin-left: 10px; + margin-top: -12px; + } + } + &.disabled { + display:none; + } + + .user_widget_label { + cursor: pointer; + float: left; + font-size: @userwidget_font_size; + letter-spacing: 1px; + padding: 3px 10px 7px 7px; + } + .user_widget_label.withImage { + padding:0; + position: relative; + i { + display: inline-block; + font-size: @userwidget_font_size; + font-weight: bold; + padding: 3px 0 0 8px; + img { + } + } + } + img.user_widget_mini { + height: 39px; + vertical-align: middle; + } } - -#logging_string.disabled{ - display:none; -} - -#logging_string div.inlineBarButtonLeft{ - display:none; -} - -#logging_string i -{ - font-style: normal; - font-weight: normal; - letter-spacing: 1px; -} -#logging_string i img -{ - font-style: normal; - cursor: pointer; - margin-top: -12px; - float: right; - margin-left: 10px; - border-radius: 22px; -} -.user_widget_label{ - float: left; - padding: 3px 10px 7px 7px; - cursor: pointer; - font-size: 12px; - letter-spacing: 1px; -} - -.user_widget_label.withImage{ - position: relative; - padding:0; -} - -.user_widget_label.withImage i{ - font-weight: bold; - display: inline-block; - padding: 3px 0 0 8px; - font-size: 12px; -} - -.user_widget_label.withImage i img{ -} - -img.user_widget_mini{ - vertical-align: middle; - height: 39px; -} - diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.css b/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.css index 4d42b13ce6..d204885fa6 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.css +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.css @@ -103,6 +103,20 @@ span#alerts_number { #AjxpConnexion-loader img { height: 6px; } +.kbd { + padding: .1em .6em; + border: 1px solid #ccc; + font-size: 11px; + font-family: Arial, sans-serif; + background-color: #f7f7f7; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; + border-radius: 3px; + display: inline-block; + margin: 0 .1em; + text-shadow: 0 1px 0 #fff; + line-height: 1.4; + white-space: nowrap; +} kbd { padding: .1em .6em; border: 1px solid #ccc; @@ -230,11 +244,17 @@ table.sort-table tr:nth-child(even) { float: left; text-align: center; margin: 4px; - background-color: #fafafa; border-radius: 2px; padding: 4px 6px; color: #666; } +/* GROUPS HEADER - TO BE CONTEXTUALIZED */ +tr h3 { + padding: 5px 10px 10px; + font-size: 1.8em; + margin: 10px 0 -7px; + border-bottom: 1px solid #999; +} .fl-displayMode-thumb div.thumbnail_selectable_cell { margin: 1px; background-color: #f9f9f9; @@ -263,7 +283,6 @@ table.sort-table tr:nth-child(even) { .thumbnail_selectable_cell.detailed { margin: 0 0 !important; margin-bottom: 2px; - background-color: #ffffff; width: 100%; display: block; height: auto; @@ -379,6 +398,9 @@ div.class-FetchedResultPane div.overlay_icon_div { top: 16px!important; font-size: 13px; } +div.class-FetchedResultPane > div.panelHeader { + display: none; +} span.overlay-class-span { color: #6f7b88; margin-left: 5px; @@ -408,6 +430,39 @@ span.overlay-class-span { margin-right: 2px; margin-left: 5px; } +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed { + padding: 2px 12px; +} +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell img { + width: 16px !important; + height: 16px !important; + margin-top: 4px !important; +} +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell { + margin: 0; + padding: 1px 7px 6px 6px; + height: 22px !important; +} +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata { + display: none; +} +div.class-FetchedResultPane.display_metadata div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata { + display: inherit; +} +div.class-FetchedResultPane div.ajxpNodeProvider.selected-focus { + background-color: #fb725c !important; +} +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel { + font-size: 13px; + padding-top: 4px; +} +div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_label { + padding-top: 0; +} +#no-results-found { + text-align: center; + margin-top: 10%; +} /********************************/ /* HEADER RESIZER WIDGET /******************************/ @@ -491,9 +546,18 @@ div.sort-table-filter { div.fl-showFilterPane div.sort-table-filter { display: block !important; } +div[ajxpClass="FilesList"].paginated div.scroller_track { + top: 30px; +} div.fl-displayMode-list.fl-showFilterPane div.scroller_track { top: 50px !important; } +div.fl-displayMode-list div.scroller_track { + top: 26px; +} +div.fl-displayMode-list.paginated div.scroller_track { + top: 56px; +} .sort-table { font-size: 10px; } @@ -608,202 +672,199 @@ DIALOG BOXES div.shadow_class { border-radius: 5px; } -.dialogContent input[type="text"], -.dialogContent input[type="password"], -.dialogContent select, -#search_txt, -#treeCopy { - background-color: #ffffff; -} -.dialogBox, -.editBox { +.dialogBox { + border-radius: 0; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); display: none; - position: absolute; - top: 30%; - left: 30%; - z-index: 1018; font-size: 11px; - padding: 0; - border-radius: 0px; + left: 30%; min-width: 420px; -} -.editBox { - top: 5%; - left: 5%; padding: 0; - margin: 0; + position: absolute; + top: 30%; + z-index: 1018; + /*** + Dialog inside dialog + /***/ } -.dialogTitle { +.dialogBox .dialogTitle { + background-color: #6b6b6b; + border-radius: 0 0 0 0; + color: #ffffff; cursor: move; font-size: 15px !important; + padding: 11px 4px 13px 10px; } -.dialogTitle span.ajxp_icon_span, -.dialogTitle span#modalCloseBtn { +.dialogBox .dialogTitle span.ajxp_icon_span { display: inline-block; font-size: 15px; padding-right: 8px; padding-top: 2px; } -div.dialogTitle .ajxp_icon_span { - display: none; -} -.dialogTitle span#modalCloseBtn { - font-size: 14px; +.dialogBox .dialogTitle span#modalCloseBtn { + color: #ffffff; + display: inline-block; + font-size: 15px; margin-top: 0; - color: #FFFFFF; padding: 7px 12px; } -.dialogTitle span.string-only-title { - font-size: 16px; +.dialogBox .dialogTitle span.string-only-title { display: inline-block; + font-size: 16px; padding-top: 3px; } -.dialogContent { - background-color: #ffffff; - padding: 10px 10px; - border-radius: 0 0 0px 0px; - /* background-image: url('../images/grid_tl.png'); */ - border-top: 0; - color: #5C5C5C; -} -.dialogContent input, -.dialogContent input[type="text"], -.dialogContent input[type="password"], -.dialogContent select, -#search_txt { - margin-left: 0; - border: 1px solid #aaa; - background-repeat: no-repeat; - background-position: top left; - height: 24px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; +.dialogBox .dialogTitle .ajxp_icon_span { + display: none; } -.dialogContent select { - height: 30px !important; +.dialogBox .dialogLegend { font-size: 13px; - width: 97%; -} -.dialogContent select[multiple] { - height: 66px !important; -} -.dialogContent input:focus, -.dialogContent input[type="text"]:focus, -.dialogContent input[type="password"]:focus, -.dialogContent select:focus { - /* background: white; - border: 1px solid #77b8e2; - */ -} -.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: 0; - border: none; - -webkit-filter: none; - filter: none; - background: none; - margin-right: 0; -} -.dialogLegend { - padding: 5px; line-height: 16px; - font-size: 13px; + padding: 5px; } -.dialogButtons { - text-align: right; +.dialogBox .dialogButtons { clear: both; + text-align: right; } -.dialogButtons input, -fieldSet input.dialogButton { - margin-left: 3px; - width: 32px; +.dialogBox .dialogButtons .dialogButton { + background-color: transparent; + border: 0; height: 32px; + margin-left: 3px; padding: 2px 0; + width: 32px; +} +.dialogBox .dialogButtons .dialogButton:focus { background-color: transparent; border: 0; } -.dialogButtons input:focus, -fieldSet input.dialogButton:focus { - border: 0; +.dialogBox .dialogButtons fieldSet input.dialogButton { background-color: transparent; + border: 0; + height: 32px; + margin-left: 3px; + padding: 2px 0; + width: 32px; } -.dialogButtons.inlineEdition input { - margin-left: 6px; - width: 22px; - height: 22px; - padding: 0; - box-shadow: none; +.dialogBox .dialogButtons fieldSet input.dialogButton:focus { + background-color: transparent; + border: 0; } -.dialogButtonsCheckbox { +.dialogBox .dialogButtons .dialogButtonsCheckbox { float: left; margin-top: 9px; } -.dialogBox, -div.dialogBox.css_boxshadow { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +.dialogBox .dialogButtons .dialogButtonsCheckbox label { + cursor: pointer; } -div.dialogBox div.dialogBox.css_boxshadow { - border-radius: 4px !important; - border: 0; - width: 96%; - left: 10px; - min-width: 400px; - top: 19%; - background-color: white; +.dialogBox .dialogButtons.inlineEdition input { + box-shadow: none; + height: 22px; + margin-left: 6px; + padding: 0; + width: 22px; } -.no-flexbox div#mailer_message { - width: 380px !important; +.dialogBox div.dialogContentMainTitle { + border-bottom: 1px solid #75808b; + color: #75808b; + font-size: 20px; + margin-bottom: 10px; + padding-bottom: 0; } -div.dialogBox div.dialogBox.css_boxshadow > div { - background-color: transparent; +.dialogBox .dialogArrow { + font-size: 16px; + font-weight: bold; } -.dialogButtonsCheckbox label { - cursor: pointer; +.dialogBox .dialogContent { + background-color: #ffffff; + border-radius: 0; + border-top: 0; + color: #5C5C5C; + padding: 10px 10px; } -.dialogContent form, -.editContent form { +.dialogBox .dialogContent form { display: inline; margin: 0; } -div.dialogContentMainTitle { - color: #75808b; - font-size: 20px; - margin-bottom: 10px; - border-bottom: 1px solid #75808b; - padding-bottom: 0; +.dialogBox .dialogContent input[type="text"] { + border-radius: 2px; + background: #ffffff; + border: 1px solid #aaaaaa; + height: 24px; + margin-left: 0; } -.dialogButton { - border-bottom: 1px solid buttonshadow; - border-right: 1px solid buttonshadow; - border-top: 1px solid #fff; - border-left: 1px solid #fff; - padding: 1px 8px; - margin-top: 5px; +.dialogBox .dialogContent input[type="text"]:disabled { + background: #eeeeee; } -.dialogArrow { - font-weight: bold; - font-size: 16px; +.dialogBox .dialogContent input[type="password"] { + border-radius: 2px; + background-color: #ffffff; + border: 1px solid #aaaaaa; + height: 24px; + margin-left: 0; } -div.dialogBox.form-diaporama_box div.dialogContent { - background-color: #555555; +.dialogBox .dialogContent input[type="password"]:disabled { + background: #eeeeee; +} +.dialogBox .dialogContent select { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + background-color: #ffffff; + border-radius: 2px; + border: 1px solid #aaaaaa; + font-size: 13px; + height: 24px; + margin-left: 0; + width: 97%; +} +.dialogBox .dialogContent input { + border-radius: 2px; + border: 1px solid #aaaaaa; + height: 24px; + margin-left: 0; +} +.dialogBox .dialogContent input:disabled { + background: #eeeeee; +} +.dialogBox .dialogContent select[multiple] { + height: 66px !important; +} +.dialogBox .dialogContent option:disabled { + background: #eeeeee; +} +.dialogBox .dialogContent textarea:disabled { + background: #eeeeee; +} +.dialogBox .dialogContent input[type="checkbox"] { + background: none; + border-radius: 0; + border: none; + -webkit-filter: none; + filter: none; + height: auto; + margin-right: 0; + width: auto; +} +.dialogBox .dialogContent input[type="radio"] { + background: none; + border-radius: 0; + border: none; + -webkit-filter: none; + filter: none; + height: auto; + margin-right: 0; + width: auto; +} +.dialogBox div.dialogBox.css_boxshadow { + background-color: white; + border-radius: 4px !important; border: 0; - background-image: none; + left: 10px; + min-width: 400px; + top: 19%; + width: 96%; } -.dialogTitle { - border-radius: 0 0 0 0; - background-color: #6b6b6b; - color: #FFF; - padding: 11px 4px 13px 10px; +.dialogBox div.dialogBox.css_boxshadow > div { + background-color: transparent; } #activity_monitor_warning { box-shadow: none; @@ -841,15 +902,15 @@ div.dialogBox.form-diaporama_box div.dialogContent { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .messageBox.errorMessage { - color: #960000 !important; - background-color: #f2c1c1; + color: #960000; + background-color: #e5b0b0; } .messageBox.errorMessage > div#message_content::before { content: '\f071'; } .messageBox.logMessage { color: #009600; - background-color: #c2ecc2; + background-color: #b0e5b0; } .messageBox.logMessage > div#message_content::before { content: '\f058'; @@ -872,18 +933,19 @@ div.dialogBox.form-diaporama_box div.dialogContent { margin-top: 2px; float: left; } -/***********************/ -/* TOOLTIPS */ -/***********************/ .tooltipped { background-color: #ffffc0; } +.simple_tooltip { + position: absolute; + width: 150px; + z-index: 10000; + font-size: 13px; + padding: 5px 10px; +} .simple_tooltip_observer { cursor: help; } -.simple_tooltip_observer_active { - /*text-decoration: underline;*/ -} .simple_tooltip_title { padding-top: 2px; padding-bottom: 1px; @@ -891,18 +953,10 @@ div.dialogBox.form-diaporama_box div.dialogContent { font-weight: bold; font-size: 1.1em; } -.simple_tooltip { - position: absolute; - width: 150px; - z-index: 10000; - font-size: 13px; - letter-spacing: 1px; - padding: 5px 10px; -} .down_arrow_tip, .top_arrow_tip { background: rgba(69, 77, 85, 0.86); - color: white; + color: #ffffff; border: 0; border-radius: 2px; } @@ -914,9 +968,7 @@ div.dialogBox.form-diaporama_box div.dialogContent { width: 0; position: absolute; pointer-events: none; -} -.down_arrow_tip:after { - border-color: rgba(69, 77, 85, 0); + border-color: rgba(0, 0, 0, 0); border-top-color: rgba(69, 77, 85, 0.86); border-width: 5px; left: 50%; @@ -936,7 +988,7 @@ div.dialogBox.form-diaporama_box div.dialogContent { } .top_arrow_tip:after { border-color: rgba(111, 123, 136, 0); - border-bottom-color: #6f7b88; + border-bottom-color: rgba(69, 77, 85, 0.86); border-width: 5px; left: 50%; margin-left: -5px; @@ -961,14 +1013,14 @@ div.dialogBox.form-diaporama_box div.dialogContent { pointer-events: none; } .right_arrow_tip:after { - border-color: rgba(69, 77, 85, 0); + border-color: rgba(0, 0, 0, 0); border-left-color: rgba(69, 77, 85, 0.86); border-width: 5px; top: 50%; margin-top: -5px; } .right_arrow_tip:before { - border-color: rgba(69, 77, 85, 0); + border-color: rgba(0, 0, 0, 0); border-left-color: rgba(69, 77, 85, 0.86); border-width: 5px; top: 50%; @@ -991,21 +1043,18 @@ div.dialogBox.form-diaporama_box div.dialogContent { pointer-events: none; } .left_arrow_tip:before { - border-color: rgba(69, 77, 85, 0); + border-color: rgba(0, 0, 0, 0); border-right-color: rgba(69, 77, 85, 0.86); border-width: 5px; top: 50%; left: -10px; margin-top: -5px; } -/*********************/ -/* ACCORDION CONTENT */ -/*********************/ div.accordion_toggle { color: #75808b; border-bottom: 1px solid #75808b; cursor: pointer; - background: url('../../images/Tplus.png') no-repeat; + background: url('../images/Tplus.png') no-repeat; background-position-x: -6px; background-position-y: -3px; padding-left: 15px; @@ -1016,7 +1065,7 @@ div.accordion_toggle { border-bottom: 0; } div.accordion_toggle_active { - background-image: url('../../images/Tminus.png'); + background-image: url('../images/Tminus.png'); } div.accordion_content { overflow: hidden; @@ -1447,16 +1496,16 @@ a.carousel-control { border-left: 1px solid #c4c7c1; border-right: 1px solid #c4c7c1; border-bottom: 1px solid #c4c7c1; + background-color: #fff; display: block; float: left; font-size: 10px; height: 51px; padding-top: 0; text-align: center; + cursor: pointer; width: 8px!important; margin: 0 !important; - cursor: pointer; - background-color: #fff; } a.carousel-disabled { background-color: transparent; @@ -1554,9 +1603,9 @@ div#multiple_download_container div { padding-left: 14px; position: relative; font-size: 13px; - background-image: url('../images/dl_bg.png'); + background-image: url('../images//dl_bg.png'); background-repeat: no-repeat; - background-size: 0% 100%; + background-size: 0 100%; border-bottom: 1px solid #e3e5e9; color: #5C5C5C; } @@ -1618,8 +1667,8 @@ div#upload_files_list span.item_relative_path { cursor: pointer; } #fileInputContainer input { - moz-opacity: 0; opacity: 0; + -moz-opacity: 0; position: absolute; font-size: 60px; /* causes it to fill the containing div */ @@ -1720,7 +1769,7 @@ div#upload_files_list span.item_relative_path { } .slider-handle, .slider-pane div.selected { - background-image: url("../images/slider-handle-vert.png") !important; + background-image: url('../images/slider-handle-vert.png') !important; background-position: top center; background-repeat: no-repeat !important; background-color: transparent !important; @@ -1780,17 +1829,7 @@ div#upload_files_list span.item_relative_path { margin: 2px 5px 2px 0; } .action_bar a.separator { - border-left: 1px solid #cccccc; - 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: 0; + display: none; } .action_bar a.disabled { -moz-opacity: 1; @@ -1961,19 +2000,6 @@ div.editor_header > span.header_label { text-shadow: 1px 1px 5px black; width: 100%; } -div.separator { - border-left: 1px solid #cccccc; - 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: 0; -} div.FL-inlineToolbar { text-align: left; } @@ -2084,22 +2110,6 @@ div.detailed div.FL-inlineToolbar div.toolbarGroup { vertical-align: middle; background-color: transparent; letter-spacing: 1px; - /* Old browsers */ - /* FF3.6+ */ - /* Chrome,Safari4+ */ - /* Chrome10+,Safari5.1+ */ - /* Opera 11.10+ */ - /* IE10+ */ - /* W3C */ - /* IE6-9 */ - /* Old browsers */ - /* FF3.6+ */ - /* Chrome,Safari4+ */ - /* Chrome10+,Safari5.1+ */ - /* Opera 11.10+ */ - /* IE10+ */ - /* W3C */ - /* IE6-9 */ } .panelHeader.panelHeaderWithIcon { position: relative; @@ -2113,14 +2123,10 @@ div.detailed div.FL-inlineToolbar div.toolbarGroup { cursor: pointer; } #logging_string { - color: #fff; - font-size: 11px; + color: #ffffff; float: right; margin-top: 12px; } -#logging_string.disabled { - display: none; -} #logging_string div.inlineBarButtonLeft { display: none; } @@ -2130,45 +2136,45 @@ div.detailed div.FL-inlineToolbar div.toolbarGroup { letter-spacing: 1px; } #logging_string i img { - font-style: normal; + border-radius: 22px; cursor: pointer; - margin-top: -12px; float: right; + font-style: normal; margin-left: 10px; - border-radius: 22px; + margin-top: -12px; } -.user_widget_label { - float: left; - padding: 3px 10px 7px 7px; +#logging_string.disabled { + display: none; +} +#logging_string .user_widget_label { cursor: pointer; + float: left; font-size: 12px; letter-spacing: 1px; + padding: 3px 10px 7px 7px; } -.user_widget_label.withImage { - position: relative; +#logging_string .user_widget_label.withImage { padding: 0; + position: relative; } -.user_widget_label.withImage i { - font-weight: bold; +#logging_string .user_widget_label.withImage i { display: inline-block; - padding: 3px 0 0 8px; font-size: 12px; + font-weight: bold; + padding: 3px 0 0 8px; } -img.user_widget_mini { - vertical-align: middle; +#logging_string img.user_widget_mini { height: 39px; + vertical-align: middle; } .droppableZone, .thumbnail_selectable_cell.detailed.droppableZone { background-color: #c3d9ff !important; } -#topPane div.droppableZone { - background-color: rgba(255, 255, 255, 0.2) !important; -} div.multiple_selection_draggable { display: block; color: #000; - background-color: #fff; + background-color: #ffffff; padding: 5px; border: 1px solid #c3d9ff; font-size: 12px; @@ -2177,13 +2183,7 @@ div.multiple_selection_draggable { border-radius: 3px; } div.selection_ctrl_key { - background: url('../../images/0.gif') no-repeat bottom right; -} -#search_panel { - overflow: visible; -} -#search_div { - /* width: 100%;*/ + background: url('../images/0.gif') no-repeat bottom right; } #search_container { float: right; @@ -2192,38 +2192,45 @@ div.selection_ctrl_key { position: relative; z-index: 1015; } -#search_form { - padding-right: 4px; - height: 33px; - overflow: visible; -} -#search_form a { - display: inline-block; - width: 18px; - cursor: pointer; - font-size: 1em; - padding-top: 0; - color: #555; +#search_container span.search_advanced_direct_access { + display: block; + opacity: 0; position: absolute; - right: 13px; - top: 21px; - -webkit-transition: font-size ease 0.5s, top ease 0.5s, right ease 0.5s; - transition: font-size ease 0.5s, top ease 0.5s, right ease 0.5s; + bottom: 1px; + right: 5px; + font-size: 9px; + cursor: default; + -webkit-transition: opacity ease 0.5s; + transition: opacity ease 0.5s; +} +#search_container.search_active div#search_form input { + width: 100%; + background: #fff; + border: 0; + text-align: left; + padding-right: 0; + font-size: 40px; + font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #search_container.search_active div#search_form a { font-size: 1.6em; top: 17px; right: 16px; } -#search_form a.disabled { - display: none; +#search_container.search_active span.search_advanced_direct_access { + display: block; + opacity: 1; + cursor: pointer; } -#search_form a img { - margin-top: 2px; - vertical-align: top; - display: none; +#search_container #search_panel { + overflow: visible; +} +#search_container #search_form { + padding-right: 4px; + height: 33px; + overflow: visible; } -#search_form input { +#search_container #search_form input { float: right !important; margin: 0; height: 58px; @@ -2239,407 +2246,323 @@ div.selection_ctrl_key { transition: border-color 0.5s ease, width 0.5s ease; border-radius: 0; } -#search_container.search_active div#search_form input { - width: 100%; - background: #fff; - border: 0; - text-align: left; - padding-right: 0; - font-size: 40px; - font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; +#search_container #search_form a { + display: inline-block; + width: 18px; + cursor: pointer; + font-size: 1em; + padding-top: 0; + color: #555555; + position: absolute; + right: 13px; + top: 21px; + -webkit-transition: font-size ease 0.5s, top ease 0.5s, right ease 0.5s; + transition: font-size ease 0.5s, top ease 0.5s, right ease 0.5s; } -#search_container span.search_advanced_direct_access { - display: block; - opacity: 0; +#search_container #search_form a.disabled { + display: none; +} +#search_container #search_form a img { + margin-top: 2px; + vertical-align: top; + display: none; +} +#search_container #search_results_cont { + display: none; position: absolute; - bottom: 1px; - right: 5px; - font-size: 9px; - cursor: default; - -webkit-transition: opacity ease 0.5s; - transition: opacity ease 0.5s; + z-index: 1010; + background-color: #efefef; + text-align: left; + box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2); } -#search_container.search_active span.search_advanced_direct_access { - display: block; - opacity: 1; - cursor: pointer; +#search_container #search_results_cont span.results_string { + display: none; } -#search_meta { +#search_container #search_results_cont div#search_show_all { + text-align: center; font-size: 12px; - padding: 0; - background-color: rgba(63, 63, 63, 0.96); - float: left; - width: 0; - overflow: hidden; - margin-left: 0; - -webkit-transition: width 1s ease, margin-left 1s ease; - transition: width 1s ease, margin-left 1s ease; - margin-top: -62px; - position: relative; + color: #747474; + font-style: italic; + display: inline-block; + margin-left: 10px; +} +#search_container #search_results_cont div#search_show_all a { + text-decoration: underline; + color: #393939; + cursor: pointer; } -#search_meta > div { - width: 280px; +#search_container #search_results_cont .search_label.open { + display: none; + padding: 2px; + height: 20px; } -#search_meta.toggle_open { - margin-left: -280px; - width: 280px; +#search_container #search_results_cont .search_label.close { + display: block; + font-size: 30px; + padding: 15px 10px 17px; } -div.meta_toggle_button { +#search_container #search_results_cont .close_results.icon-remove-sign { + position: absolute; display: inline-block; - padding: 1px 20px; - background-color: #fff; - border-radius: 30px; - margin: 10px 10px 0; + right: 13px; cursor: pointer; - color: #555; -} -#search_meta input.c3, -#search_meta span.c3 { - margin-left: 0; - margin-right: 0; - border: 1px solid #3f3f3f; - background-color: #ffffff; - padding: 4px 3px; - width: 90% !important; - border-radius: 3px; + font-size: 1.4em; + color: #999; + top: 9px; + z-index: 10; } -#search_meta select.select_meta_selector { - margin-left: 0; - width: 93%; - height: 26px; +#search_container #search_results_cont #basic_search { + padding: 8px; + min-height: 27px; } -#search_meta input.c3:disabled { - opacity: 0.35; +#search_container #search_results_cont #basic_search span#search_meta_options { + display: none; } -#search_meta span.c3 { +#search_container #search_results_cont #basic_search span.toggle_button.open, +#search_container #search_results_cont #basic_search span.toggle_button.close { + background-color: white; + border-radius: 20px; + padding: 3px 11px; + font-size: 0.8em; cursor: pointer; } -span#ajxp_folder.c3 { - color: #333; - padding: 4px 21px; +#search_container #search_results_cont #basic_search span.toggle_button.close { + display: none; } -#search_meta input.c3:focus { - background-color: white; +#search_container #search_results_cont #basic_search.toggle_open span.toggle_button.close, +#search_container #search_results_cont #basic_search span.toggle_button.open { + background: #666; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + color: white; } -#modiftime_fixed_radio span.c3 { - border-right-width: 0 !important; - padding: 4px 2px; - font-size: 10px; +#search_container #search_results_cont #basic_search.toggle_open span.toggle_button.open { + box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3); + padding: 4px 10px 2px 12px; } -div#modiftime_fixed_radio { - margin-top: 16px; - color: #333; +#search_container #search_results_cont #search_results { + margin-left: 0; + width: 100%; } -#modiftime_fixed_radio span.c3:last-of-type { - border-right-width: 1px !important; +#search_container #search_results_cont #search_results div.panelHeader { + display: none; } -#search_meta span.c3.selected { - background-color: #8a95a0 !important; - color: white; +.flexbox #search_container #search_results_cont #search_results { + display: -webkit-flex !important; + display: -webkit-box !important; + display: flex !important; } -#search_meta span.c4 { - display: inline-block; - width: 30% !important; - text-align: right; - padding-right: 2%; +#search_container #search_results_cont #search_results.fl-displayMode-detail div.scroller_track { + top: 42px; } -#search_meta span.c6 { - display: block; - width: 30%; - text-align: right; +#search_container #search_results_cont #search_results div[data-groupByValue] { clear: left; - float: left; - padding-right: 2%; + overflow: hidden; + margin-bottom: 10px; } -#search_meta span.c4, -#search_meta span.c6 { - display: block; - width: 100% !important; - text-align: left; - line-height: 17px; - padding-top: 2px; +#search_container #search_results_cont #search_results div[data-groupByValue]:first-child { + margin-top: 10px; } -#search_meta div.advanced_search_section span[class^="icon-"], -#search_meta div.advanced_search_section span[class*=" icon-"] { - display: none; +#search_container #search_results_cont #search_results h3 { + font-size: 20px; + margin: 10px 13px 10px 14px; + color: #515151; + border-bottom: 1px solid #747474; + padding: 5px 0; } -#basic_search { - padding: 8px; - min-height: 27px; +#search_container #search_results_cont #search_results div#element_overlay { + background-color: rgba(255, 255, 255, 0.2); + opacity: 1; } -#search_meta.toggle_open #basic_search { - border-bottom: 1px solid #8fa2b6; +#search_container #search_results_cont #search_results div#element_overlay img { + width: 20px; + margin-top: 16px !important; } -#search_meta_detailed { - padding: 5px 5px 10px; - line-height: 28px; +#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed { + border-radius: 6px; + width: 45%; + margin: 0 1% !important; + padding-top: 0; + padding-bottom: 10px; overflow: hidden; - color: #eeeeee; -} -#search_meta span.toggle_button { - float: right; - display: inline-block; - padding: 2px 5px; - border-radius: 3px; - background-color: #4dc5c3; - cursor: pointer; - color: white; -} -#search_meta span.toggle_button.close, -#search_meta.toggle_open span.toggle_button.open, -#search_meta.toggle_open span#search_meta_options { - display: none; -} -.search_label.open { - display: none; - padding: 2px; - height: 20px; + height: 71px; } -.search_label.close { - display: block; - font-size: 30px; - padding: 15px 10px 17px; +#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata { + /*opacity: 1;*/ } -#refresh_search_button { - cursor: pointer; - font-size: 0.8em; - float: right; +#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed span.text_label { + padding-top: 0; } -#search_meta div.advanced_search_section_title { - font-size: 19px; - padding: 8px 8px 9px 10px; +#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell { + margin-right: 7px; + padding-bottom: 9px; } -.toggle_open span.search_label.open { - display: none; +#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell div.overlay_icon_div { + display: none !important; } -span.toggle_button.open, -span.toggle_button.close { - background-color: white; - border-radius: 20px; - padding: 3px 11px; - font-size: 0.8em; - cursor: pointer; +#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell div.thumbLabel { + font-size: 17px; + padding-top: 11px; + color: #333; } -div#search_container div#search_results.fl-displayMode-detail div.scroller_track { - top: 42px; +#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed.selected-focus div.thumbnail_cell_metadata, +#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed:hover div.thumbnail_cell_metadata { + opacity: 1; } -span.toggle_button.open > span, -span.toggle_button.close > span { - /*display: none;*/ +#search_container #search_results_cont #search_results span.metadata_chunk.metadata_chunk_standard, +#search_container #search_results_cont #search_results span.metadata_chunk.metadata_chunk_standard span.text_label { + display: block; } -span.toggle_button.close { +#search_container #search_results_cont #search_results span.metadata_chunk span.icon-angle-right { display: none; } -.toggle_open span.toggle_button.close, -span.toggle_button.open { - background: #666; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); - color: white; -} -.toggle_open span.toggle_button.open { - box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3); - padding: 4px 10px 2px 12px; +#search_container #search_results_cont #search_results span.metadata_chunk span.text_label { + padding-left: 0; + color: #666; } -span#search_meta_options { +#search_container #search_results_cont #search_results span.metadata_chunk.metadata_chunk_standard.metadata_chunk_mimestring_id { display: none; } -#search_meta div.advanced_search_section { - padding: 5px 5px 15px 17px; - line-height: 29px; - display: none; +#search_container #search_results_cont #search_results div.ajxpNodeProvider:hover { + background-color: #f9f9f9 !important; } -#search_meta div.advanced_search_section.visible { - display: block; +#search_container #search_results_cont #search_meta { + font-size: 12px; + background-color: rgba(63, 63, 63, 0.96); + color: #eeeeee; + padding: 0; + float: left; + width: 0; + overflow: hidden; + margin-left: 0; + -webkit-transition: width 1s ease, margin-left 1s ease; + transition: width 1s ease, margin-left 1s ease; + margin-top: -62px; + position: relative; } -.searchScore { - float: right; - color: #CCC; - font-size: 10px; - font-style: italic; +#search_container #search_results_cont #search_meta > div { + width: 250px; } -span.search_meta_opt { - cursor: pointer; +#search_container #search_results_cont #search_meta.toggle_open { + margin-left: -250px; + width: 250px; } -span.search_meta_opt > span { +#search_container #search_results_cont #search_meta.toggle_open span.search_label.open { display: none; } -span.search_meta_opt.checked > span { - display: inline; -} -#search_results_cont { - display: none; - position: absolute; - z-index: 1010; - background-color: #eeeeee; - text-align: left; - box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2); +#search_container #search_results_cont #search_meta #refresh_search_button { + cursor: pointer; + font-size: 0.8em; + float: right; } -#search_results { +#search_container #search_results_cont #search_meta input.c3, +#search_container #search_results_cont #search_meta span.c3 { margin-left: 0; - width: 100%; + margin-right: 0; + border: 1px solid #3f3f3f; + background-color: #ffffff; + padding: 4px 3px; + width: 90% !important; + border-radius: 3px; } -.flexbox div#search_results { - display: -webkit-flex !important; - display: -webkit-box !important; - display: flex !important; +#search_container #search_results_cont #search_meta select.select_meta_selector { + margin-left: 0; + width: 93%; + height: 26px; } -#search_results_cont span.results_string { - display: none; +#search_container #search_results_cont #search_meta input.c3:disabled { + opacity: 0.35; } -.close_results.icon-remove-sign { - position: absolute; - display: inline-block; - right: 13px; +#search_container #search_results_cont #search_meta span.c3 { cursor: pointer; - font-size: 1.4em; - color: #999; - top: 9px; - z-index: 10; } -#search_results div[data-groupByValue] { - clear: left; - overflow: hidden; - margin-bottom: 10px; +#search_container #search_results_cont #search_meta span#ajxp_folder.c3 { + color: #333; + padding: 4px 21px; } -#search_results div[data-groupByValue]:first-child { - margin-top: 10px; +#search_container #search_results_cont #search_meta input.c3:focus { + background-color: white; } -#search_results h3 { - font-size: 20px; - margin: 10px 13px 10px 14px; - color: #515151; - border-bottom: 1px solid #747474; - padding: 5px 0; +#search_container #search_results_cont #search_meta #modiftime_fixed_radio span.c3 { + border-right-width: 0 !important; + padding: 4px 3px; + font-size: 0.8em; } -#search_results div#element_overlay { - background-color: rgba(255, 255, 255, 0.2); - opacity: 1; +#search_container #search_results_cont #search_meta div#modiftime_fixed_radio { + margin-top: 16px; + color: #333; } -#search_results div#element_overlay img { - width: 20px; - margin-top: 16px !important; +#search_container #search_results_cont #search_meta #modiftime_fixed_radio span.c3:last-of-type { + border-right-width: 1px !important; } -#search_results_cont div#search_show_all { - text-align: center; - font-size: 12px; - color: #747474; - font-style: italic; - display: inline-block; - margin-left: 10px; +#search_container #search_results_cont #search_meta span.c3.selected { + background-color: #8a95a0 !important; + color: white; } -#search_results_cont div#search_show_all a { - text-decoration: underline; - color: #393939; - cursor: pointer; +#search_container #search_results_cont #search_meta span.c4 { + display: inline-block; + width: 30% !important; + text-align: right; + padding-right: 2%; } -tr h3 { - padding: 5px 10px 10px; - font-size: 1.8em; - margin: 10px 0 -7px; - border-bottom: 1px solid #999; +#search_container #search_results_cont #search_meta span.c6 { + display: block; + width: 30%; + text-align: right; + clear: left; + float: left; + padding-right: 2%; } -div.class-FetchedResultPane { - background-color: transparent; +#search_container #search_results_cont #search_meta span.c4, +#search_container #search_results_cont #search_meta span.c6 { + display: block; + width: 100% !important; + text-align: left; + line-height: 17px; + padding-top: 2px; } -#search_results div.ajxpNodeProvider, -div.class-FetchedResultPane div.ajxpNodeProvider { - cursor: pointer; - background-color: transparent !important; +#search_container #search_results_cont #search_meta div.advanced_search_section span[class^="icon-"], +#search_container #search_results_cont #search_meta div.advanced_search_section span[class*=" icon-"] { + display: none; } -#search_results img.thumbnail_iconlike_shadow { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47); +#search_container #search_results_cont #search_meta.toggle_open #basic_search { + border-bottom: 1px solid #8fa2b6; } -#search_results div.thumbnail_selectable_cell.detailed { - border-radius: 6px; - width: 45%; - margin: 0 1% !important; - padding-top: 0; - padding-bottom: 10px; +#search_container #search_results_cont #search_meta_detailed { + padding: 5px 5px 10px; + line-height: 28px; overflow: hidden; - height: 71px; } -#search_results div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata { - /*opacity: 1;*/ -} -#search_results div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell { - margin-right: 7px; - padding-bottom: 9px; -} -#search_results div.thumbnail_selectable_cell.detailed.selected-focus div.thumbnail_cell_metadata, -#search_results div.thumbnail_selectable_cell.detailed:hover div.thumbnail_cell_metadata { - opacity: 1; +#search_container #search_results_cont #search_meta div.advanced_search_section { + padding: 5px 5px 15px 17px; + line-height: 29px; + display: none; } -#search_results div.thumbnail_selectable_cell div.overlay_icon_div { - display: none !important; +#search_container #search_results_cont #search_meta div.advanced_search_section.visible { + display: block; } -#search_results span.metadata_chunk.metadata_chunk_standard, -#search_results span.metadata_chunk.metadata_chunk_standard span.text_label { +#search_container #search_results_cont #search_meta div.advanced_search_section_title { + font-size: 1.3em; + padding: 8px 8px 9px 10px; + margin: 0; + letter-spacing: 1px; display: block; + clear: left; + font-weight: lighter; } -#search_results span.metadata_chunk span.icon-angle-right { - display: none; +#search_container #search_results_cont #search_meta div.advanced_search_section_title { + border-left: 0; } -#search_results span.metadata_chunk.metadata_chunk_standard.metadata_chunk_mimestring_id { +#search_container #search_results_cont #search_meta div.advanced_search_section_title span.icon-circle { display: none; } -#search_results span.metadata_chunk span.text_label { - padding-left: 0; - color: #666; -} -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed { - padding: 2px 12px; -} -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell img { - width: 16px !important; - height: 16px !important; - margin-top: 4px !important; -} -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell { - margin: 0; - padding: 1px 7px 6px 6px; - height: 22px !important; +#search_container #search_results_cont #search_meta span.search_meta_opt { + cursor: pointer; } -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata { +#search_container #search_results_cont #search_meta span.search_meta_opt > span { display: none; } -div.class-FetchedResultPane.display_metadata div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata { - display: inherit; -} -#search_results div.ajxpNodeProvider:hover { - background-color: #f9f9f9 !important; -} -div.class-FetchedResultPane div.ajxpNodeProvider.selected-focus, -#search_results div.ajxpNodeProvider.selected-focus { - background-color: #fb725c !important; -} -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel { - font-size: 13px; - padding-top: 4px; -} -#search_results div.thumbnail_selectable_cell.detailed div.thumbLabel { - font-size: 17px; - padding-top: 11px; - color: #333; -} -#topPane div.thumbnail_selectable_cell.detailed div.thumbLabel { - color: #ccc; -} -#topPane div.thumbnail_selectable_cell.detailed.selected.selected-focus div.thumbLabel { - color: #fff; -} -div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_label, -#search_results div.thumbnail_selectable_cell.detailed span.text_label { - padding-top: 0; -} -#topPane div.no-results-found { - padding: 0 24px; - font-size: 12px; - font-style: italic; - color: #ccc; -} -#no-results-found { - text-align: center; - margin-top: 10%; +#search_container #search_results_cont #search_meta span.search_meta_opt.checked > span { + display: inline; } #vertical_splitter { overflow: hidden; @@ -2647,15 +2570,6 @@ div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_lab #vertical_splitter > div { top: 0; } -#sidebar_splitter { - overflow: auto; - width: 200px; - background-color: #D2DFE9; - box-shadow: #999999 1px 1px 5px inset; -} -.splitterContentPane { - border: 1px solid #676965; -} .vsplitbar { width: 3px; z-index: 1014; @@ -2664,7 +2578,7 @@ div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_lab background: #474e50 no-repeat center; } .vsplitbar.active { - background-color: #474E50; + background-color: #474e50; } .hsplitbar.folded, .vsplitbar.folded { @@ -2673,14 +2587,13 @@ div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_lab } .hsplitbar { height: 4px; - /*background-color: #eee;*/ - background-image: url(../images/hgrabber.gif); + background-image: url('../images/hgrabber.gif'); background-repeat: no-repeat; background-position: center; z-index: 1014; } .hsplitbar.active { - background-color: #474E50; + background-color: #474e50; } /*******************************/ /* CREDIT SPLASH SCREEN @@ -2690,25 +2603,24 @@ div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_lab font-weight: bold; } #docDiv div.subtitle { - color: #5E7C90; + color: #5e7c90; font-size: 25px; } #docDiv a { - color: #39C0BE !important; + color: #39c0be !important; text-decoration: underline; } .backgroundPanel { position: absolute; bottom: -1px; padding: 4px 7px 6px 7px; - color: #fff; + color: #ffffff; background-color: rgba(119, 184, 226, 0.62); z-index: 10000; border-radius: 3px 3px 0 0; width: 25%; margin-left: 40%; text-align: center; - letter-spacing: 1px; border: 1px solid rgba(119, 184, 226, 0.62); } div.tabbed_editor div.innerTitle { @@ -2951,7 +2863,7 @@ div.horizontal_tabulator > div > div.horizontal_tabulator div.tabulatorContainer border-radius: 0; color: white; padding-left: 1em; - width: 201px; + width: 171px; } .breadcrumbs-one li:first-child span::after { border-left-color: #222222; @@ -3044,7 +2956,7 @@ div.horizontal_tabulator > div > div.horizontal_tabulator div.tabulatorContainer padding: 20px 15px 20px 1em; -webkit-transition: none; transition: none; - width: 201px; + width: 171px; } .breadcrumbs-one span.reduced.first-bread em { visibility: visible; @@ -3104,10 +3016,10 @@ span.first-bread em { top: 30%; left: 40%; position: absolute; + min-width: 305px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23); - min-width: 305px; } #progressBox div.dialogTitle { display: none; @@ -3344,6 +3256,13 @@ textarea#myCode { #ajxp_link_form img { display: none; } +div.dialogBox.form-diaporama_box div.dialogContent { + background-color: #555555; + border: 0; +} +.no-flexbox div#mailer_message { + width: 380px !important; +} .toolbarGroup { display: inline-block; } @@ -3498,26 +3417,46 @@ div#navigation_toolbar { #upload_button { border-radius: 0 2px 2px 0; } -#topPane { - width: 280px; - background-color: rgba(50, 50, 50, 0.93); -} -.no-flexbox div#topPane { +#repo_chooser { + background-color: #222; float: left; + font-size: 15px; + color: #ffffff; + font-weight: normal; + letter-spacing: 1px; + margin-top: 0; + cursor: pointer; + padding: 21px 15px 21px 15px; + border-right: 2px solid #333; + height: 20px; } -.no-flexbox div#cpane_container { - position: absolute; - left: 280px; +#repo_chooser:hover { + background-color: #fb725c; + color: white; } -#tree_container { - overflow-x: hidden !important; +#repo_chooser.disabled { + display: none; +} +#repo_chooser span.icon-sitemap { + font-size: 1.0em; + padding-right: 5px; + padding-top: 5px; + display: inline-block; +} +#repo_chooser span.ws-label { + display: inline-block; + padding-top: 0; + line-height: 20px; +} +#repo_chooser span.icon-caret-down { + display: inline-block; + padding-left: 3px; } #browser { clear: left; - /*background-color: #f5f5f5;*/ line-height: 18px; } -.flexbox div#browser { +.flexbox #browser { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; @@ -3526,39 +3465,17 @@ div#navigation_toolbar { align-items: stretch; -webkit-align-items: stretch; } -#content_pane { - background-color: #fff; -} -#content_pane div.panelHeader, -#search_results div.panelHeader, -div.class-FetchedResultPane > div.panelHeader { - display: none; -} -#topPane { - border: 0 !important; -} -#navigation_pane div.thumbnail_selectable_cell.detailed > div.thumbnail_selectable_cell { - display: none; -} -#navigation_pane div.thumbnail_selectable_cell.detailed div.thumbLabel { - padding-top: 7px; - padding-bottom: 7px; +#browser #topPane { + width: 250px; + background-color: rgba(50, 50, 50, 0.93); } -#navigation_pane div.thumbnail_selectable_cell.detailed div.thumbLabel:before { - content: "\f114"; - font-size: 1.3em; - font-family: FontAwesome; - padding: 13px 13px; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - -webkit-font-smoothing: antialiased; +.no-flexbox #browser #topPane { + float: left; } -#navigation_pane div.thumbnail_selectable_cell.detailed.ajxpNodeLeaf div.thumbLabel:before { - content: "\f016"; +#browser #topPane #tree_container { + overflow-x: hidden !important; } -#topPane h3, -#search_meta div.advanced_search_section_title { +#browser #topPane h3 { font-size: 16px; padding: 16px 8px 15px 17px; margin: 0; @@ -3567,10 +3484,7 @@ div.class-FetchedResultPane > div.panelHeader { clear: left; font-weight: lighter; } -#topPane div.scrolling h3 { - padding-right: 16px; -} -#topPane h3 small { +#browser #topPane h3 small { cursor: pointer; display: none; float: right; @@ -3583,88 +3497,86 @@ div.class-FetchedResultPane > div.panelHeader { font-size: 0.7em; margin-left: 3px; } -#topPane h3:hover small, -#topPane h3 small.simple-toggler-show { +#browser #topPane h3:hover small, +#browser #topPane h3 small.simple-toggler-show { display: inline-block; } -#topPane span.expand_label_hide, -#topPane small.expand_button_hide span.expand_label_show { +#browser #topPane h3 span.expand_label_hide, +#browser #topPane h3 small.expand_button_hide span.expand_label_show { display: none; } -#topPane small.expand_button_hide span.expand_label_hide { +#browser #topPane h3 small.expand_button_hide span.expand_label_hide { display: inline; } -#search_meta div.advanced_search_section_title { - border-left: 0; -} -#search_meta div.advanced_search_section_title span.icon-circle { - display: none; +#browser #topPane div.scrolling h3 { + padding-right: 16px; } -#repo_chooser { - background-color: #222; - float: left; - font-size: 15px; - color: #ffffff; - font-weight: normal; - letter-spacing: 1px; - margin-top: 0; - cursor: pointer; - padding: 21px 15px 21px 15px; - border-right: 2px solid #333; - height: 20px; +#browser #topPane div.droppableZone { + background-color: rgba(255, 255, 255, 0.2) !important; } -#repo_chooser:hover { - background-color: #fb725c; - color: white; +#browser #topPane div.thumbnail_selectable_cell.detailed:hover { + background-color: rgba(255, 255, 255, 0.15); } -#repo_chooser.disabled { - display: none; +#browser #topPane div.thumbnail_selectable_cell.detailed div.thumbLabel { + color: #ccc; } -#repo_chooser span.icon-sitemap { - font-size: 1.0em; - padding-right: 5px; - padding-top: 5px; - display: inline-block; +#browser #topPane div.thumbnail_selectable_cell.detailed.selected.selected-focus div.thumbLabel { + color: #fff; } -#repo_chooser span.ws-label { - display: inline-block; - padding-top: 0; - line-height: 20px; +#browser #topPane div.no-results-found { + padding: 0 24px; + font-size: 12px; + font-style: italic; + color: #ccc; } -#repo_chooser span.icon-caret-down { - display: inline-block; - padding-left: 3px; +#browser #topPane div.thumbnail_selectable_cell.detailed > div.thumbnail_selectable_cell { + display: none; } -#sidebar_splitter div.panelHeader, -#search_panel div.panelHeader { - color: #555; +#browser #topPane div.thumbnail_selectable_cell.detailed div.thumbLabel { + padding-top: 7px; + padding-bottom: 7px; } -div[ajxpClass="FilesList"].paginated div.scroller_track { - top: 30px; +#browser #topPane div.thumbnail_selectable_cell.detailed div.thumbLabel:before { + content: "\f114"; + font-size: 1.3em; + font-family: FontAwesome; + padding: 13px 13px; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; } -div.fl-displayMode-list div.scroller_track { - top: 26px; +#browser #topPane div.thumbnail_selectable_cell.detailed.ajxpNodeLeaf div.thumbLabel:before { + content: "\f016"; } -div.fl-displayMode-list.paginated div.scroller_track { - top: 56px; +.no-flexbox #browser #cpane_container { + position: absolute; + left: 250px; } -#cpane_tabs > div.tabulatorContainer { +#browser #cpane_container #cpane_tabs > div.tabulatorContainer { border-bottom: 0; /*transition: height 0.5s ease;*/ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); background-color: #f7f7f7; } -#cpane_tabs[data-ajxptabscount="1"] > div.tabulatorContainer { +#browser #cpane_container #cpane_tabs[data-ajxptabscount="1"] > div.tabulatorContainer { height: 0; } +#browser #cpane_container #cpane_tabs #content_pane { + background-color: #fff; +} +#browser #cpane_container #cpane_tabs #content_pane div.panelHeader { + display: none; +} +.menu.desktop a#action_instance_share-file-minisite.enabled:hover, +.menu.desktop a#action_instance_share-folder-minisite-public.enabled:hover, +.menu.desktop a#action_instance_share-edit-shared.enabled:hover { + background-color: #4aCEB0; +} #action_instance_user_create_repository { font-size: 14px; line-height: 21px; } -#cpane_header { - padding-bottom: 4px; - height: 19px; -} #content_pane div.thumbnail_selectable_cell.detailed div.thumbLabel, .table_rows_container span#ajxp_label { font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; @@ -4370,282 +4282,226 @@ div.menu { top: 0; left: 0; border-radius: 2px; - opacity: 0.97; box-shadow: 1px 1px 4px rgba(100, 100, 100, 0.7); + opacity: 0.97; } -div.menu a { +div.menu ul, +div.menu li { + margin: 0; + padding: 0; + list-style: none; + overflow-x: hidden; +} +div.menu li { + list-style-position: outside; +} +div.menu li a { display: block; text-decoration: none; cursor: default; outline: none; - font-size: 13px; + font-size: 12px; +} +div.menu li .menuTitle { + display: none; } -.menu .separator { +div.menu li.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; +div.menu .menuActions { + position: absolute; + right: 0; + top: 1px; + text-align: right; + padding-right: 3px !important; + margin-top: 5px !important; } -.menu li { - list-style-position: outside; +div.menu .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; +} +div.menu .menuActions a:hover { + filter: alpha(opacity=100); + opacity: 1.0; + -moz-opacity: 1.0; +} +div.menu .menuActions.moreActions { + margin-top: 0 !important; + z-index: 1; +} +div.menu .menuActions.moreActions span { + color: #ffffff; + cursor: pointer; + width: 16px; + display: inline-block; + text-align: left; + font-size: 1.2em; + text-shadow: 1px 1px 1px #676767; +} +div.menu .menuActions img { + display: none; +} +div.menu .menuActions.icon-caret-right { + padding-top: 4px; + color: #666; } -.menu.desktop { +div.menu.desktop { width: 15em; - padding: 0; - padding-bottom: 1px; + padding: 0 0 1px; letter-spacing: 1px; background-color: #ffffff; } -.menu.desktop.toolbarmenu { - background: #fff; - padding-bottom: 0; - width: auto; - /* IE */ - width: expression("150px"); - border-radius: 4px; - min-width: 15em; -} -.menu.desktop.toolbarmenu img { - width: 16px; - height: 16px; -} -.menu.desktop.textual { - width: 7em; +div.menu.desktop span.ajxp_icon_span { + font-size: 1.1em; + padding-right: 10px; + color: #222222; + opacity: 0.3; } -.menu.desktop.textual img { - margin-right: 6px; +div.menu.desktop .invertSelection { + background-color: rgba(107, 107, 107, 0.87); + color: #ffffff !important; } -.menu.desktop ul, -.menu.desktop li { - margin: 0; - padding: 0; +div.menu.desktop .invertSelection span.ajxp_icon_span { + color: #ffffff; + opacity: 1; } -.menu.desktop li { +div.menu.desktop li { padding: 0; overflow-y: hidden; - color: #7b8691; -} -.menu.desktop.toolbarmenu li { - height: auto; - padding-top: 0; - padding-bottom: 0; - color: white; -} -.rootDirChooser li.menuTitle { - color: #fff; - padding: 13px 8px 15px; - text-align: left; - font-size: 22px; - letter-spacing: 1px; - text-transform: uppercase; -} -.menu li.menuTitle { - display: none; -} -.menu.rootDirChooser li.menuTitle { - display: block; } -.menu.desktop.panelHeaderMenu li.menuTitle { - display: block; - font-size: 12px; - color: #555555; - border-bottom: 1px solid #AAAAAA; - padding: 11px 7px; - text-align: left; - background-color: rgba(227, 227, 227, 0.2); -} -.menu.desktop li.separator { +div.menu.desktop li.separator { padding: 0; height: 0; + border-bottom: 1px solid #eeeeee; + margin: 0 10px; + line-height: 1px !important; } -.menu.desktop a img { - margin-right: 9px; - margin-top: -5px; -} -.menu.desktop span.ajxp_icon_span { - font-size: 1.1em; - padding-right: 10px; - color: #555; - opacity: 0.2; +div.menu.desktop li.menuAnchorSelected a { + background-color: rgba(107, 107, 107, 0.87); + color: #ffffff !important; } -.menu.desktop a:hover span.ajxp_icon_span, -.menu.desktop li.menuAnchorSelected span.ajxp_icon_span { - color: white; +div.menu.desktop li.menuAnchorSelected a span.ajxp_icon_span { + color: #ffffff; opacity: 1; } -.menu.desktop a { - color: #222; +div.menu.desktop li a { + color: #222222; padding: 9px 12px 10px; margin: 0; font-size: 12px; - line-height: 20px; + line-height: 1.7em; } -.menu.desktop a u { +div.menu.desktop li a u { text-decoration: none; display: inline-block; border: 1px solid white; border-radius: 3px; } -.menu.desktop a.menu_item_default { +div.menu.desktop li a img { + margin-right: 9px; + margin-top: -5px; +} +div.menu.desktop li a.menu_item_default { font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } -.menu.desktop a.menu_item_default span.ajxp_icon_span { +div.menu.desktop li a.menu_item_default span.ajxp_icon_span { opacity: 0.8; } -.menu.desktop a:hover u, -.menu.desktop li.menuAnchorSelected u { - padding: .1em .2em; +div.menu.desktop li a.disabled { + opacity: 0.25; + filter: alpha(opacity=25); + zoom: 1; +} +div.menu.desktop li a.enabled:hover { + background-color: rgba(107, 107, 107, 0.87); + color: #ffffff !important; +} +div.menu.desktop li a.enabled:hover span.ajxp_icon_span { + color: #ffffff; + opacity: 1; +} +div.menu.desktop li a.enabled:hover u { + padding: .1em .6em; border: 1px solid #ccc; font-size: 11px; + font-family: Arial, sans-serif; background-color: #f7f7f7; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; border-radius: 3px; display: inline-block; - margin: 1px; - text-shadow: 0 1px 0#fff; + margin: 0 .1em; + text-shadow: 0 1px 0 #fff; line-height: 1.4; white-space: nowrap; - color: #222; -} -.menu.desktop.toolbarmenu a img { - margin-right: 6px; -} -.menu.desktop.toolbarmenu a { - color: #333; - padding: 10px 20px 8px 8px; - margin: 0; - font-size: 13px; + padding: 2px; + color: #222222; } -.menu.desktop a.disabled { - opacity: 0.25; - filter: alpha(opacity=25); - zoom: 1; +div.menu.desktop.toolbarmenu { + padding-bottom: 0; + width: auto; + /* IE */ + width: expression("150px"); + min-width: 15em; } -.menu.desktop li.separator { - border-bottom: 1px solid #eeeeee; - margin: 0 10px; - line-height: 1px !important; +div.menu.desktop.toolbarmenu li { + height: auto; } -.menu.desktop.toolbarmenu li.separator { +div.menu.desktop.toolbarmenu li.separator { border-bottom: 1px solid #eeeeee; } -.bookmarksMenu li.separator { - border-bottom: 1px solid #fff; - margin: 0 1px; - line-height: 1px !important; - padding: 0; - height: 1px !important; -} -/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */ -.menu.desktop a.enabled:hover { - background-color: rgba(107, 107, 107, 0.87); - color: #fff; -} -.menu.desktop li.menuAnchorSelected a { - background-color: rgba(107, 107, 107, 0.87); - color: #fff !important; -} -.menu.desktop a#action_instance_share-file-minisite.enabled:hover, -.menu.desktop a#action_instance_share-folder-minisite-public.enabled:hover, -.menu.desktop a#action_instance_share-edit-shared.enabled:hover { - background-color: #4aCEB0; -} -.rootDirChooser { - font-size: 11px; - position: absolute; - z-index: 1500; - width: 280px !important; - /* IE */ - width: expression("280px"); - background-color: #222; - box-shadow: none !important; - -webkit-font-smoothing: antialiased; -} -.rootDirChooser span.ajxp_icon_span { - display: inline-block; - padding-right: 5px; - font-size: 1.4em; -} -.rootDirChooser img { - border: 0; +div.menu.desktop.toolbarmenu li a { + color: #222222; + padding: 10px 20px 8px 8px; + margin: 0; + font-size: 12px; } -.rootDirChooser a { - display: block; - padding: 6px 5px 5px 6px; - color: #fff; - letter-spacing: 1px; - /*height: 16px;*/ +div.menu.desktop.toolbarmenu li a img { + margin-right: 6px; + width: 16px; + height: 16px; } -.rootDirChooser a img { - margin-right: 5px; +div.menu.desktop.textual { + width: 7em; } -.rootDirChooser a.disabled IMG { - filter: alpha(opacity=30); - opacity: 0.3; - -moz-opacity: 0.3; +div.menu.desktop.textual img { + margin-right: 6px; } -.rootDirChooser span.rootDirTitle { +div.menu.desktop.panelHeaderMenu li.menuTitle { display: block; font-size: 12px; - font-weight: bold; - padding-top: 1px; - padding-left: 5px; - padding-right: 50px; - color: #ccc; - border-bottom: 0 solid #ddd; + color: #222222; + border-bottom: 1px solid #eeeeee; + padding: 11px 7px; text-align: left; - font-style: italic; -} -.rootDirChooser a:hover, -.bookmarksMenu a:hover, -.bookmarksMenu a.hovered, -.rootDirChooser a.hovered { - background-color: #FB725C; - color: #fff; -} -.rootDirChooser li.separator { - /* - border-bottom: 1px solid #fff; - margin: 1px 1px 0 1px; - line-height: 1px !important; - padding: 0; - height: 1px !important; - */ - border-top: 1px solid rgba(255, 255, 255, 0.98); - margin: 0 auto; - line-height: 1px !important; - height: 0 !important; - width: 98%; -} -.rootDirChooser li.separator.menuTitle { - height: auto !important; - line-height: 14px !important; - border-top: none; - padding-top: 7px !important; - width: 100%; + background-color: #f2f2f2; } -.menu.menuDetails a { +div.menu.menuDetails a { line-height: 17px; padding: 10px 5px; } -.menu.menuDetails span.ajxp_icon_span { - float: left; - padding: 3px 9px 23px 4px; - font-size: 18px; +div.menu.menuDetails img { + display: none; } -.menu.menuDetails span.menu_label { +div.menu.menuDetails span.menu_label { font-size: 20px; display: block; } -.menu.menuDetails span.menu_description { +div.menu.menuDetails span.ajxp_icon_span { + float: left; + padding: 3px 9px 23px 4px; + font-size: 18px; +} +div.menu.menuDetails span.menu_description { display: block; letter-spacing: 0; line-height: 16px; @@ -4653,96 +4509,118 @@ div.menu a { color: white; padding-top: 8px; } -.menu.menuDetails.workspacesMenu span.ajxp_icon_span { +div.menu.menuDetails.workspacesMenu { + border-radius: 0; +} +div.menu.menuDetails.workspacesMenu span.ajxp_icon_span { display: none; } -.menu.menuDetails.workspacesMenu span.menu_description { +div.menu.menuDetails.workspacesMenu span.menu_description { display: none; } -.menu.menuDetails.workspacesMenu span.menu_label { +div.menu.menuDetails.workspacesMenu span.menu_label { margin-top: 0; } -.menu.menuDetails.workspacesMenu li a { +div.menu.menuDetails.workspacesMenu li a { padding: 20px 10px 20px 20px; line-height: 22px; } -.menu.menuDetails.workspacesMenu li.menuTitle { +div.menu.menuDetails.workspacesMenu li.menuTitle { padding: 20px 14px 10px !important; } -.menu.menuDetails.workspacesMenu span.letter_badge { +div.menu.menuDetails.workspacesMenu span.letter_badge { margin: -6px 13px 0 5px; font-size: 1em; background-color: #000; } -.menu.menuDetails.workspacesMenu { - box-shadow: inset 0 2px 3px #000000 !important; - border-radius: 0; -} -.menu.menuDetails img { - display: none; -} -.rightAlignMenu { +div.menu.rightAlignMenu { width: 180px !important; } -.rightAlignMenu a { +div.menu.rightAlignMenu a { padding: 8px 5px 7px 20px; text-align: right; letter-spacing: 1px; } -.rightAlignMenu a img { +div.menu.rightAlignMenu a img { margin-right: 0; margin-left: 5px; float: right; } -.rightAlignMenu a img, -.rightAlignMenu span.ajxp_icon_span { +div.menu.rightAlignMenu a img, +div.menu.rightAlignMenu span.ajxp_icon_span { margin-right: 0; margin-left: 9px; display: inline-block; - font-size: 13px; float: right; margin-top: 2px; } -.menuActions { +div.menu.rootDirChooser { position: absolute; - right: 0; - top: 1px; - text-align: right; - padding-right: 3px !important; - margin-top: 5px !important; + z-index: 1500; + width: 250px !important; + /* IE */ + width: expression("250px"); + background-color: #222222; + box-shadow: none !important; + -webkit-font-smoothing: antialiased; } -.menuActions a { - width: 18px; - padding: 1px; - display: inline-block !important; +div.menu.rootDirChooser li.menuTitle { + color: #ffffff; + padding: 13px 8px 15px; + text-align: left; + font-size: 22px; + letter-spacing: 1px; + text-transform: uppercase; + display: block; +} +div.menu.rootDirChooser li.separator { + border-top: 1px solid rgba(255, 255, 255, 0.75); + margin: 0 auto; + line-height: 1px !important; + height: 0 !important; + width: 98%; +} +div.menu.rootDirChooser li.separator.menuTitle { + height: auto !important; + line-height: 14px !important; + border-top: none; + padding-top: 7px !important; + width: 100%; +} +div.menu.rootDirChooser a { + display: block; + padding: 6px 5px 5px 6px; + color: #fff; + letter-spacing: 1px; +} +div.menu.rootDirChooser a img { + margin-right: 5px; + border: 0; +} +div.menu.rootDirChooser a.disabled img { filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; - cursor: pointer !important; - height: 16px; -} -.menuActions.moreActions { - margin-top: 0 !important; - z-index: 1; } -.menuActions.moreActions span { +div.menu.rootDirChooser a:hover, +div.menu.rootDirChooser a.hovered { + background-color: #fb725c; color: #ffffff; - cursor: pointer; - width: 16px; - display: inline-block; - text-align: left; - font-size: 1.2em; - text-shadow: 1px 1px 1px #676767; -} -.menuActions a:hover { - filter: alpha(opacity=100); - opacity: 1.0; - -moz-opacity: 1.0; } -div.menuActions img { - display: none; +div.menu.rootDirChooser span.rootDirTitle { + display: block; + font-size: 12px; + font-weight: bold; + padding-top: 1px; + padding-left: 5px; + padding-right: 50px; + color: #ccc; + border-bottom: 0 solid #ddd; + text-align: left; + font-style: italic; } -.menuActions.icon-caret-right { - padding-top: 4px; - color: #666; +div.menu.rootDirChooser span.ajxp_icon_span { + display: inline-block; + padding-right: 5px; + font-size: 1.4em; } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.less index 8bcbdbae46..78f769dd0c 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.less @@ -6,9 +6,11 @@ @fontMachine:Arial, sans-serif; @fontAwesome: FontAwesome; +@imagePath: ~"../images/"; + @import "base/body"; +@import "base/layout"; -@import "components/layout"; @import "components/tree"; @import "components/selectablelist"; @import "components/dialog"; diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/dialogs.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/dialogs.less index f0fdbde6cd..448fca5971 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/dialogs.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/dialogs.less @@ -42,3 +42,15 @@ textarea#myCode #ajxp_link_form img { display: none; } + +div.dialogBox.form-diaporama_box { + div.dialogContent { + background-color: rgb(85,85,85); + border: 0; + } +} +.no-flexbox { + div#mailer_message { + width: 380px !important; + } +} diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/menus.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/menus.less index 17cf75dd3e..4d36a543f3 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/menus.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/menus.less @@ -1,3 +1,23 @@ +@menu_box_shadow:1px 1px 4px rgba(100, 100, 100, 0.7); +@menu_border_radius: 2px; + +@menu_desktop_background_color:@white; +@menu_desktop_items_color:#222222; +@menu_desktop_separator_color:#eeeeee; +@menu_desktop_hover_background_color:rgba(107, 107, 107, 0.87); +@menu_desktop_hover_color:@white; + +@menu_dark_background_color:#222222; +@menu_dark_items_color:@white; +@menu_dark_hover_background_color:#FB725C; +@menu_dark_hover_color:@white; + +@menu_font_size_standard:12px; +@menu_font_size_bigger:20px; +@menu_font_size_smaller:11px; + +@menu_rootdirchooser_width:250px; + /************************/ /* CONTEXT MENU STYLES */ /************************/ @@ -5,460 +25,362 @@ div.menu { position: absolute; top: 0; left: 0; - -moz-border-radius:5px; - border-radius: 2px; + -moz-border-radius:@menu_border_radius; + border-radius: @menu_border_radius; + box-shadow : @menu_box_shadow; opacity: 0.97; - box-shadow : 1px 1px 4px rgba(100, 100, 100, 0.7); -} -div.menu a { - display: block; - text-decoration: none; - cursor: default; - outline: none; - font-size: 13px; -} -.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; -} - -.menu.desktop { - width: 15em; - padding: 0; - padding-bottom: 1px; - letter-spacing: 1px; - background-color: #ffffff; -} - -.menu.desktop.toolbarmenu { - background: #fff; - padding-bottom: 0; - width: auto; - /* IE */ - width:expression("150px"); - -moz-border-radius : 0 5px 5px 5px; - border-radius: 4px; - min-width: 15em; -} - -.menu.desktop.toolbarmenu img { - width: 16px; - height:16px; -} - -.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: 0; - overflow-y: hidden; - color: rgb(123, 134, 145); -} - -.menu.desktop.toolbarmenu li { - height: auto; - padding-top: 0; - padding-bottom: 0; - color: white; -} - -.rootDirChooser li.menuTitle { - color: #fff; - padding: 13px 8px 15px; - text-align: left; - font-size: 22px; - letter-spacing: 1px; - text-transform: uppercase; -} - -.menu li.menuTitle{ - display: none; -} - -.menu.rootDirChooser li.menuTitle{ - display: block; -} - -.menu.desktop.panelHeaderMenu li.menuTitle { - display: block; - font-size: 12px; - color: #555555; - border-bottom: 1px solid #AAAAAA; - padding: 11px 7px; - text-align: left; - background-color: rgba(227, 227, 227, 0.20); -} - -.menu.desktop li.separator { - padding: 0; - height: 0; -} -.menu.desktop a img{ - margin-right: 9px; - margin-top: -5px; -} - -.menu.desktop span.ajxp_icon_span{ - font-size: 1.1em; - padding-right: 10px; - color: #555; - opacity: 0.2; -} - -.menu.desktop a:hover span.ajxp_icon_span, -.menu.desktop li.menuAnchorSelected span.ajxp_icon_span -{ - color: white; - opacity: 1; -} - -.menu.desktop a { - color: #222; - padding: 9px 12px 10px; - margin: 0; - font-size: 12px; - line-height: 20px; -} - -.menu.desktop a u { - text-decoration: none; - display: inline-block; - border: 1px solid white; - border-radius: 3px; -} - -.menu.desktop a.menu_item_default{ - font-family: @fontBold; -} - -.menu.desktop a.menu_item_default span.ajxp_icon_span{ - opacity: 0.8; -} - -.menu.desktop a:hover u, -.menu.desktop li.menuAnchorSelected u -{ - padding: .1em .2em; - border: 1px solid #ccc; - font-size: 11px; - background-color: #f7f7f7; - -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px#fff inset; - -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px#fff inset; - box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px#fff inset; - border-radius: 3px; - display: inline-block; - margin: 1px; - text-shadow: 0 1px 0#fff; - line-height: 1.4; - white-space: nowrap; - color: #222; - -} - -.menu.desktop.toolbarmenu a img{ - margin-right: 6px; -} - -.menu.desktop.toolbarmenu a { - color: #333; - padding: 10px 20px 8px 8px; - margin: 0; - font-size: 13px; -} - -.menu.desktop a.disabled { - opacity: 0.25; - filter: alpha(opacity=25); - zoom: 1; -} -.menu.desktop li.separator { - border-bottom: 1px solid #eeeeee; - margin: 0 10px; - line-height: 1px !important; -} -.menu.desktop.toolbarmenu li.separator{ - border-bottom: 1px solid #eeeeee; -} - -.bookmarksMenu li.separator { - border-bottom: 1px solid #fff; - margin: 0 1px; - line-height: 1px !important; - padding: 0; - height: 1px !important; -} - - -/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */ -.menu.desktop a.enabled:hover { - background-color: rgba(107, 107, 107, 0.87); - color: #fff; -} - -.menu.desktop li.menuAnchorSelected a { - background-color: rgba(107, 107, 107, 0.87); - color: #fff !important; -} - -.menu.desktop a#action_instance_share-file-minisite.enabled:hover, -.menu.desktop a#action_instance_share-folder-minisite-public.enabled:hover, -.menu.desktop a#action_instance_share-edit-shared.enabled:hover -{ - background-color: #4aCEB0; -} -.rootDirChooser -{ - font-size: 11px; - position:absolute; - z-index: 1500; - width: 280px !important; - /* IE */ - width:expression("280px"); - background-color: #222; - box-shadow: none !important; - -webkit-font-smoothing: antialiased; -} - -.rootDirChooser span.ajxp_icon_span{ - - display:inline-block; - padding-right: 5px; - font-size: 1.4em; - -} - -.rootDirChooser img -{ - border: 0; -} - -.rootDirChooser a -{ - display: block; - padding: 6px 5px 5px 6px; - color: #fff; - letter-spacing: 1px; - /*height: 16px;*/ -} - -.rootDirChooser 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: 0 solid #ddd; - text-align: left; - font-style: italic; -} - -.rootDirChooser a:hover, -.bookmarksMenu a:hover, -.bookmarksMenu a.hovered, -.rootDirChooser a.hovered -{ - background-color: #FB725C; - color: #fff; -} - -.rootDirChooser li.separator { - /* - border-bottom: 1px solid #fff; - margin: 1px 1px 0 1px; - line-height: 1px !important; + ul, li { + margin: 0; padding: 0; - height: 1px !important; - */ - border-top: 1px solid rgba(255, 255, 255, 0.98); - margin: 0 auto; - line-height: 1px !important; - height: 0 !important; - width: 98%; -} - -.rootDirChooser li.separator.menuTitle{ - height: auto !important; - line-height: 14px !important; - border-top: none; - padding-top: 7px !important; - width: 100%; - -} - -.menu.menuDetails { -} - -.menu.menuDetails a{ - line-height: 17px; - padding: 10px 5px; -} - -.menu.menuDetails span.ajxp_icon_span{ - float: left; - padding: 3px 9px 23px 4px; - font-size: 18px; -} - -.menu.menuDetails span.menu_label{ - font-size: 20px; - display: block; -} - -.menu.menuDetails span.menu_description{ - display: block; - letter-spacing: 0; - line-height: 16px; - font-size: 11px; - color: white; - padding-top: 8px; -} - -.menu.menuDetails.workspacesMenu span.ajxp_icon_span{ - display: none; -} - -.menu.menuDetails.workspacesMenu span.menu_description{ - display: none; -} - -.menu.menuDetails.workspacesMenu span.menu_label{ - margin-top: 0; -} - -.menu.menuDetails.workspacesMenu li a{ - padding: 20px 10px 20px 20px; - line-height: 22px; -} - -.menu.menuDetails.workspacesMenu li.menuTitle{ - padding: 20px 14px 10px !important; -} - -.menu.menuDetails.workspacesMenu span.letter_badge{ - margin: -6px 13px 0 5px; - font-size: 1em; - background-color: #000; -} - -.menu.menuDetails.workspacesMenu{ - box-shadow: inset 0 2px 3px #000000 !important; - border-radius: 0; -} - -.menu.menuDetails img{ - display: none; -} - -.rightAlignMenu{ - width: 180px !important; -} - - -.rightAlignMenu a{ - padding: 8px 5px 7px 20px; - text-align:right; - letter-spacing: 1px; -} - -.rightAlignMenu a img{ - margin-right: 0; - margin-left:5px; - float: right; -} - -.rightAlignMenu a img, -.rightAlignMenu span.ajxp_icon_span -{ - margin-right: 0; - margin-left: 9px; - display: inline-block; - font-size: 13px; - float: right; - margin-top: 2px; -} - -.menuActions { - position: absolute; - right: 0; - top: 1px; - text-align: right; - padding-right: 3px !important; - margin-top: 5px !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.moreActions{ - margin-top: 0 !important; - z-index: 1; -} -.menuActions.moreActions span{ - color: #ffffff; - cursor: pointer; - width: 16px; - display: inline-block; - text-align: left; - font-size: 1.2em; - text-shadow: 1px 1px 1px #676767; -} - -.menuActions a:hover -{ - filter:alpha(opacity=100); - opacity: 1.0; - -moz-opacity:1.0; -} - -div.menuActions img{ - display: none; -} + list-style: none; + overflow-x: hidden; + } + li { + list-style-position: outside; + a { + display: block; + text-decoration: none; + cursor: default; + outline: none; + font-size: @menu_font_size_standard; + } + .menuTitle{ + display: none; + } + &.separator { + height: 1px; + padding: 0; + overflow: hidden; + display: block; + font-size: 1px; + } + } + + .menuActions { + position: absolute; + right: 0; + top: 1px; + text-align: right; + padding-right: 3px !important; + margin-top: 5px !important; + 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; + &:hover { + filter:alpha(opacity=100); + opacity: 1.0; + -moz-opacity:1.0; + } + } + + &.moreActions{ + margin-top: 0 !important; + z-index: 1; + span{ + color: #ffffff; + cursor: pointer; + width: 16px; + display: inline-block; + text-align: left; + font-size: 1.2em; + text-shadow: 1px 1px 1px #676767; + } + } + + img{ + display: none; + } + + &.icon-caret-right { + padding-top: 4px; + color: #666; + } + + } + + + &.desktop { + width: 15em; + padding: 0 0 1px; + letter-spacing: 1px; + background-color: @menu_desktop_background_color; + + span.ajxp_icon_span{ + font-size: 1.1em; + padding-right: 10px; + color: @menu_desktop_items_color; + opacity: 0.3; + } + + .invertSelection{ + background-color: @menu_desktop_hover_background_color; + color: @menu_desktop_hover_color !important; + span.ajxp_icon_span{ + color: @menu_desktop_hover_color; + opacity:1; + } + } + + li{ + padding: 0; + overflow-y: hidden; + &.separator { + padding: 0; + height: 0; + border-bottom: 1px solid @menu_desktop_separator_color; + margin: 0 10px; + line-height: 1px !important; + } + &.menuAnchorSelected a { + .invertSelection(); + } + a { + color: @menu_desktop_items_color; + padding: 9px 12px 10px; + margin: 0; + font-size: @menu_font_size_standard; + line-height: 1.7em; + u { + text-decoration: none; + display: inline-block; + border: 1px solid white; + border-radius: 3px; + } + img{ + margin-right: 9px; + margin-top: -5px; + } + &.menu_item_default{ + font-family: @fontBold; + span.ajxp_icon_span{ + opacity: 0.8; + } + } + &.disabled { + opacity: 0.25; + filter: alpha(opacity=25); + zoom: 1; + } + &.enabled:hover { + .invertSelection(); + u{ + .kbd(); + padding: 2px; + color:@menu_desktop_items_color; + } + } + } + } + + &.toolbarmenu { + padding-bottom: 0; + width: auto; + /* IE */ + width:expression("150px"); + min-width: 15em; + li { + height: auto; + &.separator{ + border-bottom: 1px solid @menu_desktop_separator_color; + } + a { + color: @menu_desktop_items_color; + padding: 10px 20px 8px 8px; + margin: 0; + font-size: @menu_font_size_standard; + img{ + margin-right: 6px; + width: 16px; + height:16px; + } + } + } + } + + &.textual{ + width:7em; + img { + margin-right: 6px; + } + } + + &.panelHeaderMenu li.menuTitle { + display: block; + font-size: @menu_font_size_standard; + color: @menu_desktop_items_color; + border-bottom: 1px solid @menu_desktop_separator_color; + padding: 11px 7px; + text-align: left; + background-color: darken(@menu_desktop_background_color, 5%); + } + + } + + &.menuDetails { + a{ + line-height: 17px; + padding: 10px 5px; + } + img{ + display: none; + } + span.menu_label{ + font-size: @menu_font_size_bigger; + display: block; + } + + span.ajxp_icon_span{ + float: left; + padding: 3px 9px 23px 4px; + font-size: @menu_font_size_bigger - 2px; + } + + span.menu_description{ + display: block; + letter-spacing: 0; + line-height: 16px; + font-size: @menu_font_size_smaller; + color: white; + padding-top: 8px; + } + + &.workspacesMenu { + border-radius: 0; + + span.ajxp_icon_span{ + display: none; + } + + span.menu_description{ + display: none; + } + + span.menu_label{ + margin-top: 0; + } + + li a{ + padding: 20px 10px 20px 20px; + line-height: 22px; + } + + li.menuTitle{ + padding: 20px 14px 10px !important; + } + + span.letter_badge{ + margin: -6px 13px 0 5px; + font-size: 1em; + background-color: #000; + } + } + + + } + + &.rightAlignMenu{ + width: 180px !important; + a{ + padding: 8px 5px 7px 20px; + text-align:right; + letter-spacing: 1px; + img{ + margin-right: 0; + margin-left:5px; + float: right; + } + } + + a img, span.ajxp_icon_span { + margin-right: 0; + margin-left: 9px; + display: inline-block; + float: right; + margin-top: 2px; + } + + } + + &.rootDirChooser{ + + position:absolute; + z-index: 1500; + width: @menu_rootdirchooser_width !important; + /* IE */ + width:expression("@{menu_rootdirchooser_width}"); + background-color: @menu_dark_background_color; + box-shadow: none !important; + -webkit-font-smoothing: antialiased; + + li{ + &.menuTitle { + color: @menu_dark_items_color; + padding: 13px 8px 15px; + text-align: left; + font-size: @menu_font_size_bigger + 2px; + letter-spacing: 1px; + text-transform: uppercase; + display: block; + } + &.separator { + border-top: 1px solid fade(@menu_dark_items_color, 75%); + margin: 0 auto; + line-height: 1px !important; + height: 0 !important; + width: 98%; + &.menuTitle{ + height: auto !important; + line-height: 14px !important; + border-top: none; + padding-top: 7px !important; + width: 100%; + } + } + } + a { + display: block; + padding: 6px 5px 5px 6px; + color: #fff; + letter-spacing: 1px; + img { + margin-right:5px; + border: 0; + } + &.disabled img{ + filter: alpha(opacity=30); + opacity: 0.3; + -moz-opacity: 0.3 + } + &:hover, &.hovered { + background-color: @menu_dark_hover_background_color; + color: @menu_dark_hover_color; + } + } + span.rootDirTitle + { + display: block; + font-size: 12px; + font-weight: bold; + padding-top: 1px; + padding-left: 5px; + padding-right: 50px; + color: #ccc; + border-bottom: 0 solid #ddd; + text-align: left; + font-style: italic; + } + span.ajxp_icon_span{ + display:inline-block; + padding-right: 5px; + font-size: 1.4em; + } + } -.menuActions.icon-caret-right { - padding-top: 4px; - color: #666; } diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/widgets.css b/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/widgets.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/widgets.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/widgets.less index 5eacda9217..d765864fa1 100644 --- a/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/widgets.less +++ b/core/src/plugins/gui.ajax/res/themes/orbit/css/theme/widgets.less @@ -1,130 +1,4 @@ -#topPane{ - width:280px; - background-color: rgba(50,50,50,0.93); -} - -.no-flexbox div#topPane{ - float:left; -} - -.no-flexbox div#cpane_container { - position: absolute; - left: 280px; -} - - -#tree_container{ - overflow-x: hidden !important; -} - -#browser -{ - clear:left; - /*background-color: #f5f5f5;*/ - line-height: 18px; -} - -.flexbox div#browser{ - flex-direction:row; - -webkit-flex-direction:row; - align-items:stretch; - -webkit-align-items:stretch; -} - -#content_pane{ - background-color: #fff; -} - -#content_pane div.panelHeader, -#search_results div.panelHeader, -div.class-FetchedResultPane > div.panelHeader -{ - display: none; -} - -#topPane{ - border: 0 !important; -} - -#navigation_pane div.thumbnail_selectable_cell.detailed > div.thumbnail_selectable_cell{ - display: none; -} - -#navigation_pane div.thumbnail_selectable_cell.detailed div.thumbLabel{ - padding-top: 7px; - padding-bottom: 7px; -} - -#navigation_pane div.thumbnail_selectable_cell.detailed div.thumbLabel:before{ - content: "\f114"; - font-size: 1.3em; - font-family: @fontAwesome; - padding: 13px 13px; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - -webkit-font-smoothing: antialiased; -} - -#navigation_pane div.thumbnail_selectable_cell.detailed.ajxpNodeLeaf div.thumbLabel:before{ - content: "\f016"; -} - - -#topPane h3, -#search_meta div.advanced_search_section_title -{ - font-size: 16px; - padding: 16px 8px 15px 17px; - margin: 0; - letter-spacing: 1px; - display: block; - clear: left; - font-weight: lighter; -} - -#topPane div.scrolling h3{ - padding-right: 16px; -} - -#topPane h3 small{ - cursor: pointer; - display: none; - float: right; - color: #aaa; - background-color: #555; - border-radius: 5px; - text-transform: lowercase; - padding: 0 8px; - font-weight: normal; - font-size: 0.7em; - margin-left: 3px; -} - -#topPane h3:hover small, -#topPane h3 small.simple-toggler-show -{ - display: inline-block; -} - -#topPane span.expand_label_hide, -#topPane small.expand_button_hide span.expand_label_show -{ - display: none; -} - -#topPane small.expand_button_hide span.expand_label_hide{ - display: inline; -} - -#search_meta div.advanced_search_section_title{ - border-left: 0; -} - -#search_meta div.advanced_search_section_title span.icon-circle{ - display: none; -} - +@toppane-width:250px; #repo_chooser{ background-color: #222; @@ -138,65 +12,178 @@ div.class-FetchedResultPane > div.panelHeader padding: 21px 15px 21px 15px; border-right: 2px solid #333; height: 20px; + &:hover{ + background-color: #fb725c; + color: white; + } + &.disabled{ + display:none; + } + span.icon-sitemap { + font-size: 1.0em; + padding-right: 5px; + padding-top: 5px; + display: inline-block; + } + span.ws-label { + display: inline-block; + padding-top: 0; + line-height: 20px; + } + span.icon-caret-down { + display: inline-block; + padding-left: 3px; + } +} + +#browser{ + clear:left; + line-height: 18px; + .flexbox &{ + flex-direction:row; + -webkit-flex-direction:row; + align-items:stretch; + -webkit-align-items:stretch; + } + + #topPane{ + width:@toppane-width; + background-color: rgba(50,50,50,0.93); + .no-flexbox &{ + float:left; + } + + #tree_container{ + overflow-x: hidden !important; + } + + h3{ + font-size: 16px; + padding: 16px 8px 15px 17px; + margin: 0; + letter-spacing: 1px; + display: block; + clear: left; + font-weight: lighter; + small{ + cursor: pointer; + display: none; + float: right; + color: #aaa; + background-color: #555; + border-radius: 5px; + text-transform: lowercase; + padding: 0 8px; + font-weight: normal; + font-size: 0.7em; + margin-left: 3px; + } + &:hover small, + small.simple-toggler-show + { + display: inline-block; + } + span.expand_label_hide, + small.expand_button_hide span.expand_label_show{ + display: none; + } + small.expand_button_hide span.expand_label_hide{ + display: inline; + } + } + + div.scrolling h3{ + padding-right: 16px; + } + + div.droppableZone{ + background-color: rgba(255,255,255,0.2) !important; + } + div.thumbnail_selectable_cell.detailed{ + &:hover{ + background-color: rgba(255,255,255,0.15); + } + div.thumbLabel{ + color: #ccc; + } + &.selected.selected-focus div.thumbLabel{ + color: #fff; + } + } + + div.no-results-found{ + padding: 0 24px; + font-size: 12px; + font-style: italic; + color: #ccc; + } + + div.thumbnail_selectable_cell.detailed > div.thumbnail_selectable_cell{ + display: none; + } + + div.thumbnail_selectable_cell.detailed div.thumbLabel{ + padding-top: 7px; + padding-bottom: 7px; + } + + div.thumbnail_selectable_cell.detailed div.thumbLabel:before{ + content: "\f114"; + font-size: 1.3em; + font-family: @fontAwesome; + padding: 13px 13px; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + } + + div.thumbnail_selectable_cell.detailed.ajxpNodeLeaf div.thumbLabel:before{ + content: "\f016"; + } + + } + + #cpane_container{ + .no-flexbox &{ + position: absolute; + left: @toppane-width; + } + + + #cpane_tabs{ + + > div.tabulatorContainer{ + border-bottom: 0; + /*transition: height 0.5s ease;*/ + box-shadow: inset 0 2px 4px rgba(0,0,0,0.15); + background-color: #f7f7f7; + } + + &[data-ajxptabscount="1"] > div.tabulatorContainer{ + height: 0; + } + + #content_pane{ + background-color: #fff; + div.panelHeader{ + display: none; + } + + } + + } + + } +} + +.menu.desktop a#action_instance_share-file-minisite.enabled:hover, +.menu.desktop a#action_instance_share-folder-minisite-public.enabled:hover, +.menu.desktop a#action_instance_share-edit-shared.enabled:hover +{ + background-color: #4aCEB0; } -#repo_chooser:hover{ - background-color: #fb725c; - color: white; -} - -#repo_chooser.disabled{ - display:none; -} - -#repo_chooser span.icon-sitemap { - font-size: 1.0em; - padding-right: 5px; - padding-top: 5px; - display: inline-block; -} - -#repo_chooser span.ws-label { - display: inline-block; - padding-top: 0; - line-height: 20px; -} - -#repo_chooser span.icon-caret-down { - display: inline-block; - padding-left: 3px; -} - -#sidebar_splitter div.panelHeader, -#search_panel div.panelHeader{ - color: #555; -} - - -div[ajxpClass="FilesList"].paginated div.scroller_track{ - top: 30px; -} - -div.fl-displayMode-list div.scroller_track { - top: 26px; -} - -div.fl-displayMode-list.paginated div.scroller_track { - top: 56px; -} - - - -#cpane_tabs > div.tabulatorContainer{ - border-bottom: 0; - /*transition: height 0.5s ease;*/ - box-shadow: inset 0 2px 4px rgba(0,0,0,0.15); - background-color: #f7f7f7; -} - -#cpane_tabs[data-ajxptabscount="1"] > div.tabulatorContainer{ - height: 0; -} #action_instance_user_create_repository { @@ -204,19 +191,11 @@ div.fl-displayMode-list.paginated div.scroller_track { line-height: 21px; } - -#cpane_header{ - padding-bottom: 4px; - height: 19px; -} - #content_pane div.thumbnail_selectable_cell.detailed div.thumbLabel, -.table_rows_container span#ajxp_label -{ +.table_rows_container span#ajxp_label{ font-family: @fontBold; } - .colorcode-alert, span.overlay-class-span.icon-eye-open {