hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-12 04:23:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip: css cleanup

Browse Source
This commit is contained in:
Florian BLOUET
2015-11-24 18:39:12 +01:00
parent 749136c017
commit 0194e1b46a
34 changed files with 2378 additions and 1546 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
resources/gulp/components/vendors/jquery-ui.js vendored
View File

@@ -7,10 +7,11 @@ gulp.task('copy-jquery-ui-images', function(){
.pipe(gulp.dest( config.paths.build + 'vendors/jquery-ui/images')); .pipe(gulp.dest( config.paths.build + 'vendors/jquery-ui/images'));
}); });
// DEPRECATED > theme is loaded in skin 000000
gulp.task('copy-jquery-ui-theme1', function(){ gulp.task('copy-jquery-ui-theme1', function(){
utils.buildCssGroup([config.paths.src + 'vendors/jquery-ui/dark-hive.scss'], 'dark-hive', 'vendors/jquery-ui/css/'); utils.buildCssGroup([config.paths.src + 'vendors/jquery-ui/dark-hive.scss'], 'dark-hive', 'vendors/jquery-ui/css/');
}); });
// DEPRECATED > theme is loaded in skin 959595
gulp.task('copy-jquery-ui-theme2', function(){ gulp.task('copy-jquery-ui-theme2', function(){
utils.buildCssGroup([config.paths.src + 'vendors/jquery-ui/ui-lightness.scss'], 'ui-lightness', 'vendors/jquery-ui/css/'); utils.buildCssGroup([config.paths.src + 'vendors/jquery-ui/ui-lightness.scss'], 'ui-lightness', 'vendors/jquery-ui/css/');
}); });

1005
resources/www/_shared/styles/jquery-ui/_shared.scss Normal file
View File

File diff suppressed because it is too large Load Diff

173
resources/www/_shared/styles/jquery-ui/dark-hive.scss Normal file
View File

@@ -0,0 +1,173 @@
$imagesPath: '/assets/vendors/jquery-ui/images/dark-hive/';
$uiTextContentColor: #ffffff !default;
$uiTextTitleColor: #333333 !default;
$uiLinkColor: #ffffff !default;
$uiLinkFocusColor: #c77405 !default;
$uiLinkActiveColor: #eb8f00 !default;
@import './shared';
.ui-widget-content {
border: 1px solid #555555;
background: #000000 url('#{$imagesPath}ui-bg_loop_25_000000_21x21.png') 50% 50% repeat;
color: $uiTextContentColor;
}
.ui-widget-content a {
color: $uiLinkColor;
}
.ui-widget-header {
color: $uiLinkColor;
font-weight: bold;
}
.ui-widget-header a {
color: $uiLinkColor;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #444444;
background: #222222 url('#{$imagesPath}ui-bg_highlight-soft_35_222222_1x100.png') 50% 50% repeat-x;
font-weight: normal;
color: #eeeeee;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #eeeeee;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #0b93d5;
background: #003147 url('#{$imagesPath}ui-bg_highlight-soft_33_003147_1x100.png') 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #ffffff;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #26b3f7;
background: #0972a5 url('#{$imagesPath}ui-bg_highlight-hard_20_0972a5_1x100.png') 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #cccccc;
background: #eeeeee url('#{$imagesPath}ui-bg_highlight-soft_80_eeeeee_1x100.png') 50% top repeat-x;
color: #2e7db2;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #2e7db2;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #ffb73d;
background: #ffc73d url('#{$imagesPath}ui-bg_glass_40_ffc73d_1x400.png') 50% 50% repeat-x;
color: #111111;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #111111;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #111111;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url('#{$imagesPath}ui-icons_cccccc_256x240.png');
}
.ui-widget-header .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ffffff_256x240.png');
}
.ui-state-default .ui-icon {
background-image: url('#{$imagesPath}ui-icons_cccccc_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ffffff_256x240.png');
}
.ui-state-active .ui-icon {
background-image: url('#{$imagesPath}ui-icons_222222_256x240.png');
}
.ui-state-highlight .ui-icon {
background-image: url('#{$imagesPath}ui-icons_4b8e0b_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url('#{$imagesPath}ui-icons_a83300_256x240.png');
}
/* Overlays */
.ui-widget-overlay {
background: #5c5c5c url('#{$imagesPath}ui-bg_flat_50_5c5c5c_40x100.png') 50% 50% repeat-x;
opacity: .8;
filter: Alpha(Opacity=80);
}
.ui-widget-shadow {
margin: -7px 0 0 -7px;
padding: 7px;
background: #cccccc url('#{$imagesPath}ui-bg_flat_30_cccccc_40x100.png') 50% 50% repeat-x;
opacity: .6;
filter: Alpha(Opacity=60);
border-radius: 8px;
}

175
resources/www/_shared/styles/jquery-ui/ui-lightness.scss Normal file
View File

@@ -0,0 +1,175 @@
$imagesPath: '/assets/vendors/jquery-ui/images/ui-lightness/';
$uiTextContentColor: #333333 !default;
$uiTextTitleColor: #333333 !default;
$uiLinkColor: #ffffff !default;
$uiLinkFocusColor: #c77405 !default;
$uiLinkActiveColor: #eb8f00 !default;
$uiLinkBorderFocusColor: $uiLinkFocusColor;
@import './shared';
.ui-widget-content {
border: 1px solid #dddddd;
background: #eeeeee url('#{$imagesPath}ui-bg_highlight-soft_100_eeeeee_1x100.png') 50% top repeat-x;
color: $uiTextContentColor;
}
.ui-widget-content a {
color: $uiLinkColor;
}
.ui-widget-header {
color: $uiTextTitleColor;
font-weight: bold;
}
.ui-widget-header a {
color: $uiLinkColor;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
background: #f6f6f6 url('#{$imagesPath}ui-bg_glass_100_f6f6f6_1x400.png') 50% 50% repeat-x;
font-weight: bold;
color: $uiTextTitleColor;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: $uiLinkColor;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid $uiLinkBorderFocusColor;
background: #fdf5ce url('#{$imagesPath}ui-bg_glass_100_fdf5ce_1x400.png') 50% 50% repeat-x;
font-weight: bold;
color: $uiLinkFocusColor;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: $uiLinkFocusColor;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid $uiLinkActiveColor;
background: #ffffff url('#{$imagesPath}ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
font-weight: bold;
color: $uiLinkActiveColor;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: $uiLinkActiveColor;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fed22f;
background: #ffe45c url('#{$imagesPath}ui-bg_highlight-soft_75_ffe45c_1x100.png') 50% top repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: $uiLinkColor;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #b81900 url('#{$imagesPath}ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50% repeat;
color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-imag1c94c4: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url('#{$imagesPath}ui-icons_222222_256x240.png');
}
.ui-widget-header .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ffffff_256x240.png');
}
.ui-state-default .ui-icon {
background-image: url('#{$imagesPath}ui-icons_222222_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url('#{$imagesPath}ui-icons_222222_256x240.png');
}
.ui-state-active .ui-icon {
background-image: url('#{$imagesPath}ui-icons_222222_256x240.png');
}
.ui-state-highlight .ui-icon {
background-image: url('#{$imagesPath}ui-icons_228ef1_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ffd27a_256x240.png');
}
/* Overlays */
.ui-widget-overlay {
background: #666666 url('#{$imagesPath}ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat;
opacity: .5;
filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
margin: -5px 0 0 -5px;
padding: 5px;
background: #000000 url('#{$imagesPath}ui-bg_flat_10_000000_40x100.png') 50% 50% repeat-x;
opacity: .2;
filter: Alpha(Opacity=20);
border-radius: 5px;
}

147
resources/www/prod/skins/000000/skin-000000.scss
View File

@@ -1,42 +1,7 @@
/**
// @TODO define base colors
$black: #000000;
$gg: #111111;
$gg: #141414;
$gg: #1a1a1a;
$gg: #292929;
$gg: #303030;
$gg: lighten(#000000, 23); //#3b3b3b; // primary color
$gg: #404040;
$gg: #606060;
$gg: #666666;
$gg: #999999;
$gg: #b1b1b1; // text color
$gg: #EAEAEA;
$gg: #FFFFFF;
$gg: #222222;
$gg: #393939;
$gg: #515151;
$gg: #aaaaaa;
$gg: #313131;
// color themed:
$gg: #b1b1b1;
$gg: #292929;
$gg: #076882;
$gg: #0088CC;
*/
$skinsImagesPath: '/assets/vendors/jquery-ui/images/dark-hive/'; $skinsImagesPath: '/assets/vendors/jquery-ui/images/dark-hive/';
$defaultBorderColor: #303030; $defaultBorderColor: #303030;
$defaultBorderRadius: 2px; $defaultBorderRadius: 2px;
$backgroudPrimaryColor: #1A1A1A;
$backgroudSecondaryColor: #3b3b3b;
$backgroudAltColor: #404040;
$backgroundAltPrimaryColor: #1a1a1a;
$textPrimaryColor: #FFFFFF; //#b1b1b1; $textPrimaryColor: #FFFFFF; //#b1b1b1;
$textPrimaryHoverColor: #FFFFFF; $textPrimaryHoverColor: #FFFFFF;
@@ -44,11 +9,37 @@ $textPrimaryActiveColor: #FFFFFF;
$textPrimaryInverseColor: #3b3b3b; $textPrimaryInverseColor: #3b3b3b;
$textSecondaryColor: #999999; $textSecondaryColor: #999999;
$highlightTextColor: #FFFFFF;
$highlightColor: #076882;
$hightlightLighterColor: #005580;
$highlightDarkerColor: #0c4554; $highlightDarkerColor: #0c4554;
$highlightBackgroundColor: #076882;
$highlightBackgroundAltColor: #0c4554;
$highlightBorderColor: #0c4554;
$highlightTextColor: #FFFFFF;
$darkerBackgroundColor: #1A1A1A;
$darkerBorderColor: #404040;
$darkerTextColor: #FFFFFF;
$darkBackgroundColor: #292929;
$darkBorderColor: #303030;
$darkTextColor: #A6A6A6;
$mediumBackgroundColor: #3b3b3b;
$mediumBackgroundHoverColor: #666666;
$mediumBorderColor: #303030; //#404040; //
$mediumBorderHighlightColor: $darkerBorderColor; //#666666;
$mediumTextColor: #a1a1a1;
$mediumTextHoverColor: #EAEAEA;
$mediumTextActiveColor: #EAEAEA;
$lightBackgroundColor: #404040;
$lightBackgroundSelectedColor: lighten($lightBackgroundColor, 10);
$lightBackgroundActiveColor: lighten($lightBackgroundColor, 10);
$lightBorderColor: #404040;
$lightBorderSelectedColor: lighten($lightBorderColor, 10);
$lightBorderActiveColor: lighten($lightBorderColor, 10);
$lightTextColor: #FFFFFF;
// inverse // inverse
$textInverseColor: #FFFFFF; $textInverseColor: #FFFFFF;
$textInverseHoverColor: #000; $textInverseHoverColor: #000;
@@ -62,10 +53,7 @@ $mainMenuRightListBorderLeft: #292929;
$scrollBgColor: #3b3b3b; $scrollBgColor: #3b3b3b;
$paginateBorderColor: #3b3b3b; $paginateBorderColor: #3b3b3b;
$paginateBorder2Color: $highlightColor;
$paginateTextColor: $highlightTextColor;
$paginateBg1: #141414; $paginateBg1: #141414;
$paginateBg2: $highlightColor;
$contextMenuBgHover: $highlightDarkerColor; $contextMenuBgHover: $highlightDarkerColor;
@@ -73,19 +61,6 @@ $uploadBg1: #FFFFFF;
$uploadBg2: #FFFFFF; $uploadBg2: #FFFFFF;
$uploadLoaderImg: 'loader-black.gif'; $uploadLoaderImg: 'loader-black.gif';
$bridgeDialogBg: #000000;
$bridgeDialogBg2: #404040;
$bridgeDialogBg3: #404040;
$bridgeDialogBg4: #111111;
$publishFeedBorder: #404040;
$publishFeedColor: #FFFFFF;
$publishFeedOddBg: #404040;
$publishFeedOddColor: #FFFFFF;
$publishFeedHoverBg: #606060;
$publishFeedHoverColor: #FFFFFF;
$publishFeedSelectedBg: #0088CC;
$publishFeedSelectedColor: #FFFFFF;
$bridgeDropdownToggleBg: #222222; $bridgeDropdownToggleBg: #222222;
$bridgeDropdownMenuBg: #393939; $bridgeDropdownMenuBg: #393939;
$bridgeDropdownMenuBorder: #515151; $bridgeDropdownMenuBorder: #515151;
@@ -93,30 +68,16 @@ $bridgeDropdownMenuColor: #aaaaaa;
$bridgeDropdownMenuHoverBg: #313131; $bridgeDropdownMenuHoverBg: #313131;
$bridgeDropdownMenuHoverColor: #FFFFFF; $bridgeDropdownMenuHoverColor: #FFFFFF;
$thesaurusBorder1: #303030; $thesaurusInputBackground: #ededed;
$thesaurusBg1: #ededed;
$thesaurusBorder2: #404040;
$thesaurusBg2: #404040;
$thesaurusContextMenuColor: #c0c0c0; $thesaurusContextMenuColor: #c0c0c0;
$proposalsBg: #292929;
$proposalsBorder: $defaultBorderColor;
$proposalsTitle: #A6A6A6; $proposalsTitle: #A6A6A6;
$proposalsTitleBorder: #303030; $proposalsTitleBorder: #303030;
$basketsBorder: #b1b1b1;
$basketsBorder2: #515151;
$basketsTextColor: #AAAAAA; $basketsTextColor: #AAAAAA;
$basketsBg1: #212121;
$guiSplitterImg: 'vsplitter2.png'; $guiSplitterImg: 'vsplitter2.png';
$workzoneBg: #3b3b3b;
$workzoneBorderTop: $defaultBorderColor;
$workzoneColor1: inherit;
$workzoneColor2: inherit;
$workzoneColor3: #EAEAEA;
$workzoneTabBgHover: #666666; $workzoneTabBgHover: #666666;
$workzoneTabBgActive: #333333; $workzoneTabBgActive: #333333;
$workzoneTabBorderTop: #303030; $workzoneTabBorderTop: #303030;
@@ -125,8 +86,6 @@ $workzoneBasketAlertDataBg: #fff190;
$workzoneBasketAlertDataColor: #1a1a1a; $workzoneBasketAlertDataColor: #1a1a1a;
$workzoneToolsLabelColor: #7f7f7f; $workzoneToolsLabelColor: #7f7f7f;
$treeviewBorderExpandable: #303030;
$answersToolsBtnSeparatorBorder: #474747; $answersToolsBtnSeparatorBorder: #474747;
$answersToolsBtnBg: #393939; $answersToolsBtnBg: #393939;
$answersToolsBtnBorder: #515151; $answersToolsBtnBorder: #515151;
@@ -141,62 +100,27 @@ $answersToolsBtnSettingsBorder: #474747;
$answersBg: #111111;
$answersBorderTop: #111111;
$answersInfoDialogBg: #0c4554;
$answersInfoDialogColor: #FFFFFF;
$answersDocInfoBg: #0c4554;
$answersDocInfoBorder: #000;
$answersDocInfoColor: #FFFFFF;
$answersFeedBtnGrpBg: #222222;
$answersFeedEntryBg: #666666;
$answersFeedEntryBorder: #212121;
$answersFeedEntryBorderHover: #404040;
$answersFeedDropMenuBg: #000000;
$answersFeedDropMenuBorder: #404040;
$answersFeedDropMenuColor: #EAEAEA;
$searchSbasListBg: #404040;
$searchSbasListColor: #FFFFFF;
$searchSbasFilterColor: #FFFFFF;
$searchSbasListSelectedBg: #404040;
$searchSbasListSelectedBorder: #404040;
$editCarouselBg: #1a1a1a;
$editCarouselBorder: #B1B1B1;
$editStatusFieldOdd: #606060;
$editStatusFieldHover: #B1B1B1;
$editStatusFieldActive: #FEFEFE;
$editTextMultiValueBg: #444444; $editTextMultiValueBg: #444444;
$editTextMultiValueBorder: #999999; $editTextMultiValueBorder: #999999;
$editTextMultiValueHighlightBg: #222222; $editTextMultiValueHighlightBg: #222222;
$preferencesLabelColor: #999999; $preferencesLabelColor: #999999;
$uiColor1: #111111;
$activeStateIcon: 'ui-icons_cccccc_256x240.png'; $activeStateIcon: 'ui-icons_cccccc_256x240.png';
$accordionLoaderImg: 'loader-white.gif'; $accordionLoaderImg: 'loader-white.gif';
$accordionBorderColor: $defaultBorderColor;
$accordionBgHeaderHover: #474747; $accordionBgHeaderHover: #474747;
$accordionBgContent: #212121;
$popoverBg: #000; $inputButtonHoverColor: #FEFEFE;
$popoverBorder: #444; $inputFallbackBorderColor: #b1b1b1;
$popoverColor: $textPrimaryColor;
$popoverInnerBg: #000;
$modalBorder: 1px solid #555555;
$modalBackground: #212121;
$dropdownDividerBg: #515151; $dropdownDividerBg: #515151;
$dropdownDividerBorder: #404040; $dropdownDividerBorder: $darkerBorderColor;
$overlayBg: #111111; $overlayBg: #111111;
$tabsNavBg: #666666; $tabsNavBg: #666666;
$tabsNavBgActive: $backgroudSecondaryColor; $tabsNavBgActive: $mediumBackgroundColor;
$sliderBg: #1a1a1a;
$contentLoaderImg: 'loader-white.gif'; $contentLoaderImg: 'loader-white.gif';
$btnBackground: #EAEAEA; $btnBackground: #EAEAEA;
@@ -216,6 +140,5 @@ $linkDefaultColor: #b1b1b1;
$linkDefaultHover: #838383; $linkDefaultHover: #838383;
@import '../../../_shared/styles/jquery-ui/dark-hive';
@import '../skin-shared'; @import '../skin-shared';

123
resources/www/prod/skins/959595/skin-959595.scss
View File

@@ -1,22 +1,45 @@
$skinsImagesPath: '/assets/vendors/jquery-ui/images/ui-lightness/'; $skinsImagesPath: '/assets/vendors/jquery-ui/images/ui-lightness/';
$defaultBorderColor: #999999; $defaultBorderColor: #999999;
$defaultBorderRadius: 2px; $defaultBorderRadius: 2px;
$backgroudPrimaryColor: #F1F1F1;
$backgroudSecondaryColor: #B2B2B2; //#D9D9D9;
$backgroundAltPrimaryColor: #1a1a1a;
$textPrimaryColor: #333333; $textPrimaryColor: #333333;
$textPrimaryHoverColor: #1a1a1a; $textPrimaryHoverColor: #1a1a1a;
$textPrimaryActiveColor: #1a1a1a; $textPrimaryActiveColor: #1a1a1a;
$textPrimaryInverseColor: #3b3b3b; $textPrimaryInverseColor: #3b3b3b;
$textSecondaryColor: #999999; $textSecondaryColor: #999999;
$highlightTextColor: #FFFFFF;
$highlightColor: #076882;
$hightlightLighterColor: #005580;
$highlightDarkerColor: #0c4554; $highlightDarkerColor: #0c4554;
$highlightBackgroundColor: #076882;
$highlightBackgroundAltColor: #0c4554;
$highlightBorderColor: #0c4554;
$highlightTextColor: #FFFFFF;
$darkerBackgroundColor: #D9D9D9; // #F1F1F1 <- to try
$darkerBorderColor: darken(#D9D9D9, 10);
$darkerTextColor: #333333;
$darkBackgroundColor: #9c9c9c; //B1B1B1;
$darkBorderColor: darken($darkBackgroundColor, 10);
$darkTextColor: #FFFFFF;
$mediumBackgroundColor: #a6a6a6; // B2B2B2 <- to try
$mediumBorderColor: darken($mediumBackgroundColor, 10);
$mediumBorderHighlightColor: #666666;
$mediumTextColor: $textPrimaryColor;
$mediumTextHoverColor: #EAEAEA;
$mediumTextActiveColor: #EAEAEA;
$lightBackgroundColor: #B1B1B1;
$lightBackgroundSelectedColor: darken($lightBackgroundColor, 10);
$lightBackgroundActiveColor: darken($lightBackgroundColor, 10);
$lightBorderColor: #B1B1B1;
$lightBorderSelectedColor: darken($lightBorderColor, 10);
$lightBorderActiveColor: darken($lightBorderColor, 10);
$lightTextColor: #3b3b3b;
// inverse // inverse
$textInverseColor: #000; $textInverseColor: #000;
$textInverseHoverColor: #000; $textInverseHoverColor: #000;
@@ -26,31 +49,17 @@ $bgInverseHoverColor: #FFF;
$mainMenuColor: #FFF; $mainMenuColor: #FFF;
$mainMenuRightListBorderLeft: #999; $mainMenuRightListBorderLeft: #999;
$scrollBgColor: $backgroudSecondaryColor; //#3b3b3b; $scrollBgColor: $mediumBackgroundColor; //#3b3b3b;
$paginateBorderColor: #999999; $paginateBorderColor: #999999;
$paginateBorder2Color: #999999; // $paginateBorder2Color: #999999;
$paginateTextColor: #FFFFFF; // $paginateTextColor: #FFFFFF;
$paginateBg1: #D9D9D9; $paginateBg1: #D9D9D9;
$paginateBg2: #999;
$uploadBg1: #FFFFFF; $uploadBg1: #FFFFFF;
$uploadBg2: transparent; $uploadBg2: transparent;
$uploadLoaderImg: 'loader-black.gif'; $uploadLoaderImg: 'loader-black.gif';
$bridgeDialogBg: #D9D9D9;
$bridgeDialogBg2: #B1B1B1;
$bridgeDialogBg3: #B1B1B1;
$bridgeDialogBg4: #D9D9D9;
$publishFeedBorder: #959595;
$publishFeedColor: #333333;
$publishFeedOddBg: #959595;
$publishFeedOddColor: #FFFFFF;
$publishFeedHoverBg: #606060;
$publishFeedHoverColor: #FFFFFF;
$publishFeedSelectedBg: #0088CC;
$publishFeedSelectedColor: #FFFFFF;
$bridgeDropdownToggleBg: #E6E6E6; $bridgeDropdownToggleBg: #E6E6E6;
$bridgeDropdownMenuBg: #A4A4A4; $bridgeDropdownMenuBg: #A4A4A4;
$bridgeDropdownMenuBorder: #666666; $bridgeDropdownMenuBorder: #666666;
@@ -58,30 +67,17 @@ $bridgeDropdownMenuColor: #EAEAEA;
$bridgeDropdownMenuHoverBg: #666666; $bridgeDropdownMenuHoverBg: #666666;
$bridgeDropdownMenuHoverColor: #FFFFFF; $bridgeDropdownMenuHoverColor: #FFFFFF;
$thesaurusBorder1: #999; $thesaurusInputBackground: #d4d4d4;
$thesaurusBg1: #d4d4d4;
$thesaurusBorder2: #FFFFFF;
$thesaurusBg2: #FFFFFF;
$thesaurusContextMenuColor: #FFFFFF; $thesaurusContextMenuColor: #FFFFFF;
$proposalsBg: #999;
$proposalsBorder: $defaultBorderColor;
$proposalsTitle: #FFFFFF; $proposalsTitle: #FFFFFF;
$proposalsTitleBorder: #666666; $proposalsTitleBorder: #666666;
$basketsBorder: #B1B1B1;
$basketsBorder2: #666666;
$basketsTextColor: #777777; $basketsTextColor: #777777;
$basketsBg1: #B1B1B1;
$guiSplitterImg: 'vsplitter2-959595.png'; $guiSplitterImg: 'vsplitter2-959595.png';
$workzoneBg: #B1B1B1;
$workzoneBorderTop: #B1B1B1;
$workzoneColor1: $textPrimaryColor;
$workzoneColor2: #000;
$workzoneColor3: #B2B2B2;
$workzoneTabBgHover: #999; $workzoneTabBgHover: #999;
$workzoneTabBgActive: #999; $workzoneTabBgActive: #999;
$workzoneTabBorderTop: #999; $workzoneTabBorderTop: #999;
@@ -90,7 +86,6 @@ $workzoneBasketAlertDataBg: #fff190;
$workzoneBasketAlertDataColor: #1a1a1a; $workzoneBasketAlertDataColor: #1a1a1a;
$workzoneToolsLabelColor: #FFFFFF; $workzoneToolsLabelColor: #FFFFFF;
$treeviewBorderExpandable: #B2B2B2;
$answersToolsBtnSeparatorBorder: #999; $answersToolsBtnSeparatorBorder: #999;
$answersToolsBtnBg: #A4A4A4; $answersToolsBtnBg: #A4A4A4;
@@ -104,61 +99,28 @@ $answersToolsBtnSettingsHoverBg: #393939;
$answersToolsBtnSettingsHoverColor: lighten($answersToolsBtnColor, 10); $answersToolsBtnSettingsHoverColor: lighten($answersToolsBtnColor, 10);
$answersToolsBtnSettingsBorder: #999; $answersToolsBtnSettingsBorder: #999;
$answersBg: #D9D9D9; // $diapoBorderColor: $darkerBorderColor;
$answersBorderTop: #D9D9D9;
$answersInfoDialogBg: #999;
$answersInfoDialogColor: #FFFFFF;
$answersDocInfoBg: #999;
$answersDocInfoBorder: #999;
$answersDocInfoColor: #FFFFFF;
$answersFeedBtnGrpBg: #E6E6E6;
$answersFeedEntryBg: #EEEEEE;
$answersFeedEntryBorder: #D9D9D9;
$answersFeedEntryBorderHover: #666666;
$answersFeedDropMenuBg: #E6E6E6;
$answersFeedDropMenuBorder: #B1B1B1;
$answersFeedDropMenuColor: $textPrimaryColor;
$searchSbasListBg: #404040;
$searchSbasListColor: #555555;
$searchSbasFilterColor: #555555;
$searchSbasListSelectedBg: #404040;
$searchSbasListSelectedBorder: #404040;
$editCarouselBg: #B1B1B1;
$editCarouselBorder: #666666;
$editStatusFieldOdd: #B1B1B1;
$editStatusFieldHover: #B1B1B1;
$editStatusFieldActive: #FEFEFE;
$editTextMultiValueBg: #FFFFFF; $editTextMultiValueBg: #FFFFFF;
$editTextMultiValueBorder: #999999; $editTextMultiValueBorder: #999999;
$editTextMultiValueHighlightBg: #d0d0d0; $editTextMultiValueHighlightBg: #d0d0d0;
$preferencesLabelColor: #333333; $preferencesLabelColor: #333333;
$uiColor1: #D9D9D9;
$activeStateIcon: 'ui-icons_ffffff_256x240.png'; $activeStateIcon: 'ui-icons_ffffff_256x240.png';
$accordionLoaderImg: 'loader-black.gif'; $accordionLoaderImg: 'loader-black.gif';
$accordionBorderColor: $defaultBorderColor;
$accordionBgHeaderHover: #999; $accordionBgHeaderHover: #999;
$accordionBgContent: #D9D9D9;
$popoverBg: #999999; $inputButtonHoverColor: #FEFEFE;
$popoverBorder: #444; $inputFallbackBorderColor: #b1b1b1;
$popoverColor: $textPrimaryColor;
$popoverInnerBg: #D9D9D9;
$modalBorder: 1px solid #444;
$modalBackground: #D9D9D9;
$dropdownDividerBg: #515151; $dropdownDividerBg: $darkerBorderColor;
$dropdownDividerBorder: #404040; $dropdownDividerBorder: $darkerBorderColor;
$overlayBg: #B1B1B1; $overlayBg: #B1B1B1;
$tabsNavBg: #999999; $tabsNavBg: #999999;
$tabsNavBgActive: #B2B2B2; //#D9D9D9; $tabsNavBgActive: #B2B2B2; //#D9D9D9;
$sliderBg: #1a1a1a;
$contentLoaderImg: 'loader-black.gif'; $contentLoaderImg: 'loader-black.gif';
$btnBackground: #444444; //#B9B9B9; $btnBackground: #444444; //#B9B9B9;
@@ -177,4 +139,11 @@ $widgetContentColor: $textPrimaryInverseColor;
$linkDefaultColor: #444444; $linkDefaultColor: #444444;
$linkDefaultHover: #444444; $linkDefaultHover: #444444;
// override jquery ui theme colors:
$uiTextContentColor: $mediumTextColor;
$uiTextTitleColor: $mediumTextColor;
$uiLinkColor: $darkTextColor;
$uiLinkFocusColor: $darkTextColor;
$uiLinkActiveColor: $darkTextColor;
@import '../../../_shared/styles/jquery-ui/ui-lightness';
@import '../skin-shared'; @import '../skin-shared';

25
resources/www/prod/skins/skin-shared.scss
View File

@@ -7,7 +7,7 @@ $basketsColor: #076882;
::-webkit-scrollbar-track ::-webkit-scrollbar-track
{ {
border-radius: 0; border-radius: 0;
background-color: $backgroudPrimaryColor; background-color: $darkerBackgroundColor;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
@@ -53,8 +53,8 @@ legend {
body { body {
color: $textPrimaryColor; color: $darkerTextColor;
background-color: $backgroudPrimaryColor; background-color: $darkerBackgroundColor;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -299,7 +299,7 @@ span.ww_winTitle {
#ui-datepicker-div { #ui-datepicker-div {
z-index: 2000; z-index: 2000;
background-color: $backgroundAltPrimaryColor; background-color: $darkerBackgroundColor;
position: absolute; position: absolute;
} }
@@ -446,7 +446,7 @@ H4 {
#sizeAns_slider .ui-slider-handle, #nperpage_slider .ui-slider-handle, #sizeAns_slider .ui-slider-handle, #nperpage_slider .ui-slider-handle,
#EDIT_ZOOMSLIDER .ui-slider-handle { #EDIT_ZOOMSLIDER .ui-slider-handle {
background-color: $sliderBg; background-color: $darkerBackgroundColor;
width: 8px; width: 8px;
cursor: col-resize; cursor: col-resize;
} }
@@ -461,20 +461,24 @@ H4 {
} }
.popover-inner { .popover-inner {
background-color: $popoverBg; background-color: $darkerBackgroundColor;
border: 2px solid $popoverBorder; border: 2px solid $darkerBorderColor;
padding: 0px; padding: 0px;
color: $textPrimaryColor; color: $darkerTextColor;
border-radius: 4px; border-radius: 4px;
} }
.popover-inner .popover-title { .popover-inner .popover-title {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
border-radius: 0; border-radius: 0;
} }
.popover-inner .popover-content { .popover-inner .popover-content {
background-color: $popoverInnerBg; background-color: $darkerBackgroundColor;
hr {
background-color: $darkerTextColor;
border-color: $darkerBorderColor;
}
} }
.dragover { .dragover {
BACKGROUND-COLOR: #fff100 BACKGROUND-COLOR: #fff100
@@ -531,5 +535,4 @@ H4 {
@import 'ui-components/modal-preview'; @import 'ui-components/modal-preview';
@import 'ui-components/modal-push'; @import 'ui-components/modal-push';
@import 'ui-components/diapo'; @import 'ui-components/diapo';
@import 'ui-components/modal-tools';
@import 'ui-components/modal-preferences'; @import 'ui-components/modal-preferences';

4
resources/www/prod/skins/ui-components/_answers-tools.scss
View File

@@ -14,7 +14,7 @@
#idFrameT .btn-toolbar { #idFrameT .btn-toolbar {
margin-bottom: 0px; margin-bottom: 0px;
margin-top: 0px; margin-top: 0px;
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
font-size:10px; font-size:10px;
z-index:100; z-index:100;
height:45px; height:45px;
@@ -47,7 +47,7 @@
#idFrameT .tools .classicButton button.btn-inverse, #idFrameT .tools .classicButton button.btn-inverse,
#idFrameT .tools .dropdownButton button.btn-inverse { #idFrameT .tools .dropdownButton button.btn-inverse {
background-image: none; background-image: none;
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
height: 45px; height: 45px;

453
resources/www/prod/skins/ui-components/_answers.scss
View File

@@ -1,3 +1,11 @@
$answersInfoDialogBg: $highlightBackgroundAltColor !default;
$answersInfoDialogColor: $highlightTextColor !default;
$answersDocInfoBg: $highlightBackgroundAltColor !default;
$answersDocInfoBorder: #000 !default;
$answersDocInfoColor: $highlightTextColor !default;
$answersLinkColor: #666666 !default;
$answersInfoLabelColor: #949494 !default;
#TOPIC_UL li { #TOPIC_UL li {
float: none; float: none;
margin: 0; margin: 0;
@@ -37,35 +45,45 @@
.downloader { .downloader {
background-image: url('#{$iconsPath}download.gif'); background-image: url('#{$iconsPath}download.gif');
} }
#answers {
#answers .status img { .status {
max-width: 16px; img {
max-height: 16px; max-width: 16px;
max-height: 16px;
}
}
#answersNext {
width: 150px;
margin: 5px;
height: 193px;
line-height: 193px;
font-size: 25px;
color: $answersLinkColor;
cursor: pointer;
}
.list {
position: relative;
float: left;
margin: 10px;
width: 600px;
overflow: hidden;
border: 3px solid #404040;
}
} }
#answers #answersNext { #idFrameT {
width: 150px; #answers {
margin: 5px; background-color: $darkerBackgroundColor;
height: 193px; border: 1px solid $darkerBorderColor;
line-height: 193px; top: 55px;
font-size: 25px; bottom: 0;
color: #666666; margin-right: 8px;
cursor: pointer; overflow-y: hidden;
} padding-left: 10px;
&:hover {
overflow-y: auto;
#idFrameT #answers { }
background-color: $answersBg; }
border: 1px solid $answersBorderTop;
top: 55px;
bottom: 0;
margin-right: 8px;
overflow-y: hidden;
padding-left: 10px;
}
#idFrameT #answers:hover {
overflow-y: auto;
} }
#answers_status{ #answers_status{
@@ -75,217 +93,180 @@
height: 60px; height: 60px;
width: 400px; width: 400px;
z-index: 1000; z-index: 1000;
} table{
width: 100%;
#answers_status table{ tr{
width: 100%; height: 20px;
} vertical-align: middle;
td.navigation{
#answers_status table tr{ text-align: right;
height: 20px; }
vertical-align: middle; }
} }
.infos {
#answers_status table tr td.navigation{ text-align: left;
text-align: right; line-height: 18px;
} font-size: 11px;
color: $answersInfoDialogColor;
#answers_status .infos { height: 60px;
text-align: left; .infoDialog {
line-height: 18px; float: left;
font-size: 11px; background: $answersInfoDialogBg;
color: #949494; color: $answersInfoDialogColor;
height: 60px; padding: 0 25px;
} font-size: 11px;
padding-top: 24px;
#answers_status .infos .infoDialog { margin-right: 10px;
float: left; height: 36px;
background: $answersInfoDialogBg; span {
color: $answersInfoDialogColor; font-size: 22px;
padding: 0 25px; margin-bottom: 3px;
font-size: 11px; float: left;
padding-top: 24px; margin-right: 10px;
margin-right: 10px; }
height: 36px; }
} #nbrecsel {
font-size: 22px;
#answers_status .infos .infoDialog span { margin-top: 7px;
font-size: 22px; float: left;
margin-bottom: 3px; margin-right: 7px;
float: left; display: block;
margin-right: 10px; height: 40px;
} }
}
#answers_status #docInfo { #docInfo {
height: 40px; height: 40px;
background: $answersDocInfoBg; background: $answersDocInfoBg;
color: $answersDocInfoColor; color: $answersDocInfoColor;
padding: 0 25px; padding: 0 25px;
padding-top: 20px; padding-top: 20px;
float: left; float: left;
min-width: 105px; min-width: 105px;
font-size: 11px; font-size: 11px;
line-height: 12px; line-height: 12px;
border-right: 1px solid $answersDocInfoBorder; border-right: 1px solid $answersDocInfoBorder;
} }
#answers_status .infos #nbrecsel {
font-size: 22px;
margin-top: 7px;
float: left;
margin-right: 7px;
display: block;
height: 40px;
}
#answers .list {
position: relative;
float: left;
margin: 10px;
width: 600px;
overflow: hidden;
border: 3px solid #404040;
} }
/******* FEEDS ****************************************************************/ /******* FEEDS ****************************************************************/
#answers {
.feed {
position: relative;
clear: left;
margin: 10px;
.btn {
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: bold;
}
.btn-inverse:hover {
color: $textPrimaryHoverColor;
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: $darkerBackgroundColor;
background-image: none;
}
.headblock {
max-width: 800px;
margin-bottom: 20px;
table {
width: 100%;
}
h1 {
font-size: 22px;
img {
margin-right: 15px;
}
}
a.subscribe_rss {
font-size: 14px;
margin-left: 15px;
}
}
.entry {
margin: 0 0 30px;
padding: 10px;
border: 1px solid $mediumBorderColor; //$answersFeedEntryBorder;
background-color: $mediumBackgroundColor; //$answersFeedEntryBg;
float: left;
&.hover {
border: 1px solid $mediumBorderHighlightColor;
}
h1 {
margin-bottom: 0;
}
table{
&.head {
vertical-align: middle;
margin: 10px 0;
width: 600px;
}
a.tools {
display: none;
}
}
&.hover{
table a.tools {
display: inline;
}
}
}
h1 {
font-weight: bold;
font-size: 20px;
.author {
font-size: 12px;
font-weight: normal;
margin-left: 15px;
}
}
h1,
.post_date {
width: 100%;
}
p {
max-width: 600px;
line-height: 18px;
margin: 5px 0;
text-align: justify;
}
img {
vertical-align: middle;
}
#answers .feed { .entry,
margin: 10px; h1,
} p,
.contents,
#answers .feed .btn { .see_more,
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; .post_date {
font-size: 12px; position: relative;
font-weight: bold; clear: left;
} }
.see_more {
height: 60px;
text-align: center;
#answers .feed .btn-inverse:hover { font-weight: bold;
color: $textPrimaryHoverColor; font-size: 13px;
} background-position: center bottom;
}
#answers .feed .btn-group.open .btn-inverse.dropdown-toggle { .contents {
background-color: $answersFeedBtnGrpBg; clear: left;
background-image: none; }
} .post_date {
text-align: right;
#answers .feed .headblock { font-style: italic;
max-width: 800px; max-width: 600px;
margin-bottom: 20px; *width: 600px;
} margin-bottom: 20px;
}
#answers .feed .headblock table {
width: 100%; .dropdown-menu {
} background-color: $darkerBackgroundColor;
border: 1px solid $darkerBorderColor;
#answers .feed .headblock h1 { a {
font-size: 22px; color: $darkerTextColor;
} }
}
#answers .feed .headblock h1 img { }
margin-right: 15px;
}
#answers .feed .headblock a.subscribe_rss {
font-size: 14px;
margin-left: 15px;
}
#answers .feed .entry {
margin: 0 0 30px;
padding: 10px;
border: 3px solid $answersFeedEntryBorder;
background-color: $answersFeedEntryBg;
float: left;
}
#answers .feed .entry.hover {
border: 3px solid $answersFeedEntryBorderHover;
}
#answers .feed .entry table.head {
vertical-align: middle;
margin: 10px 0;
width: 600px;
}
#answers .feed .entry table a.tools {
display: none;
}
#answers .feed .entry.hover table a.tools {
display: inline;
}
#answers .feed h1,
#answers .feed .post_date {
width: 100%;
}
#answers .feed,
#answers .feed .entry,
#answers .feed h1,
#answers .feed p,
#answers .feed .contents,
#answers .feed .see_more,
#answers .feed .post_date {
position: relative;
clear: left;
}
#answers .feed .see_more {
height: 60px;
text-align: center;
font-weight: bold;
font-size: 13px;
background-position: center bottom;
}
#answers .feed .contents {
clear: left;
}
#answers .feed .post_date {
text-align: right;
font-style: italic;
max-width: 600px;
*width: 600px;
margin-bottom: 20px;
}
#answers .feed h1 {
font-weight: bold;
font-size: 20px;
}
#answers .feed h1 .author {
font-size: 12px;
font-weight: normal;
margin-left: 15px;
}
#answers .feed .entry h1 {
margin-bottom: 0;
}
#answers .feed p {
max-width: 600px;
line-height: 18px;
margin: 5px 0;
text-align: justify;
}
#answers .feed .dropdown-menu {
background-color: $answersFeedDropMenuBg;
border: 1px solid $answersFeedDropMenuBorder;
}
#answers .feed .dropdown-menu a {
color: $answersFeedDropMenuColor;
}
#answers .feed img {
vertical-align: middle;
} }

10
resources/www/prod/skins/ui-components/_colorpicker.scss
View File

@@ -1,5 +1,9 @@
$colorpickerBoxBorder: #FFFFFF;
$colorpickerSubmitBorder: #404040;
$colorpickerFocusBorder: #999999;
.colorpicker_box { .colorpicker_box {
border: 1px solid #FFFFFF; border: 1px solid $colorpickerBoxBorder;
cursor: pointer; cursor: pointer;
float: left; float: left;
margin: 2px; margin: 2px;
@@ -24,12 +28,12 @@
position: absolute; position: absolute;
top: 15px; top: 15px;
width: 100px; width: 100px;
border: 1px solid #404040; border: 1px solid $colorpickerSubmitBorder;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
} }
.colorpicker_focus { .colorpicker_focus {
border: 1px solid #999999; border: 1px solid $colorpickerFocusBorder;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;

9
resources/www/prod/skins/ui-components/_context-menu.scss
View File

@@ -75,3 +75,12 @@ Menu contextuel
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 5px center; background-position: 5px center;
} }
.context-menu-item a {
color: #75ABFF;
}
.context-menu-item-hover a {
color: #212121;
}

13
resources/www/prod/skins/ui-components/_diapo.scss
View File

@@ -1,3 +1,5 @@
$diapoBorderColor: $darkerBorderColor !default;
/** /**
* Diapo are reused in answers, baskets, * Diapo are reused in answers, baskets,
*/ */
@@ -22,14 +24,14 @@
#reorder_dialog .ui-sortable-placeholderfollow { #reorder_dialog .ui-sortable-placeholderfollow {
width: 100px; width: 100px;
height: 130px; height: 130px;
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
} }
.diapo { .diapo {
position: relative; position: relative;
display: block; display: block;
float: left; float: left;
border: 1px solid #404040; border: 1px solid $diapoBorderColor;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@@ -47,14 +49,21 @@
margin: 0 auto; margin: 0 auto;
} }
} }
.bottom { .bottom {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
} }
div.title { div.title {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.duration {
background-color: darken($darkerBackgroundColor, 10);
color: $darkerTextColor;
}
} }
.diapo.CHIM .thumb_wrapper { .diapo.CHIM .thumb_wrapper {

5
resources/www/prod/skins/ui-components/_forms.scss
View File

@@ -1,6 +1,7 @@
/******* INPUTS ***************************************************************/ /******* INPUTS ***************************************************************/
input.input-button.hover { input.input-button.hover {
color: #FEFEFE; color: $inputButtonHoverColor;
} }
input.search { input.search {
@@ -13,7 +14,7 @@ input.search {
input, select, textarea { input, select, textarea {
margin: 2px; margin: 2px;
padding: 2px; padding: 2px;
*border: 1px solid #b1b1b1; *border: 1px solid $inputFallbackBorderColor;
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
} }

10
resources/www/prod/skins/ui-components/_gui.scss
View File

@@ -1,13 +1,13 @@
/******* GUI ******************************************************************/ /******* GUI ******************************************************************/
.gui_grip { /*.gui_grip {
background-image: url('#{$skinsImagesPath}grip.gif'); background-image: url('#{$skinsImagesPath}grip.gif');
background-position: 0 0; background-position: 0 0;
background-repeat: no-repeat; background-repeat: no-repeat;
height: 19px; height: 19px;
width: 5px; width: 5px;
} }*/
.gui_vsplitter,.ui-resizable-e { .gui_vsplitter,.ui-resizable-e {
top: 50%; top: 50%;
@@ -16,7 +16,7 @@
height: 54px; height: 54px;
position: absolute; position: absolute;
background-image: url('#{$iconsPath}vsplitter.png'); background-image: url('#{$iconsPath}vsplitter.png');
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
right: 0; right: 0;
@@ -50,7 +50,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: row-resize; cursor: row-resize;
} }
/*
.gui_hslider { .gui_hslider {
position: absolute; position: absolute;
height: 0px; height: 0px;
@@ -67,7 +67,7 @@
background-color: #959595; background-color: #959595;
background-image: url('#{$skinsImagesPath}vsplitter.gif'); background-image: url('#{$skinsImagesPath}vsplitter.gif');
cursor: pointer; cursor: pointer;
} }*/
.gui_ckbox_0 { .gui_ckbox_0 {
display: block; display: block;

75
resources/www/prod/skins/ui-components/_jquery-ui.scss
View File

@@ -1,3 +1,6 @@
$modalBorder: 1px solid $darkerBorderColor !default;
$modalBackground: $darkerBackgroundColor !default;
.ui-dialog .ui-dialog-content.loading, .loading { .ui-dialog .ui-dialog-content.loading, .loading {
background-image: url('#{$iconsPath}#{$contentLoaderImg}'); background-image: url('#{$iconsPath}#{$contentLoaderImg}');
background-position: center center; background-position: center center;
@@ -23,7 +26,7 @@
.ui-tabs { .ui-tabs {
.ui-tabs-nav { .ui-tabs-nav {
li { li {
background-color: $tabsNavBg; background-color: $lightBackgroundColor; //$tabsNavBg;
height: 30px; height: 30px;
border: none; border: none;
overflow: hidden; overflow: hidden;
@@ -31,16 +34,17 @@
padding: 5px 8px; padding: 5px 8px;
font-size: 0.8em; font-size: 0.8em;
font-weight: normal; font-weight: normal;
color: $lightTextColor; // more contrasted color
} }
&.ui-tabs-active { &.ui-tabs-active {
background-color: $tabsNavBgActive; background-color: $mediumBackgroundColor; //$tabsNavBgActive;
border: none; border: none;
} }
&.ui-tabs-active a, &.ui-tabs-active a,
&.ui-state-disabled a, &.ui-state-disabled a,
&.ui-state-processing a { &.ui-state-processing a {
cursor: pointer; cursor: pointer;
color: $workzoneColor1 color: $mediumTextActiveColor;
} }
} }
@@ -51,7 +55,7 @@
display: block; display: block;
border-width: 0; border-width: 0;
padding: 0px; padding: 0px;
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
&.tabBox { &.tabBox {
height: 405px; height: 405px;
overflow: auto; overflow: auto;
@@ -67,10 +71,10 @@
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer; cursor: pointer;
color: $workzoneColor2; color: $mediumTextColor; //$workzoneColor2;
} }
.ui-state-default, .ui-widget-content .ui-state-default { .ui-state-default, .ui-widget-content .ui-state-default {
@@ -78,7 +82,7 @@
} }
.ui-tabs li.ui-state-active a, .ui-state-active a:link, .ui-state-active a { .ui-tabs li.ui-state-active a, .ui-state-active a:link, .ui-state-active a {
color: $workzoneColor3; color: $mediumTextActiveColor;
font-weight: bold; font-weight: bold;
font-size: 0.8em; font-size: 0.8em;
} }
@@ -94,7 +98,7 @@
} }
.ui-dialog.ui-widget-content { .ui-dialog.ui-widget-content {
background-color: $uiColor1; background-color: $darkerBackgroundColor;
} }
.ui-accordion .ui-accordion-content { .ui-accordion .ui-accordion-content {
@@ -136,8 +140,8 @@
margin-bottom: 0; margin-bottom: 0;
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
border-bottom: 1px solid $accordionBorderColor; border-bottom: 1px solid $mediumBorderColor; //$accordionBorderColor;
border-radius: 0; border-radius: 0;
} }
@@ -163,7 +167,7 @@
.ui-accordion .ui-accordion-content { .ui-accordion .ui-accordion-content {
background-color: $accordionBgContent; background-color: $darkBackgroundColor;
border-top: none; border-top: none;
margin-top: -1px; margin-top: -1px;
margin-bottom: 0; margin-bottom: 0;
@@ -198,8 +202,6 @@
.ui-dialog.ui-widget-content { .ui-dialog.ui-widget-content {
border: $modalBorder; border: $modalBorder;
background: $modalBackground; background: $modalBackground;
//background: #000000 url("../images/dark-hive/ui-bg_loop_25_000000_21x21.png") 50% 50% repeat;
// color: #ffffff;
} }
.ui-dialog-titlebar { .ui-dialog-titlebar {
@@ -222,4 +224,51 @@
.ui-dialog-content p { .ui-dialog-content p {
line-height: 18px; line-height: 18px;
}
.ui-autocomplete.ui-state-hover,
.ui-autocomplete.ui-widget-content .ui-state-hover,
.ui-autocomplete.ui-widget-header .ui-state-hover,
.ui-autocomplete.ui-state-focus,
.ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-autocomplete.ui-widget-header .ui-state-focus {
background-image:none;
background-color:#515151;
border:none;
margin:0;
border-radius: 0;
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {
margin:0;
}
.ui-autocomplete li.list-item {
width:280px;
min-height:45px;
display:block;
}
.ui-autocomplete li.list-item .icon {
width:42px;
}
.ui-autocomplete li.list-item .icon img {
max-width:32px;
max-height:32px;
text-align: center;
vertical-align: middle;
margin:5px;
}
.ui-autocomplete {
min-height: 42px;
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
padding:1px 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding-right: 20px;
} }

67
resources/www/prod/skins/ui-components/_main-menu.scss
View File

@@ -6,45 +6,30 @@
height: $mainMenuHeight; height: $mainMenuHeight;
line-height: $mainMenuLineHeight; line-height: $mainMenuLineHeight;
vertical-align: middle; vertical-align: middle;
background-color: $mediumBackgroundColor;
#mainLogo {
margin:0 10px;
margin-top: -4px;
}
li , li span {//
height: 40px;
line-height: $mainMenuLineHeight;
color: $mainMenuColor;
}
.right {
li {
border-left: 1px solid $mainMenuRightListBorderLeft;
span {
padding: 0 15px;
}
&.user {
background: url('#{$iconsPath}icon_user.png') 15px 7px no-repeat;
padding-left: 41px;
&:hover {
background-color: $bgInverseHoverColor;
color: $textInverseHoverColor;
}
}
}
}
} }
#mainMenu #mainLogo {
margin:0 10px;
margin-top: -4px;
}
#mainMenu li, #mainMenu li span {
height: 40px;
line-height: $mainMenuLineHeight;
color: $mainMenuColor;
}
#mainMenu .PNB.right li {
border-left: 1px solid $mainMenuRightListBorderLeft;
}
#mainMenu .PNB.right li span {
padding: 0 15px;
}
#mainMenu .PNB.right li.user {
background: url('#{$iconsPath}icon_user.png') 15px 7px no-repeat;
padding-left: 41px;
}
#mainMenu .PNB.right li.user:hover {
background-color: $bgInverseHoverColor;
color: $textInverseHoverColor;
}
#mainMenu, .publi_group {
background-color: $backgroudSecondaryColor;
}
.context-menu-item a {
color: #75ABFF;
}
.context-menu-item-hover a {
color: #212121;
}

195
resources/www/prod/skins/ui-components/_modal-bridge.scss
View File

@@ -2,111 +2,94 @@
background-color: $bridgeDropdownToggleBg; background-color: $bridgeDropdownToggleBg;
background-image: none; background-image: none;
} }
#dialog_publicator {
.dropdown-menu {
min-width: 95px;
background-color: $bridgeDropdownMenuBg;
*border: 1px solid $bridgeDropdownMenuBorder;
a {
padding: 3px 10px;
font-size: 12px;
color: $bridgeDropdownMenuColor;
cursor: pointer;
&:hover {
background-color: $bridgeDropdownMenuHoverBg;
color: $bridgeDropdownMenuHoverColor;
}
}
}
.ui-tabs-panel {
left: 200px;
}
.notice_box,
.error_box {
color: $textPrimaryInverseColor;
font-weight: bold;
margin: 5px auto;
padding: 5px 0;
text-align: center;
width: 90%;
}
.notice_box {
background-color: green;
color: $textPrimaryColor;
}
.error_box {
background-color: orange;
}
.api_banner {
height: 30px;
bottom: auto;
background-color: $lightBackgroundColor;
.submenu.ui-buttonset {
z-index: 600;
}
}
.api_content {
top: 30px;
bottom: 25px;
color: $textPrimaryColor;
.blockmenu {
bottom: auto;
background-repeat: repeat-x;
background-position: left bottom;
z-index: 1000;
width:100%;
height:40px
}
.blockresponse {
padding: 0 10px;
top: 40px;
overflow: auto;
z-index: 200;
.form-actions {
background-color: $darkerBackgroundColor;
border-top: none;
margin: 0;
}
}
}
.api_content .blockmenu a.selected,
.api_banner a.selected {
font-weight: bold;
color: $highlightBackgroundColor;
}
.api_infos {
top: auto;
height: 25px;
background-image: url('#{$iconsPath}api_info.png');
background-repeat: repeat-x;
background-position: 0 0;
color: $textSecondaryColor;
}
.main_menu {
float: left;
}
.diapo {
.title {
height: 16px;
overflow: hidden;
}
}
#dialog_publicator .dropdown-menu {
min-width: 95px;
background-color: $bridgeDropdownMenuBg;
*border: 1px solid $bridgeDropdownMenuBorder;
}
#dialog_publicator .dropdown-menu a {
padding: 3px 10px;
font-size: 12px;
color: $bridgeDropdownMenuColor;
cursor: pointer;
}
#dialog_publicator .dropdown-menu a:hover {
background-color: $bridgeDropdownMenuHoverBg;
color: $bridgeDropdownMenuHoverColor;
}
#dialog_publicator .ui-tabs-panel {
left: 200px;
}
#dialog_publicator .notice_box,
#dialog_publicator .error_box {
color: #404040;
font-weight: bold;
margin: 5px auto;
padding: 5px 0;
text-align: center;
width: 90%;
}
#dialog_publicator .notice_box {
background-color: green;
color: $textPrimaryColor;
}
#dialog_publicator .error_box {
background-color: orange;
}
#dialog_publicator .api_banner {
height: 30px;
bottom: auto;
background-color: $bridgeDialogBg2;
}
#dialog_publicator .api_banner button {
border: 1px solid #515151;
background-color: #404040;
}
#dialog_publicator .api_banner .submenu.ui-buttonset {
z-index: 600;
}
#dialog_publicator .api_content {
top: 30px;
bottom: 25px;
color: $textPrimaryColor;
}
#dialog_publicator .api_content .blockmenu {
bottom: auto;
background-repeat: repeat-x;
background-position: left bottom;
z-index: 1000;
width:100%;
height:40px
}
#dialog_publicator .api_content .blockmenu a.selected,
#dialog_publicator .api_banner a.selected {
font-weight: bold;
color: #0088CC;
}
#dialog_publicator .api_content .blockresponse {
padding: 0 10px;
top: 40px;
overflow: auto;
z-index: 200;
}
#dialog_publicator .api_content .blockresponse .form-actions {
background-color: $bridgeDialogBg;
border-top: none;
margin: 0;
}
#dialog_publicator .api_infos {
top: auto;
height: 25px;
background-image: url('#{$iconsPath}api_info.png');
background-repeat: repeat-x;
background-position: 0 0;
color: $textSecondaryColor;
}
#dialog_publicator .main_menu {
float: left;
}
#dialog_publicator .diapo .title {
height: 16px;
overflow: hidden;
} }

25
resources/www/prod/skins/ui-components/_modal-edit.scss
View File

@@ -10,7 +10,7 @@
} }
#EDIT_TOP { #EDIT_TOP {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -45,8 +45,8 @@
} }
#EDIT_FILM2 { #EDIT_FILM2 {
border: 1px solid $editCarouselBorder; border: 1px solid $darkerBorderColor;
background-color: $editCarouselBg; background-color: $darkerBackgroundColor;
position: absolute; position: absolute;
top: 30px; top: 30px;
left: 10px; left: 10px;
@@ -80,7 +80,7 @@
} }
#EDIT_MID_L { #EDIT_MID_L {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
width: 700px; width: 700px;
left: 0; left: 0;
-webkit-border-radius: 6px; -webkit-border-radius: 6px;
@@ -92,13 +92,13 @@
width: 400px; width: 400px;
right: 0; right: 0;
.ui-tabs-panel { .ui-tabs-panel {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
} }
} }
#EDIT_MID_R li.ui-tabs-active, #EDIT_MID_R li.ui-tabs-active,
#EDIT_MID_R li.ui-state-active { #EDIT_MID_R li.ui-state-active {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
} }
#divS_wrapper { #divS_wrapper {
@@ -127,14 +127,15 @@
position: relative; position: relative;
} }
div.edit_field.odd { div.edit_field.odd {
background-color: $editStatusFieldOdd; background-color: $darkBackgroundColor;
} }
div.edit_field.hover, #divS div.edit_field.active { div.edit_field.hover {
background-color: $editStatusFieldHover; background-color: $lightBackgroundColor;
color: #404040; color: $lightTextColor;
} }
div.edit_field.active { div.edit_field.active {
border: 1px solid $editStatusFieldActive; background-color: $lightBackgroundActiveColor;
border: 1px solid $lightBorderActiveColor;
} }
span.fieldvalue { span.fieldvalue {
white-space: normal; white-space: normal;
@@ -407,7 +408,7 @@ div.thesaurus {
height: 100%; height: 100%;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
background: $thesaurusBg2; background: $darkerBackgroundColor;
border: $thesaurusBorderColor 1px solid; border: $thesaurusBorderColor 1px solid;
} }
div.thesaurus { div.thesaurus {

2
resources/www/prod/skins/ui-components/_modal-export.scss
View File

@@ -1,7 +1,7 @@
/******* EXPORT ***************************************************************/ /******* EXPORT ***************************************************************/
#printBox { #printBox {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
-webkit-border-radius: 6px; -webkit-border-radius: 6px;
-moz-border-radius: 6px; -moz-border-radius: 6px;
border-radius: 6px; border-radius: 6px;

18
resources/www/prod/skins/ui-components/_modal-preview.scss
View File

@@ -1,9 +1,9 @@
#PREVIEWBOX, #EDITWINDOW { #PREVIEWBOX, #EDITWINDOW {
z-index: 1200; z-index: 1200;
background-color: $backgroudPrimaryColor; background-color: $darkerBackgroundColor;
display: none; display: none;
border: 2px solid #666666; border: 2px solid $darkerBorderColor;
} }
#PREVIEWBOX img { #PREVIEWBOX img {
@@ -45,7 +45,7 @@
} }
#PREVIEWOTHERS { #PREVIEWOTHERS {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
left: 0; left: 0;
@@ -81,7 +81,7 @@
#PREVIEWOTHERSINNER li.otherRegToolTip, #PREVIEWOTHERSINNER li.otherRegToolTip,
#PREVIEWOTHERSINNER li.otherBaskToolTip { #PREVIEWOTHERSINNER li.otherBaskToolTip {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@@ -101,7 +101,7 @@
} }
#PREVIEWTITLEWRAPPER { #PREVIEWTITLEWRAPPER {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
bottom: 0; bottom: 0;
} }
@@ -117,7 +117,7 @@
} }
#PREVIEWCURRENT { #PREVIEWCURRENT {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
} }
#PREVIEWCURRENTCONT.group_case { #PREVIEWCURRENTCONT.group_case {
@@ -211,7 +211,7 @@
vertical-align: middle; vertical-align: middle;
} }
.prevTrainCurrent .duration, .diapo .duration { .prevTrainCurrent .duration {
background-color: black; background-color: darken($darkerBackgroundColor, 10);
color: $textPrimaryColor; color: $darkerTextColor;
} }

89
resources/www/prod/skins/ui-components/_modal-publish.scss
View File

@@ -31,13 +31,13 @@
#publicator_selection { #publicator_selection {
height: 190px; height: 190px;
bottom: auto; bottom: auto;
background-color: $bridgeDialogBg3; background-color: $lightBackgroundColor;
} }
#publicator_selection > .PNB10 { #publicator_selection > .PNB10 {
overflow: auto; overflow: auto;
bottom: 50px; bottom: 50px;
background-color: $bridgeDialogBg4; background-color: $darkerBackgroundColor;
} }
#publicator_selection .btn { #publicator_selection .btn {
@@ -116,8 +116,8 @@
} }
#dialog_publicator .duration_time { #dialog_publicator .duration_time {
background-color: #000000; background-color: darken($darkerBackgroundColor, 10);
color: $textPrimaryColor; color: $darkerTextColor;
font-weight: bold; font-weight: bold;
padding: 2px 4px; padding: 2px 4px;
position: absolute; position: absolute;
@@ -230,46 +230,43 @@
#dialog_publicator .api_content .element table .informations { #dialog_publicator .api_content .element table .informations {
width: 296px; width: 296px;
} }
#modal_feed {
#modal_feed form .feeds { form {
color: $publishFeedColor; .feeds {
overflow: auto; color: $darkerTextColor;
} overflow: auto;
.list {
#modal_feed form .feeds .list { margin: 10px 0;
margin: 10px 0; }
} .feed {
width: 95%;
#modal_feed form .feeds .feed { height: 18px;
width: 95%; padding: 5px 0;
height: 18px; background-color: $darkerBackgroundColor;
padding: 5px 0; border: 1px solid $darkerBorderColor;
border: 1px solid $publishFeedBorder; color: $darkerTextColor;
color: $publishFeedColor; font-size: 13px;
font-size: 13px; cursor: pointer;
cursor: pointer; &.odd {
} background-color: $mediumBackgroundColor;
color: $mediumTextColor;
#modal_feed form .feeds .feed.odd { }
background-color: $publishFeedOddBg; &.hover {
color: $publishFeedOddColor; background-color: $lightBackgroundColor;
} color: $lightTextColor;
}
#modal_feed form .feeds .feed.hover { &.selected {
background-color: $publishFeedHoverBg; background-color: $highlightBackgroundColor;
color: $publishFeedHoverColor; color: $highlightTextColor;
} }
span {
#modal_feed form .feeds .feed.selected { margin: 0 10px;
background-color: $publishFeedSelectedBg; }
color: $publishFeedSelectedColor; }
} }
input.error,
#modal_feed form .feeds .feed span { textarea.error {
margin: 0 10px; border: 1px solid red;
} }
}
#modal_feed form input.error,
#modal_feed form textarea.error {
border: 1px solid red;
} }

67
resources/www/prod/skins/ui-components/_modal-push.scss
View File

@@ -1,26 +1,6 @@
/** PUSH BOX */ /** PUSH BOX */
.PushBox .content { .PushBox .content {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
}
#PushBox .btn {
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: bold;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
padding: 4px 10px;
}
.PushBox a.link {
margin: 0 5px;
color: #0088CC;
}
.PushBox a.link:hover {
color: #40A3D4;
} }
.PushBox .LeftColumn h1 { .PushBox .LeftColumn h1 {
@@ -242,52 +222,7 @@
display:inline; display:inline;
} }
.ui-autocomplete.ui-state-hover,
.ui-autocomplete.ui-widget-content .ui-state-hover,
.ui-autocomplete.ui-widget-header .ui-state-hover,
.ui-autocomplete.ui-state-focus,
.ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-autocomplete.ui-widget-header .ui-state-focus {
background-image:none;
background-color:#515151;
border:none;
margin:0;
border-radius: 0;
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {
margin:0;
}
.ui-autocomplete li.list-item {
width:280px;
min-height:45px;
display:block;
}
.ui-autocomplete li.list-item .icon {
width:42px;
}
.ui-autocomplete li.list-item .icon img {
max-width:32px;
max-height:32px;
text-align: center;
vertical-align: middle;
margin:5px;
}
.ui-autocomplete {
min-height: 42px;
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
padding:1px 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding-right: 20px;
}
#ListShare table { #ListShare table {
width:100%; width:100%;

0
resources/www/prod/skins/ui-components/_modal-tools.scss
View File

6
resources/www/prod/skins/ui-components/_pagination.scss
View File

@@ -35,7 +35,7 @@
#paginate #tool_navigate #PREV_PAGE:hover, #paginate #tool_navigate #PREV_PAGE:hover,
#paginate #tool_navigate #last:hover, #paginate #tool_navigate #last:hover,
#paginate #tool_navigate #first:hover { #paginate #tool_navigate #first:hover {
background-color: $paginateBg2; background-color: $highlightBackgroundColor;
} }
#paginate #tool_navigate #NEXT_PAGE { #paginate #tool_navigate #NEXT_PAGE {
@@ -99,6 +99,6 @@
#paginate #tool_navigate input, #paginate #tool_navigate input,
#paginate #tool_navigate a:hover { #paginate #tool_navigate a:hover {
color: $paginateTextColor; color: $highlightTextColor;
background: $paginateBorder2Color; background: $highlightBackgroundColor;
} }

97
resources/www/prod/skins/ui-components/_search-form.scss
View File

@@ -14,46 +14,42 @@ form.phrasea_query input.query {
#searchForm { #searchForm {
width: 100%; width: 100%;
float: left; float: left;
.input-append {
float: left;
width: 50%;
.btn {
border:none;
}
a.btn {
height: 22px;
width: 20px;
}
button.btn {
height: 30px;
width: 110px;
}
}
.control-group {
float: right;
margin-left: 0;
}
.danger .danger_indicator,
.danger.danger_indicator {
border-color: #c9c900;
background-color: #FCEC98;
color: #000000;
}
} }
#adv_search {
#searchForm .input-append { table {
float: left; &.colllist {
width: 50%; width: 290px;
} }
&.filterlist {
#searchForm .control-group { width: 600px;
float: right; }
margin-left: 0; }
}
#searchForm .input-append .btn {
border:none;
}
#searchForm .input-append a.btn {
height: 22px;
width: 20px;
}
#searchForm .input-append button.btn {
height: 30px;
width: 110px;
}
#searchForm .danger .danger_indicator,
#searchForm .danger.danger_indicator {
border-color: #c9c900;
background-color: #FCEC98;
color: #000000;
}
#adv_search table.colllist {
width: 290px;
}
#adv_search table.filterlist {
width: 600px;
} }
/******* SEARCH ***************************************************************/ /******* SEARCH ***************************************************************/
@@ -61,7 +57,7 @@ form.phrasea_query input.query {
#adv_search .sbasglob, #adv_search .sbasglob,
.adv_options .sbasglob, .adv_options .sbasglob,
#sbasfiltercont { #sbasfiltercont {
color: $searchSbasFilterColor; color: $lightTextColor;
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
@@ -89,8 +85,8 @@ form.phrasea_query input.query {
#adv_search .sbasglob .sbas_list.selected, #adv_search .sbasglob .sbas_list.selected,
.adv_options .sbasglob .sbas_list.selected { .adv_options .sbasglob .sbas_list.selected {
border: 2px solid $searchSbasListSelectedBorder; border: 2px solid $lightBorderSelectedColor;
background-color: $searchSbasListSelectedBg; background-color: $lightBackgroundSelectedColor;
} }
.sbasglob .btn-toolbar, .sbasglob .btn-toolbar,
@@ -99,21 +95,15 @@ form.phrasea_query input.query {
text-align: center; text-align: center;
} }
.sbaslist { /*.sbaslist {
background-color: $searchSbasListBg; background-color: $searchSbasListBg;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
} }*/
.sbas_list label { .sbas_list label {
color: $searchSbasListColor; color: $lightTextColor;
}
.clksbas span {
cursor: pointer;
font-weight: bold;
margin: 0 5px;
} }
.clkbas { .clkbas {
@@ -124,6 +114,11 @@ form.phrasea_query input.query {
-o-column-break-inside:avoid; -o-column-break-inside:avoid;
-ms-column-break-inside:avoid; -ms-column-break-inside:avoid;
column-break-inside:avoid; column-break-inside:avoid;
span {
cursor: pointer;
font-weight: bold;
margin: 0 5px;
}
} }
#searchForm .clkbas label { #searchForm .clkbas label {

316
resources/www/prod/skins/ui-components/_thumb-extractor.scss
View File

@@ -1,177 +1,151 @@
/******* THUMB EXTRACTOR ******************************************************/ /******* THUMB EXTRACTOR ******************************************************/
#thumbExtractor { #thumbExtractor {
background-color: #404040; background-color: $lightBackgroundColor;
.main_title {
height: 15px;
font-weight: bold;
top: 15px;
}
.part_title_left {
height: 20px;
width: 320px;
top: 30px;
left: 10px;
}
.part_title_right {
height: 20px;
width: 320px;
top: 30px;
left: 380px;
}
#thumb_info {
padding-top: 25px;
font-style: italic;
}
.frame_video {
border: 1px solid $darkerBorderColor;
height: 210px;
width: 320px;
top: 50px;
left: 10px;
}
#thumb_video {
height: 100%;
width: 100%;
}
.frame_canva {
border: 1px solid $darkerBorderColor;
border-bottom: none;
height: 210px;
line-height: 210px;
width: 320px;
top: 50px;
left: 380px;
z-index: 2;
text-align: center;
}
#thumb_canvas {
vertical-align: middle;
display: inline-block;
line-height: 20px;
}
.action_bar_left {
height: 20px;
width: 320px;
left: 10px;
top: 260px;
padding: 2px;
}
.action_bar_right {
height: 20px;
width: 320px;
top: 260px;
left: 380px;
display: table-row;
padding: 2px;
.action_icon {
padding-right: 10px;
display: table-cell;
vertical-align: middle;
&:hover {
cursor: pointer;
}
}
}
#thumb_reset_button {
width: 41px;
height: 41px;
position: absolute;
bottom: 10px;
right: 60px;
display: none;
line-height: 20px;
}
#thumb_delete_button {
width: 41px;
height: 41px;
position: absolute;
bottom: 10px;
right: 10px;
display: none;
line-height: 20px;
}
#thumb_delete_button,
#thumb_reset_button {
cursor: pointer;
}
#thumb_slider {
height: 95px;
width: 320px;
top: 285px;
left: 380px;
padding: 0;
overflow: auto;
}
#thumb_wrapper {
white-space: nowrap;
margin-top: 15px;
img {
display: inline-block;
width: 80px;
height: 60px;
margin-left: 5px;
margin-right: 5px;
&.selected {
border: 2px solid $bgInverseHoverColor;
}
}
}
#thumb_camera_button {
cursor: pointer;
height: 50px;
width: 320px;
top: 300px;
left: 10px;
text-align: center;
}
#thumb_validate_button {
cursor: pointer;
height: 30px;
width: 80px;
top: 385px;
left: 620px;
padding: 0;
}
.action_frame .ui-slider .ui-slider-handle {
background-color: #FFFFFF;
}
} }
#thumbExtractor .main_title { #thumb_confirm {
height: 15px; table {
font-weight: bold; table-layout: fixed;
top: 15px; width: 100%;
td {
padding: 5px;
text-align: center;
vertical-align: middle;
}
}
} }
#thumbExtractor .part_title_left {
height: 20px;
width: 320px;
top: 30px;
left: 10px;
}
#thumbExtractor .part_title_right {
height: 20px;
width: 320px;
top: 30px;
left: 380px;
}
#thumbExtractor #thumb_info {
padding-top: 25px;
font-style: italic;
}
#thumbExtractor .frame_video {
border: 1px solid #1A1B1B;
height: 210px;
width: 320px;
top: 50px;
left: 10px;
}
#thumbExtractor #thumb_video {
height: 100%;
width: 100%;
}
#thumbExtractor .frame_canva {
border: 1px solid #1A1B1B;
border-bottom: none;
height: 210px;
line-height:210px;
width: 320px;
top: 50px;
left: 380px;
z-index: 2;
text-align: center;
}
#thumbExtractor #thumb_canvas {
vertical-align:middle;
display:inline-block;
line-height: 20px;
}
#thumbExtractor .action_bar_left {
height: 20px;
width: 320px;
left: 10px;
top: 260px;
background-color: #3B3D3B;
border: 1px solid #3B3D3B;
padding: 2px;
}
#thumbExtractor .action_bar_right {
height: 20px;
width: 320px;
top: 260px;
left: 380px;
background-color: #3B3D3B;
border: 1px solid #3B3D3B;
display: table-row;
padding: 2px;
}
#thumbExtractor .action_bar_right .action_icon {
padding-right: 10px;
display: table-cell;
vertical-align: middle;
}
#thumbExtractor .action_bar_right .action_icon:hover {
cursor: pointer;
}
#thumbExtractor #thumb_reset_button {
width: 41px;
height: 41px;
position: absolute;
bottom: 10px;
right: 60px;
display: none;
line-height: 20px;
}
#thumbExtractor #thumb_delete_button {
width: 41px;
height: 41px;
position: absolute;
bottom: 10px;
right: 10px;
display: none;
line-height: 20px;
}
#thumbExtractor #thumb_delete_button,
#thumbExtractor #thumb_reset_button {
cursor: pointer;
}
#thumbExtractor #thumb_slider {
height: 95px;
width: 320px;
top: 285px;
left: 380px;
padding: 0;
overflow: auto;
}
#thumbExtractor #thumb_wrapper {
white-space: nowrap;
margin-top: 15px;
}
#thumbExtractor #thumb_wrapper img {
display: inline-block;
width: 80px;
height: 60px;
margin-left: 5px;
margin-right: 5px;
}
#thumbExtractor #thumb_wrapper img.selected {
border: 2px solid $bgInverseHoverColor;
}
#thumbExtractor #thumb_camera_button {
cursor: pointer;
height: 50px;
width: 320px;
top: 300px;
left: 10px;
text-align: center;
}
#thumbExtractor #thumb_validate_button {
cursor: pointer;
height: 30px;
width: 80px;
top: 385px;
left: 620px;
padding: 0;
}
#thumbExtractor .action_frame .ui-slider .ui-slider-handle {
background-color: #FFFFFF;
}
#thumb_confirm table {
table-layout: fixed;
width: 100%;
}
#thumb_confirm table td {
padding: 5px;
text-align: center;
vertical-align: middle;
}

452
resources/www/prod/skins/ui-components/_upload.scss
View File

@@ -2,6 +2,21 @@
/******* UPLOAD MANAGER *******************************************************/ /******* UPLOAD MANAGER *******************************************************/
#uploadBoxLeft, #uploadBoxRight {
width: 48.5%;
height: 100%;
overflow: auto;
text-align: center;
}
#uploadBoxLeft {
float: left;
}
#uploadBoxRight {
float: right;
}
#uploadBox { #uploadBox {
height: 100%; height: 100%;
h5 { h5 {
@@ -32,263 +47,214 @@
font-style: italic; font-style: italic;
color: $textSecondaryColor; color: $textSecondaryColor;
} }
} .fileinput-button {
position: relative;
#uploadBoxLeft, #uploadBoxRight { overflow: hidden;
width: 48.5%; input {
height: 100%; position: absolute;
overflow: auto; top: 0;
text-align: center; right: 0;
} margin: 0;
border: solid transparent;
#uploadBoxLeft { border-width: 0 0 100px 200px;
float: left; opacity: 0;
} filter: alpha(opacity=0);
-moz-transform: translate(-300px, 0) scale(4);
#uploadBoxRight { direction: ltr;
float: right; cursor: pointer;
} }
}
#uploadBox .fileinput-button { .status-tab {
position: relative; width: 100%;
overflow: hidden; margin-bottom: 10px;
} td {
padding: 2px;
#uploadBox .fileinput-button input { }
position: absolute; }
top: 0; .status-tab-left {
right: 0; width: 48%;
margin: 0; padding-right: 5px;
border: solid transparent; text-align: right;
border-width: 0 0 100px 200px; }
opacity: 0; .status-tab-right {
filter: alpha(opacity=0); width: 48%;
-moz-transform: translate(-300px, 0) scale(4); padding-left: 5px;
direction: ltr; text-align: left;
cursor: pointer; }
} .status-tab-left input,
.status-tab-right input {
#uploadBox .status-tab { margin-left: 5px;
width: 100%; margin-right: 5px;
margin-bottom: 10px; }
} .thumbnails {
margin-left: -20px;
#uploadBox .status-tab td { > li {
padding: 2px; margin-left: 20px;
} }
}
#uploadBox .status-tab-left { .upload-record {
width: 48%; height: 260px;
padding-right: 5px; background-color: $uploadBg1;
text-align: right; .canva-wrapper {
} height: 125px;
overflow: auto;
#uploadBox .status-tab-right { }
width: 48%; .name-doc {
padding-left: 5px; height:40px;
text-align: left; overflow: hidden;
} -o-text-overflow: ellipsis; /* pour Opera 9 */
text-overflow: ellipsis;
#uploadBox .status-tab-left input, #uploadBox .status-tab-right input { font-weight: bold;
margin-left: 5px; }
margin-right: 5px; .infos-doc {
} overflow: hidden;
-o-text-overflow: ellipsis; /* pour Opera 9 */
#uploadBox .thumbnails { text-overflow: ellipsis;
margin-left: -20px; color: #777777;
} height: 40px;
}
#uploadBox .thumbnails > li { .error, .success{
margin-left: 20px; height: 55px;
} padding-top: 2px;
padding-bottom: 3px;
#uploadBox .upload-record { display: none;
height: 260px; overflow: auto;
background-color: $uploadBg1; }
} .error {
padding: 0;
#uploadBox .flash-box .upload-record { width: 100%;
height: 160px; }
background-color: $uploadBg2; .remove-element {
} margin: 2px 0;
}
#uploadBox .upload-record .canva-wrapper { }
height: 125px; .flash-box .upload-record {
overflow: auto; height: 160px;
} background-color: $uploadBg2;
}
#uploadBox .upload-record .name-doc { .select-label {
height:40px; font-style: italic;
overflow: hidden; color: $textSecondaryColor;
-o-text-overflow: ellipsis; /* pour Opera 9 */ }
text-overflow: ellipsis; .select-row {
font-weight: bold; font-weight: normal;
} font-style: normal;
}
#uploadBox .upload-record .infos-doc { .progress {
overflow: hidden; margin-top: 4px;
-o-text-overflow: ellipsis; /* pour Opera 9 */ margin-bottom: 10px;
text-overflow: ellipsis; height: 10px;
color: #777777; }
height: 40px; .uploader-button{
} text-align: center;
width:50%;
#uploadBox .upload-record .error, #uploadBox .upload-record .success{ }
height: 55px; #addFileList {
padding-top: 2px; width:100%;
padding-bottom: 3px; table-layout:fixed;
display: none; border:none;
overflow: auto; td{
} vertical-align: middle;
}
#uploadBox .upload-record .remove-element { }
margin: 2px 0; .uploader-icon {
} width:15%;
text-align:left;
#uploadBox .upload-record .error { }
padding: 0; .uploader-info {
width: 100%; font-size:10px;
} width:35%;
text-align:left;
#uploadBox .select-label { p {
font-style: italic; line-height:10px;
color: $textSecondaryColor; font-size:10px;
} word-wrap: break-word;
}
#uploadBox .select-row { a {
font-weight: normal; text-decoration: underline;
font-style: normal; color: darkblue;
} margin:5px 0;
}
#uploadBoxRight .progress { }
margin-top: 4px;
margin-bottom: 10px;
height: 10px;
}
#uploadBox .uploader-button{
text-align: center;
width:50%;
}
#uploadBox #addFileList {
width:100%;
table-layout:fixed;
border:none;
}
#uploadBox #addFileList td{
vertical-align: middle;
}
#uploadBox .uploader-icon {
width:15%;
text-align:left;
}
#uploadBox .uploader-info {
font-size:10px;
width:35%;
text-align:left;
}
#uploadBox .uploader-info p {
line-height:10px;
font-size:10px;
word-wrap: break-word;
}
#uploadBox .uploader-info a {
text-decoration: underline;
color: darkblue;
margin:5px 0;
} }
#uploadBoxRight .progress .progress-bar { #uploadBoxRight .progress .progress-bar {
height: 10px; height: 10px;
} }
#lazaretBox {
&.container-fluid {
margin: 0;
padding: 0;
}
.loading {
background-image: url('#{$iconsPath}#{$uploadLoaderImg}');
background-position: center right;
background-repeat: no-repeat;
}
li.wrapper-item {
margin-bottom: 20px;
}
.lazaret-file h5,
.lazaret-proposals h5 {
margin-top: 0;
margin-bottom: 10px;
}
.lazaret-file p,
.lazaret-proposals p {
font-weight: bold;
overflow: hidden;
-o-text-overflow: ellipsis; /* for Opera 9 */
text-overflow: ellipsis;
}
span.info {
display: inline;
font-weight: normal;
}
.lazaret-file,
.lazaret-proposals {
a {
font-weight: normal;
color: $textPrimaryColor;
&:hover {
color: $textSecondaryColor;
}
}
.thumbnails {
margin-left: 0;
background-color: #FFFFFF;
min-height: 234px;
li {
margin: 0;
}
img {
max-height: 480px;
}
button {
font-weight: normal;
img {
margin-right: 5px;
}
}
.record-thumb {
height: 180px;
}
}
}
#lazaretBox .loading { .lazaret-proposals .records-subititution {
background-image: url('#{$iconsPath}#{$uploadLoaderImg}'); margin: 0 10px 10px 0;
background-position: center right; }
background-repeat: no-repeat;
}
#lazaretBox.container-fluid {
margin: 0;
padding: 0;
}
#lazaretBox li.wrapper-item {
margin-bottom: 20px;
}
#lazaretBox .lazaret-file h5,
#lazaretBox .lazaret-proposals h5 {
margin-top: 0;
margin-bottom: 10px;
}
#lazaretBox .lazaret-file p,
#lazaretBox .lazaret-proposals p {
font-weight: bold;
overflow: hidden;
-o-text-overflow: ellipsis; /* for Opera 9 */
text-overflow: ellipsis;
}
#lazaretBox span.info {
display: inline;
font-weight: normal;
}
#lazaretBox .lazaret-file a,
#lazaretBox .lazaret-proposals a {
font-weight: normal;
color: $textPrimaryColor;
}
#lazaretBox .lazaret-file a:hover,
#lazaretBox .lazaret-proposals a:hover {
color: $textSecondaryColor;
} }
#lazaretBox .lazaret-file .thumbnails,
#lazaretBox .lazaret-proposals .thumbnails {
margin-left: 0;
}
#lazaretBox .lazaret-file .thumbnails li {
margin: 0;
}
#lazaretBox .lazaret-proposals .records-subititution {
margin: 0 10px 10px 0;
}
#lazaretBox .lazaret-file .thumbnail,
#lazaretBox .lazaret-proposals .thumbnail {
background-color: #FFFFFF;
}
#lazaretBox .lazaret-proposals .thumbnail {
min-height: 234px;
}
#lazaretBox .lazaret-proposals .thumbnail .record-thumb {
height: 180px;
}
#lazaretBox .lazaret-file .thumbnail img {
max-height: 480px;
}
#lazaretBox .lazaret-file .thumbnail button {
font-weight: normal;
}
#lazaretBox .lazaret-file .thumbnail button img {
margin-right: 5px;
}

8
resources/www/prod/skins/ui-components/_workzone-baskets.scss
View File

@@ -187,21 +187,21 @@
#baskets { #baskets {
> div { > div {
border-top: 1px solid $proposalsBorder; border-top: 1px solid $mediumBorderColor;
} }
.SSTT { .SSTT {
&.active { &.active {
border: 1px solid #b1b1b1; border: 1px solid #b1b1b1;
&.ui-corner-top { &.ui-corner-top {
border: none; border: none;
border-top: 1px solid #000; border-top: 1px solid $mediumBorderColor;
top: 0; top: 0;
background-color: #212121; background-color: $mediumBackgroundColor;
} }
} }
&.grouping { &.grouping {
&.active { &.active {
border: 1px solid #2f4a6f; // border: 1px solid #2f4a6f;
&.ui-corner-top { &.ui-corner-top {
border-bottom: none; border-bottom: none;
} }

16
resources/www/prod/skins/ui-components/_workzone-proposals.scss
View File

@@ -3,21 +3,21 @@
#proposals { #proposals {
position: relative; position: relative;
left: 5px; left: 5px;
border-top: 1px solid $proposalsBorder; border-top: 1px solid $darkBorderColor;
top: 87px !important; top: 87px !important;
*:focus { *:focus {
outline: none; outline: none;
} }
ul { ul {
ul { ul {
background-color: $proposalsBg; background-color: $darkBackgroundColor;
} }
li { li {
line-height: 17px; line-height: 17px;
font-size: 13px; font-size: 13px;
} }
&.fancytree-container { &.fancytree-container {
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
border: 0px none transparent; border: 0px none transparent;
overflow-x: hidden; overflow-x: hidden;
padding-left: 0; padding-left: 0;
@@ -47,23 +47,23 @@
height: 49px; height: 49px;
line-height: 49px; line-height: 49px;
margin-left: 0; margin-left: 0;
border-left: 4px solid $backgroudSecondaryColor; border-left: 4px solid $mediumBackgroundColor;
border-bottom: 1px solid $proposalsTitleBorder; border-bottom: 1px solid $mediumBorderColor;
.fancytree-title { .fancytree-title {
font-size: 12px; font-size: 12px;
margin-left: 10px; margin-left: 10px;
} }
&:hover { &:hover {
border-left: 4px solid $proposalColor; border-left: 4px solid $proposalColor;
color: $textPrimaryHoverColor; color: $mediumTextHoverColor;
.fancytree-title { .fancytree-title {
color: $textPrimaryHoverColor; color: $mediumTextHoverColor;
} }
} }
.fancytree-expander { .fancytree-expander {
&:before { &:before {
content: '\25C0'; /* U+25C0 BLACK LEFT-POINTING TRIANGLE */ content: '\25C0'; /* U+25C0 BLACK LEFT-POINTING TRIANGLE */
color: #a0a0a0; color: $mediumTextColor;
} }
&:hover { &:hover {
&:before { &:before {

16
resources/www/prod/skins/ui-components/_workzone-thesaurus.scss
View File

@@ -2,7 +2,7 @@
.treeview { .treeview {
li { li {
color: #a1a1a1; color: $mediumTextColor;
vertical-align: middle; vertical-align: middle;
background-image: none; background-image: none;
} }
@@ -14,11 +14,11 @@
background: none; background: none;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
border-bottom: 1px solid $treeviewBorderExpandable; border-bottom: 1px solid $mediumBorderColor;
> .hitarea { > .hitarea {
height: 51px; height: 51px;
background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat; background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat;
border-left: 5px $backgroudSecondaryColor solid; border-left: 5px $mediumBackgroundColor solid;
&:hover, &:hover,
&.active { &.active {
border-left: 5px $thesaurusColor solid; border-left: 5px $thesaurusColor solid;
@@ -44,7 +44,7 @@
color: $textPrimaryColor; color: $textPrimaryColor;
} }
span { span {
color: #a6a6a6; color: $mediumTextColor;
&.h { &.h {
color: $thesaurusColor !important; color: $thesaurusColor !important;
} }
@@ -94,7 +94,7 @@ dans l'onglet thesaurus : arbres, menus contextuels
} }
.treeview { .treeview {
ul { ul {
background-color: $proposalsBg; background-color: $darkBackgroundColor;
margin-left: -16px; margin-left: -16px;
padding-left: 16px; padding-left: 16px;
li { li {
@@ -149,14 +149,14 @@ dans l'onglet thesaurus : arbres, menus contextuels
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 1px solid $thesaurusBorder1; border: 1px solid $mediumBorderColor;
border-top: none; border-top: none;
input.input-medium { input.input-medium {
width: 80%; width: 80%;
border-radius: 0; border-radius: 0;
height: 50px; height: 50px;
padding: 0 2.5%; padding: 0 2.5%;
background: $thesaurusBg1; background: $thesaurusInputBackground;
border: none; border: none;
float: left; float: left;
margin: 0; margin: 0;
@@ -167,7 +167,7 @@ dans l'onglet thesaurus : arbres, menus contextuels
vertical-align: middle; vertical-align: middle;
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
background: $backgroudSecondaryColor url('#{$iconsPath}icon_magnify.png') 50% no-repeat; background: $mediumBackgroundColor url('#{$iconsPath}icon_magnify.png') 50% no-repeat;
border: none; border: none;
margin: 0; margin: 0;
outline: none; outline: none;

6
resources/www/prod/skins/ui-components/_workzone.scss
View File

@@ -22,9 +22,9 @@
background: url('#{$iconsPath}workzoneEscamote.png') 30px 36px no-repeat; background: url('#{$iconsPath}workzoneEscamote.png') 30px 36px no-repeat;
} }
.wrapper { .wrapper {
background-color: $workzoneBg; background-color: $mediumBackgroundColor;
right: 10px; right: 10px;
border-top: 1px solid $workzoneBorderTop; border-top: 1px solid $mediumBorderColor; //$workzoneBorderTop;
} }
.ui-tabs { .ui-tabs {
@@ -38,7 +38,7 @@
width: auto; width: auto;
height: 85px; height: 85px;
display: inline-block; display: inline-block;
background-color: $backgroudSecondaryColor; background-color: $mediumBackgroundColor;
z-index: 10; z-index: 10;
border-radius: 0; border-radius: 0;
&.proposals_WZ { &.proposals_WZ {

153
resources/www/vendors/jquery-ui/dark-hive.scss vendored
View File

@@ -800,159 +800,6 @@ body .ui-tooltip {
font-family: Verdana,Arial,sans-serif; font-family: Verdana,Arial,sans-serif;
font-size: 1em; font-size: 1em;
} }
.ui-widget-content {
border: 1px solid #555555;
background: #000000 url('#{$imagesPath}ui-bg_loop_25_000000_21x21.png') 50% 50% repeat;
color: #ffffff;
}
.ui-widget-content a {
color: #ffffff;
}
.ui-widget-header {
border: 1px solid #333333;
background: #444444 url('#{$imagesPath}ui-bg_highlight-soft_44_444444_1x100.png') 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #444444;
background: #222222 url('#{$imagesPath}ui-bg_highlight-soft_35_222222_1x100.png') 50% 50% repeat-x;
font-weight: normal;
color: #eeeeee;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #eeeeee;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #0b93d5;
background: #003147 url('#{$imagesPath}ui-bg_highlight-soft_33_003147_1x100.png') 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #ffffff;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #26b3f7;
background: #0972a5 url('#{$imagesPath}ui-bg_highlight-hard_20_0972a5_1x100.png') 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #cccccc;
background: #eeeeee url('#{$imagesPath}ui-bg_highlight-soft_80_eeeeee_1x100.png') 50% top repeat-x;
color: #2e7db2;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #2e7db2;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #ffb73d;
background: #ffc73d url('#{$imagesPath}ui-bg_glass_40_ffc73d_1x400.png') 50% 50% repeat-x;
color: #111111;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #111111;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #111111;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url('#{$imagesPath}ui-icons_cccccc_256x240.png');
}
.ui-widget-header .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ffffff_256x240.png');
}
.ui-state-default .ui-icon {
background-image: url('#{$imagesPath}ui-icons_cccccc_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ffffff_256x240.png');
}
.ui-state-active .ui-icon {
background-image: url('#{$imagesPath}ui-icons_222222_256x240.png');
}
.ui-state-highlight .ui-icon {
background-image: url('#{$imagesPath}ui-icons_4b8e0b_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url('#{$imagesPath}ui-icons_a83300_256x240.png');
}
/* positioning */ /* positioning */
.ui-icon-blank { background-position: 16px 16px; } .ui-icon-blank { background-position: 16px 16px; }

159
resources/www/vendors/jquery-ui/ui-lightness.scss vendored
View File

@@ -604,7 +604,7 @@ button.ui-button::-moz-focus-inner {
height: 100%; height: 100%;
} }
.ui-progressbar .ui-progressbar-overlay { .ui-progressbar .ui-progressbar-overlay {
background: url("images/animated-overlay.gif"); background: url('#{$imagesPath}animated-overlay.gif');
height: 100%; height: 100%;
filter: alpha(opacity=25); filter: alpha(opacity=25);
opacity: 0.25; opacity: 0.25;
@@ -787,7 +787,7 @@ body .ui-tooltip {
/* Component containers /* Component containers
----------------------------------*/ ----------------------------------*/
.ui-widget { .ui-widget {
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-family: Verdana,Arial,sans-serif;
font-size: 1.1em; font-size: 1.1em;
} }
.ui-widget .ui-widget { .ui-widget .ui-widget {
@@ -797,162 +797,9 @@ body .ui-tooltip {
.ui-widget select, .ui-widget select,
.ui-widget textarea, .ui-widget textarea,
.ui-widget button { .ui-widget button {
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-family: Verdana,Arial,sans-serif;
font-size: 1em; font-size: 1em;
} }
.ui-widget-content {
border: 1px solid #dddddd;
background: #eeeeee url('#{$imagesPath}ui-bg_highlight-soft_100_eeeeee_1x100.png') 50% top repeat-x;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #e78f08;
background: #f6a828 url('#{$imagesPath}ui-bg_gloss-wave_35_f6a828_500x100.png') 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
background: #f6f6f6 url('#{$imagesPath}ui-bg_glass_100_f6f6f6_1x400.png') 50% 50% repeat-x;
font-weight: bold;
color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #1c94c4;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #fbcb09;
background: #fdf5ce url('#{$imagesPath}ui-bg_glass_100_fdf5ce_1x400.png') 50% 50% repeat-x;
font-weight: bold;
color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #c77405;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #fbd850;
background: #ffffff url('#{$imagesPath}ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
font-weight: bold;
color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #eb8f00;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fed22f;
background: #ffe45c url('#{$imagesPath}ui-bg_highlight-soft_75_ffe45c_1x100.png') 50% top repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #b81900 url('#{$imagesPath}ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50% repeat;
color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url('#{$imagesPath}ui-icons_222222_256x240.png');
}
.ui-widget-header .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ffffff_256x240.png');
}
.ui-state-default .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ef8c08_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ef8c08_256x240.png');
}
.ui-state-active .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ef8c08_256x240.png');
}
.ui-state-highlight .ui-icon {
background-image: url('#{$imagesPath}ui-icons_228ef1_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url('#{$imagesPath}ui-icons_ffd27a_256x240.png');
}
/* positioning */ /* positioning */
.ui-icon-blank { background-position: 16px 16px; } .ui-icon-blank { background-position: 16px 16px; }

2
templates/web/common/index_bootstrap.html.twig
View File

@@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{% if local_title is defined%}{{local_title}} | {% endif %}{{ app['conf'].get(['registry', 'general', 'title']) }} {% if module_name is defined %} - {{ module_name }} {% endif %}</title> <title>{% if local_title is defined%}{{local_title}} | {% endif %}{{ app['conf'].get(['registry', 'general', 'title']) }} {% if module_name is defined %} - {{ module_name }} {% endif %}</title>
<link type="text/css" rel="stylesheet" href="/assets/vendors/jquery-ui/css/{{ jquery_theme|default('ui-lightness') }}{% if not app.debug %}.min{% endif %}.css"> {#<link type="text/css" rel="stylesheet" href="/assets/vendors/jquery-ui/css/{{ jquery_theme|default('ui-lightness') }}{% if not app.debug %}.min{% endif %}.css">#}
<link type="text/css" rel="stylesheet" href="/assets/common/css/common{% if not app.debug %}.min{% endif %}.css"> <link type="text/css" rel="stylesheet" href="/assets/common/css/common{% if not app.debug %}.min{% endif %}.css">
<!--[if lte IE 8]> <!--[if lte IE 8]>