mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-12 04:23:19 +00:00
wip: css cleanup
This commit is contained in:
Florian BLOUET
@@ -7,10 +7,11 @@ gulp.task('copy-jquery-ui-images', function(){
|
||||
.pipe(gulp.dest( config.paths.build + 'vendors/jquery-ui/images'));
|
||||
});
|
||||
|
||||
// DEPRECATED > theme is loaded in skin 000000
|
||||
gulp.task('copy-jquery-ui-theme1', function(){
|
||||
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(){
|
||||
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
1005
resources/www/_shared/styles/jquery-ui/_shared.scss
Normal file
File diff suppressed because it is too large
Load Diff
173
resources/www/_shared/styles/jquery-ui/dark-hive.scss
Normal file
173
resources/www/_shared/styles/jquery-ui/dark-hive.scss
Normal 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
175
resources/www/_shared/styles/jquery-ui/ui-lightness.scss
Normal 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;
|
||||
}
|
||||
@@ -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/';
|
||||
|
||||
$defaultBorderColor: #303030;
|
||||
$defaultBorderRadius: 2px;
|
||||
$backgroudPrimaryColor: #1A1A1A;
|
||||
$backgroudSecondaryColor: #3b3b3b;
|
||||
$backgroudAltColor: #404040;
|
||||
$backgroundAltPrimaryColor: #1a1a1a;
|
||||
|
||||
$textPrimaryColor: #FFFFFF; //#b1b1b1;
|
||||
$textPrimaryHoverColor: #FFFFFF;
|
||||
@@ -44,11 +9,37 @@ $textPrimaryActiveColor: #FFFFFF;
|
||||
$textPrimaryInverseColor: #3b3b3b;
|
||||
$textSecondaryColor: #999999;
|
||||
|
||||
$highlightTextColor: #FFFFFF;
|
||||
$highlightColor: #076882;
|
||||
$hightlightLighterColor: #005580;
|
||||
$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
|
||||
$textInverseColor: #FFFFFF;
|
||||
$textInverseHoverColor: #000;
|
||||
@@ -62,10 +53,7 @@ $mainMenuRightListBorderLeft: #292929;
|
||||
$scrollBgColor: #3b3b3b;
|
||||
|
||||
$paginateBorderColor: #3b3b3b;
|
||||
$paginateBorder2Color: $highlightColor;
|
||||
$paginateTextColor: $highlightTextColor;
|
||||
$paginateBg1: #141414;
|
||||
$paginateBg2: $highlightColor;
|
||||
$contextMenuBgHover: $highlightDarkerColor;
|
||||
|
||||
|
||||
@@ -73,19 +61,6 @@ $uploadBg1: #FFFFFF;
|
||||
$uploadBg2: #FFFFFF;
|
||||
$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;
|
||||
$bridgeDropdownMenuBg: #393939;
|
||||
$bridgeDropdownMenuBorder: #515151;
|
||||
@@ -93,30 +68,16 @@ $bridgeDropdownMenuColor: #aaaaaa;
|
||||
$bridgeDropdownMenuHoverBg: #313131;
|
||||
$bridgeDropdownMenuHoverColor: #FFFFFF;
|
||||
|
||||
$thesaurusBorder1: #303030;
|
||||
$thesaurusBg1: #ededed;
|
||||
|
||||
$thesaurusBorder2: #404040;
|
||||
$thesaurusBg2: #404040;
|
||||
$thesaurusInputBackground: #ededed;
|
||||
|
||||
$thesaurusContextMenuColor: #c0c0c0;
|
||||
$proposalsBg: #292929;
|
||||
$proposalsBorder: $defaultBorderColor;
|
||||
$proposalsTitle: #A6A6A6;
|
||||
$proposalsTitleBorder: #303030;
|
||||
|
||||
$basketsBorder: #b1b1b1;
|
||||
$basketsBorder2: #515151;
|
||||
$basketsTextColor: #AAAAAA;
|
||||
$basketsBg1: #212121;
|
||||
|
||||
$guiSplitterImg: 'vsplitter2.png';
|
||||
|
||||
$workzoneBg: #3b3b3b;
|
||||
$workzoneBorderTop: $defaultBorderColor;
|
||||
$workzoneColor1: inherit;
|
||||
$workzoneColor2: inherit;
|
||||
$workzoneColor3: #EAEAEA;
|
||||
$workzoneTabBgHover: #666666;
|
||||
$workzoneTabBgActive: #333333;
|
||||
$workzoneTabBorderTop: #303030;
|
||||
@@ -125,8 +86,6 @@ $workzoneBasketAlertDataBg: #fff190;
|
||||
$workzoneBasketAlertDataColor: #1a1a1a;
|
||||
$workzoneToolsLabelColor: #7f7f7f;
|
||||
|
||||
$treeviewBorderExpandable: #303030;
|
||||
|
||||
$answersToolsBtnSeparatorBorder: #474747;
|
||||
$answersToolsBtnBg: #393939;
|
||||
$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;
|
||||
$editTextMultiValueBorder: #999999;
|
||||
$editTextMultiValueHighlightBg: #222222;
|
||||
|
||||
$preferencesLabelColor: #999999;
|
||||
|
||||
$uiColor1: #111111;
|
||||
$activeStateIcon: 'ui-icons_cccccc_256x240.png';
|
||||
$accordionLoaderImg: 'loader-white.gif';
|
||||
$accordionBorderColor: $defaultBorderColor;
|
||||
$accordionBgHeaderHover: #474747;
|
||||
$accordionBgContent: #212121;
|
||||
|
||||
$popoverBg: #000;
|
||||
$popoverBorder: #444;
|
||||
$popoverColor: $textPrimaryColor;
|
||||
$popoverInnerBg: #000;
|
||||
$modalBorder: 1px solid #555555;
|
||||
$modalBackground: #212121;
|
||||
$inputButtonHoverColor: #FEFEFE;
|
||||
$inputFallbackBorderColor: #b1b1b1;
|
||||
|
||||
|
||||
$dropdownDividerBg: #515151;
|
||||
$dropdownDividerBorder: #404040;
|
||||
$dropdownDividerBorder: $darkerBorderColor;
|
||||
|
||||
$overlayBg: #111111;
|
||||
|
||||
$tabsNavBg: #666666;
|
||||
$tabsNavBgActive: $backgroudSecondaryColor;
|
||||
$sliderBg: #1a1a1a;
|
||||
$tabsNavBgActive: $mediumBackgroundColor;
|
||||
$contentLoaderImg: 'loader-white.gif';
|
||||
|
||||
$btnBackground: #EAEAEA;
|
||||
@@ -216,6 +140,5 @@ $linkDefaultColor: #b1b1b1;
|
||||
$linkDefaultHover: #838383;
|
||||
|
||||
|
||||
|
||||
|
||||
@import '../../../_shared/styles/jquery-ui/dark-hive';
|
||||
@import '../skin-shared';
|
||||
|
||||
@@ -1,22 +1,45 @@
|
||||
|
||||
$skinsImagesPath: '/assets/vendors/jquery-ui/images/ui-lightness/';
|
||||
|
||||
$defaultBorderColor: #999999;
|
||||
$defaultBorderRadius: 2px;
|
||||
$backgroudPrimaryColor: #F1F1F1;
|
||||
$backgroudSecondaryColor: #B2B2B2; //#D9D9D9;
|
||||
$backgroundAltPrimaryColor: #1a1a1a;
|
||||
|
||||
$textPrimaryColor: #333333;
|
||||
$textPrimaryHoverColor: #1a1a1a;
|
||||
$textPrimaryActiveColor: #1a1a1a;
|
||||
$textPrimaryInverseColor: #3b3b3b;
|
||||
$textSecondaryColor: #999999;
|
||||
|
||||
$highlightTextColor: #FFFFFF;
|
||||
$highlightColor: #076882;
|
||||
$hightlightLighterColor: #005580;
|
||||
$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
|
||||
$textInverseColor: #000;
|
||||
$textInverseHoverColor: #000;
|
||||
@@ -26,31 +49,17 @@ $bgInverseHoverColor: #FFF;
|
||||
$mainMenuColor: #FFF;
|
||||
$mainMenuRightListBorderLeft: #999;
|
||||
|
||||
$scrollBgColor: $backgroudSecondaryColor; //#3b3b3b;
|
||||
$scrollBgColor: $mediumBackgroundColor; //#3b3b3b;
|
||||
|
||||
$paginateBorderColor: #999999;
|
||||
$paginateBorder2Color: #999999;
|
||||
$paginateTextColor: #FFFFFF;
|
||||
// $paginateBorder2Color: #999999;
|
||||
// $paginateTextColor: #FFFFFF;
|
||||
$paginateBg1: #D9D9D9;
|
||||
$paginateBg2: #999;
|
||||
|
||||
$uploadBg1: #FFFFFF;
|
||||
$uploadBg2: transparent;
|
||||
$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;
|
||||
$bridgeDropdownMenuBg: #A4A4A4;
|
||||
$bridgeDropdownMenuBorder: #666666;
|
||||
@@ -58,30 +67,17 @@ $bridgeDropdownMenuColor: #EAEAEA;
|
||||
$bridgeDropdownMenuHoverBg: #666666;
|
||||
$bridgeDropdownMenuHoverColor: #FFFFFF;
|
||||
|
||||
$thesaurusBorder1: #999;
|
||||
$thesaurusBg1: #d4d4d4;
|
||||
$thesaurusInputBackground: #d4d4d4;
|
||||
|
||||
$thesaurusBorder2: #FFFFFF;
|
||||
$thesaurusBg2: #FFFFFF;
|
||||
|
||||
$thesaurusContextMenuColor: #FFFFFF;
|
||||
$proposalsBg: #999;
|
||||
$proposalsBorder: $defaultBorderColor;
|
||||
$proposalsTitle: #FFFFFF;
|
||||
$proposalsTitleBorder: #666666;
|
||||
|
||||
$basketsBorder: #B1B1B1;
|
||||
$basketsBorder2: #666666;
|
||||
$basketsTextColor: #777777;
|
||||
$basketsBg1: #B1B1B1;
|
||||
|
||||
$guiSplitterImg: 'vsplitter2-959595.png';
|
||||
|
||||
$workzoneBg: #B1B1B1;
|
||||
$workzoneBorderTop: #B1B1B1;
|
||||
$workzoneColor1: $textPrimaryColor;
|
||||
$workzoneColor2: #000;
|
||||
$workzoneColor3: #B2B2B2;
|
||||
$workzoneTabBgHover: #999;
|
||||
$workzoneTabBgActive: #999;
|
||||
$workzoneTabBorderTop: #999;
|
||||
@@ -90,7 +86,6 @@ $workzoneBasketAlertDataBg: #fff190;
|
||||
$workzoneBasketAlertDataColor: #1a1a1a;
|
||||
$workzoneToolsLabelColor: #FFFFFF;
|
||||
|
||||
$treeviewBorderExpandable: #B2B2B2;
|
||||
|
||||
$answersToolsBtnSeparatorBorder: #999;
|
||||
$answersToolsBtnBg: #A4A4A4;
|
||||
@@ -104,61 +99,28 @@ $answersToolsBtnSettingsHoverBg: #393939;
|
||||
$answersToolsBtnSettingsHoverColor: lighten($answersToolsBtnColor, 10);
|
||||
$answersToolsBtnSettingsBorder: #999;
|
||||
|
||||
$answersBg: #D9D9D9;
|
||||
$answersBorderTop: #D9D9D9;
|
||||
$answersInfoDialogBg: #999;
|
||||
$answersInfoDialogColor: #FFFFFF;
|
||||
$answersDocInfoBg: #999;
|
||||
$answersDocInfoBorder: #999;
|
||||
$answersDocInfoColor: #FFFFFF;
|
||||
// $diapoBorderColor: $darkerBorderColor;
|
||||
|
||||
$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;
|
||||
$editTextMultiValueBorder: #999999;
|
||||
$editTextMultiValueHighlightBg: #d0d0d0;
|
||||
|
||||
$preferencesLabelColor: #333333;
|
||||
|
||||
$uiColor1: #D9D9D9;
|
||||
$activeStateIcon: 'ui-icons_ffffff_256x240.png';
|
||||
$accordionLoaderImg: 'loader-black.gif';
|
||||
$accordionBorderColor: $defaultBorderColor;
|
||||
$accordionBgHeaderHover: #999;
|
||||
$accordionBgContent: #D9D9D9;
|
||||
|
||||
$popoverBg: #999999;
|
||||
$popoverBorder: #444;
|
||||
$popoverColor: $textPrimaryColor;
|
||||
$popoverInnerBg: #D9D9D9;
|
||||
$modalBorder: 1px solid #444;
|
||||
$modalBackground: #D9D9D9;
|
||||
$inputButtonHoverColor: #FEFEFE;
|
||||
$inputFallbackBorderColor: #b1b1b1;
|
||||
|
||||
$dropdownDividerBg: #515151;
|
||||
$dropdownDividerBorder: #404040;
|
||||
$dropdownDividerBg: $darkerBorderColor;
|
||||
$dropdownDividerBorder: $darkerBorderColor;
|
||||
|
||||
$overlayBg: #B1B1B1;
|
||||
|
||||
$tabsNavBg: #999999;
|
||||
$tabsNavBgActive: #B2B2B2; //#D9D9D9;
|
||||
$sliderBg: #1a1a1a;
|
||||
$contentLoaderImg: 'loader-black.gif';
|
||||
|
||||
$btnBackground: #444444; //#B9B9B9;
|
||||
@@ -177,4 +139,11 @@ $widgetContentColor: $textPrimaryInverseColor;
|
||||
$linkDefaultColor: #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';
|
||||
|
||||
@@ -7,7 +7,7 @@ $basketsColor: #076882;
|
||||
::-webkit-scrollbar-track
|
||||
{
|
||||
border-radius: 0;
|
||||
background-color: $backgroudPrimaryColor;
|
||||
background-color: $darkerBackgroundColor;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
@@ -53,8 +53,8 @@ legend {
|
||||
|
||||
|
||||
body {
|
||||
color: $textPrimaryColor;
|
||||
background-color: $backgroudPrimaryColor;
|
||||
color: $darkerTextColor;
|
||||
background-color: $darkerBackgroundColor;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -299,7 +299,7 @@ span.ww_winTitle {
|
||||
|
||||
#ui-datepicker-div {
|
||||
z-index: 2000;
|
||||
background-color: $backgroundAltPrimaryColor;
|
||||
background-color: $darkerBackgroundColor;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
@@ -446,7 +446,7 @@ H4 {
|
||||
|
||||
#sizeAns_slider .ui-slider-handle, #nperpage_slider .ui-slider-handle,
|
||||
#EDIT_ZOOMSLIDER .ui-slider-handle {
|
||||
background-color: $sliderBg;
|
||||
background-color: $darkerBackgroundColor;
|
||||
width: 8px;
|
||||
cursor: col-resize;
|
||||
}
|
||||
@@ -461,20 +461,24 @@ H4 {
|
||||
}
|
||||
|
||||
.popover-inner {
|
||||
background-color: $popoverBg;
|
||||
border: 2px solid $popoverBorder;
|
||||
background-color: $darkerBackgroundColor;
|
||||
border: 2px solid $darkerBorderColor;
|
||||
padding: 0px;
|
||||
color: $textPrimaryColor;
|
||||
color: $darkerTextColor;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.popover-inner .popover-title {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.popover-inner .popover-content {
|
||||
background-color: $popoverInnerBg;
|
||||
background-color: $darkerBackgroundColor;
|
||||
hr {
|
||||
background-color: $darkerTextColor;
|
||||
border-color: $darkerBorderColor;
|
||||
}
|
||||
}
|
||||
.dragover {
|
||||
BACKGROUND-COLOR: #fff100
|
||||
@@ -531,5 +535,4 @@ H4 {
|
||||
@import 'ui-components/modal-preview';
|
||||
@import 'ui-components/modal-push';
|
||||
@import 'ui-components/diapo';
|
||||
@import 'ui-components/modal-tools';
|
||||
@import 'ui-components/modal-preferences';
|
||||
@@ -14,7 +14,7 @@
|
||||
#idFrameT .btn-toolbar {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
font-size:10px;
|
||||
z-index:100;
|
||||
height:45px;
|
||||
@@ -47,7 +47,7 @@
|
||||
#idFrameT .tools .classicButton button.btn-inverse,
|
||||
#idFrameT .tools .dropdownButton button.btn-inverse {
|
||||
background-image: none;
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
height: 45px;
|
||||
|
||||
@@ -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 {
|
||||
float: none;
|
||||
margin: 0;
|
||||
@@ -37,36 +45,46 @@
|
||||
.downloader {
|
||||
background-image: url('#{$iconsPath}download.gif');
|
||||
}
|
||||
|
||||
#answers .status img {
|
||||
#answers {
|
||||
.status {
|
||||
img {
|
||||
max-width: 16px;
|
||||
max-height: 16px;
|
||||
}
|
||||
|
||||
#answers #answersNext {
|
||||
}
|
||||
#answersNext {
|
||||
width: 150px;
|
||||
margin: 5px;
|
||||
height: 193px;
|
||||
line-height: 193px;
|
||||
font-size: 25px;
|
||||
color: #666666;
|
||||
color: $answersLinkColor;
|
||||
cursor: pointer;
|
||||
}
|
||||
.list {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin: 10px;
|
||||
width: 600px;
|
||||
overflow: hidden;
|
||||
border: 3px solid #404040;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#idFrameT #answers {
|
||||
background-color: $answersBg;
|
||||
border: 1px solid $answersBorderTop;
|
||||
#idFrameT {
|
||||
#answers {
|
||||
background-color: $darkerBackgroundColor;
|
||||
border: 1px solid $darkerBorderColor;
|
||||
top: 55px;
|
||||
bottom: 0;
|
||||
margin-right: 8px;
|
||||
overflow-y: hidden;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
#idFrameT #answers:hover {
|
||||
&:hover {
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#answers_status{
|
||||
position: absolute;
|
||||
@@ -75,30 +93,23 @@
|
||||
height: 60px;
|
||||
width: 400px;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#answers_status table{
|
||||
table{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#answers_status table tr{
|
||||
tr{
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#answers_status table tr td.navigation{
|
||||
td.navigation{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#answers_status .infos {
|
||||
}
|
||||
}
|
||||
.infos {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
font-size: 11px;
|
||||
color: #949494;
|
||||
color: $answersInfoDialogColor;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
#answers_status .infos .infoDialog {
|
||||
.infoDialog {
|
||||
float: left;
|
||||
background: $answersInfoDialogBg;
|
||||
color: $answersInfoDialogColor;
|
||||
@@ -107,16 +118,23 @@
|
||||
padding-top: 24px;
|
||||
margin-right: 10px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
#answers_status .infos .infoDialog span {
|
||||
span {
|
||||
font-size: 22px;
|
||||
margin-bottom: 3px;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#answers_status #docInfo {
|
||||
}
|
||||
#nbrecsel {
|
||||
font-size: 22px;
|
||||
margin-top: 7px;
|
||||
float: left;
|
||||
margin-right: 7px;
|
||||
display: block;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
#docInfo {
|
||||
height: 40px;
|
||||
background: $answersDocInfoBg;
|
||||
color: $answersDocInfoColor;
|
||||
@@ -128,126 +146,114 @@
|
||||
line-height: 12px;
|
||||
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 ****************************************************************/
|
||||
|
||||
#answers .feed {
|
||||
#answers {
|
||||
.feed {
|
||||
position: relative;
|
||||
clear: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#answers .feed .btn {
|
||||
.btn {
|
||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#answers .feed .btn-inverse:hover {
|
||||
.btn-inverse:hover {
|
||||
color: $textPrimaryHoverColor;
|
||||
}
|
||||
|
||||
#answers .feed .btn-group.open .btn-inverse.dropdown-toggle {
|
||||
background-color: $answersFeedBtnGrpBg;
|
||||
.btn-group.open .btn-inverse.dropdown-toggle {
|
||||
background-color: $darkerBackgroundColor;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
#answers .feed .headblock {
|
||||
.headblock {
|
||||
max-width: 800px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#answers .feed .headblock table {
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#answers .feed .headblock h1 {
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
#answers .feed .headblock h1 img {
|
||||
img {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#answers .feed .headblock a.subscribe_rss {
|
||||
}
|
||||
a.subscribe_rss {
|
||||
font-size: 14px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#answers .feed .entry {
|
||||
}
|
||||
.entry {
|
||||
margin: 0 0 30px;
|
||||
padding: 10px;
|
||||
border: 3px solid $answersFeedEntryBorder;
|
||||
background-color: $answersFeedEntryBg;
|
||||
border: 1px solid $mediumBorderColor; //$answersFeedEntryBorder;
|
||||
background-color: $mediumBackgroundColor; //$answersFeedEntryBg;
|
||||
float: left;
|
||||
&.hover {
|
||||
border: 1px solid $mediumBorderHighlightColor;
|
||||
}
|
||||
|
||||
#answers .feed .entry.hover {
|
||||
border: 3px solid $answersFeedEntryBorderHover;
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#answers .feed .entry table.head {
|
||||
table{
|
||||
&.head {
|
||||
vertical-align: middle;
|
||||
margin: 10px 0;
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
#answers .feed .entry table a.tools {
|
||||
a.tools {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#answers .feed .entry.hover table a.tools {
|
||||
}
|
||||
&.hover{
|
||||
table a.tools {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#answers .feed h1,
|
||||
#answers .feed .post_date {
|
||||
}
|
||||
}
|
||||
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,
|
||||
#answers .feed .entry,
|
||||
#answers .feed h1,
|
||||
#answers .feed p,
|
||||
#answers .feed .contents,
|
||||
#answers .feed .see_more,
|
||||
#answers .feed .post_date {
|
||||
.entry,
|
||||
h1,
|
||||
p,
|
||||
.contents,
|
||||
.see_more,
|
||||
.post_date {
|
||||
position: relative;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#answers .feed .see_more {
|
||||
.see_more {
|
||||
height: 60px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
background-position: center bottom;
|
||||
}
|
||||
|
||||
#answers .feed .contents {
|
||||
.contents {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#answers .feed .post_date {
|
||||
.post_date {
|
||||
text-align: right;
|
||||
font-style: italic;
|
||||
max-width: 600px;
|
||||
@@ -255,37 +261,12 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#answers .feed h1 {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
.dropdown-menu {
|
||||
background-color: $darkerBackgroundColor;
|
||||
border: 1px solid $darkerBorderColor;
|
||||
a {
|
||||
color: $darkerTextColor;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
@@ -1,5 +1,9 @@
|
||||
$colorpickerBoxBorder: #FFFFFF;
|
||||
$colorpickerSubmitBorder: #404040;
|
||||
$colorpickerFocusBorder: #999999;
|
||||
|
||||
.colorpicker_box {
|
||||
border: 1px solid #FFFFFF;
|
||||
border: 1px solid $colorpickerBoxBorder;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
margin: 2px;
|
||||
@@ -24,12 +28,12 @@
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
width: 100px;
|
||||
border: 1px solid #404040;
|
||||
border: 1px solid $colorpickerSubmitBorder;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
.colorpicker_focus {
|
||||
border: 1px solid #999999;
|
||||
border: 1px solid $colorpickerFocusBorder;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
|
||||
@@ -75,3 +75,12 @@ Menu contextuel
|
||||
background-repeat: no-repeat;
|
||||
background-position: 5px center;
|
||||
}
|
||||
|
||||
|
||||
.context-menu-item a {
|
||||
color: #75ABFF;
|
||||
}
|
||||
|
||||
.context-menu-item-hover a {
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
$diapoBorderColor: $darkerBorderColor !default;
|
||||
|
||||
/**
|
||||
* Diapo are reused in answers, baskets,
|
||||
*/
|
||||
@@ -22,14 +24,14 @@
|
||||
#reorder_dialog .ui-sortable-placeholderfollow {
|
||||
width: 100px;
|
||||
height: 130px;
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
|
||||
.diapo {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
border: 1px solid #404040;
|
||||
border: 1px solid $diapoBorderColor;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
@@ -47,14 +49,21 @@
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
div.title {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.duration {
|
||||
background-color: darken($darkerBackgroundColor, 10);
|
||||
color: $darkerTextColor;
|
||||
}
|
||||
}
|
||||
|
||||
.diapo.CHIM .thumb_wrapper {
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
|
||||
/******* INPUTS ***************************************************************/
|
||||
input.input-button.hover {
|
||||
color: #FEFEFE;
|
||||
color: $inputButtonHoverColor;
|
||||
}
|
||||
|
||||
input.search {
|
||||
@@ -13,7 +14,7 @@ input.search {
|
||||
input, select, textarea {
|
||||
margin: 2px;
|
||||
padding: 2px;
|
||||
*border: 1px solid #b1b1b1;
|
||||
*border: 1px solid $inputFallbackBorderColor;
|
||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
|
||||
/******* GUI ******************************************************************/
|
||||
|
||||
.gui_grip {
|
||||
/*.gui_grip {
|
||||
background-image: url('#{$skinsImagesPath}grip.gif');
|
||||
background-position: 0 0;
|
||||
background-repeat: no-repeat;
|
||||
height: 19px;
|
||||
width: 5px;
|
||||
}
|
||||
}*/
|
||||
|
||||
.gui_vsplitter,.ui-resizable-e {
|
||||
top: 50%;
|
||||
@@ -16,7 +16,7 @@
|
||||
height: 54px;
|
||||
position: absolute;
|
||||
background-image: url('#{$iconsPath}vsplitter.png');
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
right: 0;
|
||||
@@ -50,7 +50,7 @@
|
||||
background-repeat: no-repeat;
|
||||
cursor: row-resize;
|
||||
}
|
||||
|
||||
/*
|
||||
.gui_hslider {
|
||||
position: absolute;
|
||||
height: 0px;
|
||||
@@ -67,7 +67,7 @@
|
||||
background-color: #959595;
|
||||
background-image: url('#{$skinsImagesPath}vsplitter.gif');
|
||||
cursor: pointer;
|
||||
}
|
||||
}*/
|
||||
|
||||
.gui_ckbox_0 {
|
||||
display: block;
|
||||
|
||||
@@ -1,3 +1,6 @@
|
||||
$modalBorder: 1px solid $darkerBorderColor !default;
|
||||
$modalBackground: $darkerBackgroundColor !default;
|
||||
|
||||
.ui-dialog .ui-dialog-content.loading, .loading {
|
||||
background-image: url('#{$iconsPath}#{$contentLoaderImg}');
|
||||
background-position: center center;
|
||||
@@ -23,7 +26,7 @@
|
||||
.ui-tabs {
|
||||
.ui-tabs-nav {
|
||||
li {
|
||||
background-color: $tabsNavBg;
|
||||
background-color: $lightBackgroundColor; //$tabsNavBg;
|
||||
height: 30px;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
@@ -31,16 +34,17 @@
|
||||
padding: 5px 8px;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
color: $lightTextColor; // more contrasted color
|
||||
}
|
||||
&.ui-tabs-active {
|
||||
background-color: $tabsNavBgActive;
|
||||
background-color: $mediumBackgroundColor; //$tabsNavBgActive;
|
||||
border: none;
|
||||
}
|
||||
&.ui-tabs-active a,
|
||||
&.ui-state-disabled a,
|
||||
&.ui-state-processing a {
|
||||
cursor: pointer;
|
||||
color: $workzoneColor1
|
||||
color: $mediumTextActiveColor;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -51,7 +55,7 @@
|
||||
display: block;
|
||||
border-width: 0;
|
||||
padding: 0px;
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
&.tabBox {
|
||||
height: 405px;
|
||||
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 {
|
||||
cursor: pointer;
|
||||
color: $workzoneColor2;
|
||||
color: $mediumTextColor; //$workzoneColor2;
|
||||
}
|
||||
|
||||
.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 {
|
||||
color: $workzoneColor3;
|
||||
color: $mediumTextActiveColor;
|
||||
font-weight: bold;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
@@ -94,7 +98,7 @@
|
||||
}
|
||||
|
||||
.ui-dialog.ui-widget-content {
|
||||
background-color: $uiColor1;
|
||||
background-color: $darkerBackgroundColor;
|
||||
}
|
||||
|
||||
.ui-accordion .ui-accordion-content {
|
||||
@@ -136,8 +140,8 @@
|
||||
margin-bottom: 0;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
background-color: $backgroudSecondaryColor;
|
||||
border-bottom: 1px solid $accordionBorderColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
border-bottom: 1px solid $mediumBorderColor; //$accordionBorderColor;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@@ -163,7 +167,7 @@
|
||||
|
||||
|
||||
.ui-accordion .ui-accordion-content {
|
||||
background-color: $accordionBgContent;
|
||||
background-color: $darkBackgroundColor;
|
||||
border-top: none;
|
||||
margin-top: -1px;
|
||||
margin-bottom: 0;
|
||||
@@ -198,8 +202,6 @@
|
||||
.ui-dialog.ui-widget-content {
|
||||
border: $modalBorder;
|
||||
background: $modalBackground;
|
||||
//background: #000000 url("../images/dark-hive/ui-bg_loop_25_000000_21x21.png") 50% 50% repeat;
|
||||
// color: #ffffff;
|
||||
}
|
||||
|
||||
.ui-dialog-titlebar {
|
||||
@@ -223,3 +225,50 @@
|
||||
.ui-dialog-content p {
|
||||
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;
|
||||
}
|
||||
@@ -6,45 +6,30 @@
|
||||
height: $mainMenuHeight;
|
||||
line-height: $mainMenuLineHeight;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#mainMenu #mainLogo {
|
||||
background-color: $mediumBackgroundColor;
|
||||
#mainLogo {
|
||||
margin:0 10px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
#mainMenu li, #mainMenu li span {
|
||||
li , li span {//
|
||||
height: 40px;
|
||||
line-height: $mainMenuLineHeight;
|
||||
color: $mainMenuColor;
|
||||
}
|
||||
|
||||
#mainMenu .PNB.right li {
|
||||
.right {
|
||||
li {
|
||||
border-left: 1px solid $mainMenuRightListBorderLeft;
|
||||
}
|
||||
|
||||
#mainMenu .PNB.right li span {
|
||||
span {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
#mainMenu .PNB.right li.user {
|
||||
&.user {
|
||||
background: url('#{$iconsPath}icon_user.png') 15px 7px no-repeat;
|
||||
padding-left: 41px;
|
||||
}
|
||||
|
||||
#mainMenu .PNB.right li.user:hover {
|
||||
&: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;
|
||||
}
|
||||
}
|
||||
@@ -2,70 +2,54 @@
|
||||
background-color: $bridgeDropdownToggleBg;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
#dialog_publicator .dropdown-menu {
|
||||
#dialog_publicator {
|
||||
.dropdown-menu {
|
||||
min-width: 95px;
|
||||
background-color: $bridgeDropdownMenuBg;
|
||||
*border: 1px solid $bridgeDropdownMenuBorder;
|
||||
}
|
||||
|
||||
#dialog_publicator .dropdown-menu a {
|
||||
a {
|
||||
padding: 3px 10px;
|
||||
font-size: 12px;
|
||||
color: $bridgeDropdownMenuColor;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#dialog_publicator .dropdown-menu a:hover {
|
||||
&:hover {
|
||||
background-color: $bridgeDropdownMenuHoverBg;
|
||||
color: $bridgeDropdownMenuHoverColor;
|
||||
}
|
||||
|
||||
#dialog_publicator .ui-tabs-panel {
|
||||
}
|
||||
}
|
||||
.ui-tabs-panel {
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
#dialog_publicator .notice_box,
|
||||
#dialog_publicator .error_box {
|
||||
color: #404040;
|
||||
.notice_box,
|
||||
.error_box {
|
||||
color: $textPrimaryInverseColor;
|
||||
font-weight: bold;
|
||||
margin: 5px auto;
|
||||
padding: 5px 0;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
#dialog_publicator .notice_box {
|
||||
.notice_box {
|
||||
background-color: green;
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
|
||||
#dialog_publicator .error_box {
|
||||
.error_box {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_banner {
|
||||
.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 {
|
||||
background-color: $lightBackgroundColor;
|
||||
.submenu.ui-buttonset {
|
||||
z-index: 600;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_content {
|
||||
}
|
||||
.api_content {
|
||||
top: 30px;
|
||||
bottom: 25px;
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_content .blockmenu {
|
||||
.blockmenu {
|
||||
bottom: auto;
|
||||
background-repeat: repeat-x;
|
||||
background-position: left bottom;
|
||||
@@ -73,27 +57,24 @@
|
||||
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 {
|
||||
.blockresponse {
|
||||
padding: 0 10px;
|
||||
top: 40px;
|
||||
overflow: auto;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_content .blockresponse .form-actions {
|
||||
background-color: $bridgeDialogBg;
|
||||
.form-actions {
|
||||
background-color: $darkerBackgroundColor;
|
||||
border-top: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#dialog_publicator .api_infos {
|
||||
}
|
||||
}
|
||||
.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');
|
||||
@@ -101,12 +82,14 @@
|
||||
background-position: 0 0;
|
||||
color: $textSecondaryColor;
|
||||
}
|
||||
|
||||
#dialog_publicator .main_menu {
|
||||
.main_menu {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#dialog_publicator .diapo .title {
|
||||
.diapo {
|
||||
.title {
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -10,7 +10,7 @@
|
||||
}
|
||||
|
||||
#EDIT_TOP {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -45,8 +45,8 @@
|
||||
}
|
||||
|
||||
#EDIT_FILM2 {
|
||||
border: 1px solid $editCarouselBorder;
|
||||
background-color: $editCarouselBg;
|
||||
border: 1px solid $darkerBorderColor;
|
||||
background-color: $darkerBackgroundColor;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 10px;
|
||||
@@ -80,7 +80,7 @@
|
||||
}
|
||||
|
||||
#EDIT_MID_L {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
width: 700px;
|
||||
left: 0;
|
||||
-webkit-border-radius: 6px;
|
||||
@@ -92,13 +92,13 @@
|
||||
width: 400px;
|
||||
right: 0;
|
||||
.ui-tabs-panel {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
}
|
||||
|
||||
#EDIT_MID_R li.ui-tabs-active,
|
||||
#EDIT_MID_R li.ui-state-active {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
|
||||
#divS_wrapper {
|
||||
@@ -127,14 +127,15 @@
|
||||
position: relative;
|
||||
}
|
||||
div.edit_field.odd {
|
||||
background-color: $editStatusFieldOdd;
|
||||
background-color: $darkBackgroundColor;
|
||||
}
|
||||
div.edit_field.hover, #divS div.edit_field.active {
|
||||
background-color: $editStatusFieldHover;
|
||||
color: #404040;
|
||||
div.edit_field.hover {
|
||||
background-color: $lightBackgroundColor;
|
||||
color: $lightTextColor;
|
||||
}
|
||||
div.edit_field.active {
|
||||
border: 1px solid $editStatusFieldActive;
|
||||
background-color: $lightBackgroundActiveColor;
|
||||
border: 1px solid $lightBorderActiveColor;
|
||||
}
|
||||
span.fieldvalue {
|
||||
white-space: normal;
|
||||
@@ -407,7 +408,7 @@ div.thesaurus {
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
background: $thesaurusBg2;
|
||||
background: $darkerBackgroundColor;
|
||||
border: $thesaurusBorderColor 1px solid;
|
||||
}
|
||||
div.thesaurus {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
/******* EXPORT ***************************************************************/
|
||||
|
||||
#printBox {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
|
||||
#PREVIEWBOX, #EDITWINDOW {
|
||||
z-index: 1200;
|
||||
background-color: $backgroudPrimaryColor;
|
||||
background-color: $darkerBackgroundColor;
|
||||
display: none;
|
||||
border: 2px solid #666666;
|
||||
border: 2px solid $darkerBorderColor;
|
||||
}
|
||||
|
||||
#PREVIEWBOX img {
|
||||
@@ -45,7 +45,7 @@
|
||||
}
|
||||
|
||||
#PREVIEWOTHERS {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
left: 0;
|
||||
@@ -81,7 +81,7 @@
|
||||
|
||||
#PREVIEWOTHERSINNER li.otherRegToolTip,
|
||||
#PREVIEWOTHERSINNER li.otherBaskToolTip {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
@@ -101,7 +101,7 @@
|
||||
}
|
||||
|
||||
#PREVIEWTITLEWRAPPER {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
@@ -117,7 +117,7 @@
|
||||
}
|
||||
|
||||
#PREVIEWCURRENT {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
|
||||
#PREVIEWCURRENTCONT.group_case {
|
||||
@@ -211,7 +211,7 @@
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.prevTrainCurrent .duration, .diapo .duration {
|
||||
background-color: black;
|
||||
color: $textPrimaryColor;
|
||||
.prevTrainCurrent .duration {
|
||||
background-color: darken($darkerBackgroundColor, 10);
|
||||
color: $darkerTextColor;
|
||||
}
|
||||
|
||||
@@ -31,13 +31,13 @@
|
||||
#publicator_selection {
|
||||
height: 190px;
|
||||
bottom: auto;
|
||||
background-color: $bridgeDialogBg3;
|
||||
background-color: $lightBackgroundColor;
|
||||
}
|
||||
|
||||
#publicator_selection > .PNB10 {
|
||||
overflow: auto;
|
||||
bottom: 50px;
|
||||
background-color: $bridgeDialogBg4;
|
||||
background-color: $darkerBackgroundColor;
|
||||
}
|
||||
|
||||
#publicator_selection .btn {
|
||||
@@ -116,8 +116,8 @@
|
||||
}
|
||||
|
||||
#dialog_publicator .duration_time {
|
||||
background-color: #000000;
|
||||
color: $textPrimaryColor;
|
||||
background-color: darken($darkerBackgroundColor, 10);
|
||||
color: $darkerTextColor;
|
||||
font-weight: bold;
|
||||
padding: 2px 4px;
|
||||
position: absolute;
|
||||
@@ -230,46 +230,43 @@
|
||||
#dialog_publicator .api_content .element table .informations {
|
||||
width: 296px;
|
||||
}
|
||||
|
||||
#modal_feed form .feeds {
|
||||
color: $publishFeedColor;
|
||||
#modal_feed {
|
||||
form {
|
||||
.feeds {
|
||||
color: $darkerTextColor;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#modal_feed form .feeds .list {
|
||||
.list {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
#modal_feed form .feeds .feed {
|
||||
.feed {
|
||||
width: 95%;
|
||||
height: 18px;
|
||||
padding: 5px 0;
|
||||
border: 1px solid $publishFeedBorder;
|
||||
color: $publishFeedColor;
|
||||
background-color: $darkerBackgroundColor;
|
||||
border: 1px solid $darkerBorderColor;
|
||||
color: $darkerTextColor;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
&.odd {
|
||||
background-color: $mediumBackgroundColor;
|
||||
color: $mediumTextColor;
|
||||
}
|
||||
|
||||
#modal_feed form .feeds .feed.odd {
|
||||
background-color: $publishFeedOddBg;
|
||||
color: $publishFeedOddColor;
|
||||
&.hover {
|
||||
background-color: $lightBackgroundColor;
|
||||
color: $lightTextColor;
|
||||
}
|
||||
|
||||
#modal_feed form .feeds .feed.hover {
|
||||
background-color: $publishFeedHoverBg;
|
||||
color: $publishFeedHoverColor;
|
||||
&.selected {
|
||||
background-color: $highlightBackgroundColor;
|
||||
color: $highlightTextColor;
|
||||
}
|
||||
|
||||
#modal_feed form .feeds .feed.selected {
|
||||
background-color: $publishFeedSelectedBg;
|
||||
color: $publishFeedSelectedColor;
|
||||
}
|
||||
|
||||
#modal_feed form .feeds .feed span {
|
||||
span {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
#modal_feed form input.error,
|
||||
#modal_feed form textarea.error {
|
||||
}
|
||||
}
|
||||
input.error,
|
||||
textarea.error {
|
||||
border: 1px solid red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,26 +1,6 @@
|
||||
/** PUSH BOX */
|
||||
.PushBox .content {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
}
|
||||
|
||||
|
||||
#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;
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
|
||||
.PushBox .LeftColumn h1 {
|
||||
@@ -242,52 +222,7 @@
|
||||
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 {
|
||||
width:100%;
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
#paginate #tool_navigate #PREV_PAGE:hover,
|
||||
#paginate #tool_navigate #last:hover,
|
||||
#paginate #tool_navigate #first:hover {
|
||||
background-color: $paginateBg2;
|
||||
background-color: $highlightBackgroundColor;
|
||||
}
|
||||
|
||||
#paginate #tool_navigate #NEXT_PAGE {
|
||||
@@ -99,6 +99,6 @@
|
||||
|
||||
#paginate #tool_navigate input,
|
||||
#paginate #tool_navigate a:hover {
|
||||
color: $paginateTextColor;
|
||||
background: $paginateBorder2Color;
|
||||
color: $highlightTextColor;
|
||||
background: $highlightBackgroundColor;
|
||||
}
|
||||
|
||||
@@ -14,54 +14,50 @@ form.phrasea_query input.query {
|
||||
#searchForm {
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#searchForm .input-append {
|
||||
.input-append {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#searchForm .control-group {
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#searchForm .input-append .btn {
|
||||
.btn {
|
||||
border:none;
|
||||
}
|
||||
|
||||
#searchForm .input-append a.btn {
|
||||
a.btn {
|
||||
height: 22px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
#searchForm .input-append button.btn {
|
||||
button.btn {
|
||||
height: 30px;
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
#searchForm .danger .danger_indicator,
|
||||
#searchForm .danger.danger_indicator {
|
||||
}
|
||||
.control-group {
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
}
|
||||
.danger .danger_indicator,
|
||||
.danger.danger_indicator {
|
||||
border-color: #c9c900;
|
||||
background-color: #FCEC98;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
|
||||
#adv_search table.colllist {
|
||||
}
|
||||
#adv_search {
|
||||
table {
|
||||
&.colllist {
|
||||
width: 290px;
|
||||
}
|
||||
|
||||
#adv_search table.filterlist {
|
||||
&.filterlist {
|
||||
width: 600px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/******* SEARCH ***************************************************************/
|
||||
|
||||
#adv_search .sbasglob,
|
||||
.adv_options .sbasglob,
|
||||
#sbasfiltercont {
|
||||
color: $searchSbasFilterColor;
|
||||
color: $lightTextColor;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
@@ -89,8 +85,8 @@ form.phrasea_query input.query {
|
||||
|
||||
#adv_search .sbasglob .sbas_list.selected,
|
||||
.adv_options .sbasglob .sbas_list.selected {
|
||||
border: 2px solid $searchSbasListSelectedBorder;
|
||||
background-color: $searchSbasListSelectedBg;
|
||||
border: 2px solid $lightBorderSelectedColor;
|
||||
background-color: $lightBackgroundSelectedColor;
|
||||
}
|
||||
|
||||
.sbasglob .btn-toolbar,
|
||||
@@ -99,21 +95,15 @@ form.phrasea_query input.query {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sbaslist {
|
||||
/*.sbaslist {
|
||||
background-color: $searchSbasListBg;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}*/
|
||||
|
||||
.sbas_list label {
|
||||
color: $searchSbasListColor;
|
||||
}
|
||||
|
||||
.clksbas span {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
margin: 0 5px;
|
||||
color: $lightTextColor;
|
||||
}
|
||||
|
||||
.clkbas {
|
||||
@@ -124,6 +114,11 @@ form.phrasea_query input.query {
|
||||
-o-column-break-inside:avoid;
|
||||
-ms-column-break-inside:avoid;
|
||||
column-break-inside:avoid;
|
||||
span {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#searchForm .clkbas label {
|
||||
|
||||
@@ -1,50 +1,41 @@
|
||||
|
||||
/******* THUMB EXTRACTOR ******************************************************/
|
||||
|
||||
#thumbExtractor {
|
||||
background-color: #404040;
|
||||
}
|
||||
|
||||
#thumbExtractor .main_title {
|
||||
background-color: $lightBackgroundColor;
|
||||
.main_title {
|
||||
height: 15px;
|
||||
font-weight: bold;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
#thumbExtractor .part_title_left {
|
||||
.part_title_left {
|
||||
height: 20px;
|
||||
width: 320px;
|
||||
top: 30px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
#thumbExtractor .part_title_right {
|
||||
.part_title_right {
|
||||
height: 20px;
|
||||
width: 320px;
|
||||
top: 30px;
|
||||
left: 380px;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_info {
|
||||
#thumb_info {
|
||||
padding-top: 25px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#thumbExtractor .frame_video {
|
||||
border: 1px solid #1A1B1B;
|
||||
.frame_video {
|
||||
border: 1px solid $darkerBorderColor;
|
||||
height: 210px;
|
||||
width: 320px;
|
||||
top: 50px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_video {
|
||||
#thumb_video {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#thumbExtractor .frame_canva {
|
||||
border: 1px solid #1A1B1B;
|
||||
.frame_canva {
|
||||
border: 1px solid $darkerBorderColor;
|
||||
border-bottom: none;
|
||||
height: 210px;
|
||||
line-height: 210px;
|
||||
@@ -54,45 +45,35 @@
|
||||
z-index: 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_canvas {
|
||||
#thumb_canvas {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
#thumbExtractor .action_bar_left {
|
||||
.action_bar_left {
|
||||
height: 20px;
|
||||
width: 320px;
|
||||
left: 10px;
|
||||
top: 260px;
|
||||
background-color: #3B3D3B;
|
||||
border: 1px solid #3B3D3B;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#thumbExtractor .action_bar_right {
|
||||
.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 {
|
||||
.action_icon {
|
||||
padding-right: 10px;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#thumbExtractor .action_bar_right .action_icon:hover {
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_reset_button {
|
||||
}
|
||||
}
|
||||
#thumb_reset_button {
|
||||
width: 41px;
|
||||
height: 41px;
|
||||
position: absolute;
|
||||
@@ -101,8 +82,7 @@
|
||||
display: none;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_delete_button {
|
||||
#thumb_delete_button {
|
||||
width: 41px;
|
||||
height: 41px;
|
||||
position: absolute;
|
||||
@@ -111,13 +91,11 @@
|
||||
display: none;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_delete_button,
|
||||
#thumbExtractor #thumb_reset_button {
|
||||
#thumb_delete_button,
|
||||
#thumb_reset_button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_slider {
|
||||
#thumb_slider {
|
||||
height: 95px;
|
||||
width: 320px;
|
||||
top: 285px;
|
||||
@@ -125,25 +103,21 @@
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_wrapper {
|
||||
#thumb_wrapper {
|
||||
white-space: nowrap;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_wrapper img {
|
||||
img {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 60px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_wrapper img.selected {
|
||||
&.selected {
|
||||
border: 2px solid $bgInverseHoverColor;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_camera_button {
|
||||
}
|
||||
}
|
||||
#thumb_camera_button {
|
||||
cursor: pointer;
|
||||
height: 50px;
|
||||
width: 320px;
|
||||
@@ -151,8 +125,7 @@
|
||||
left: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#thumbExtractor #thumb_validate_button {
|
||||
#thumb_validate_button {
|
||||
cursor: pointer;
|
||||
height: 30px;
|
||||
width: 80px;
|
||||
@@ -160,18 +133,19 @@
|
||||
left: 620px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#thumbExtractor .action_frame .ui-slider .ui-slider-handle {
|
||||
.action_frame .ui-slider .ui-slider-handle {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
#thumb_confirm table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#thumb_confirm table td {
|
||||
#thumb_confirm {
|
||||
table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
td {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,6 +2,21 @@
|
||||
|
||||
/******* UPLOAD MANAGER *******************************************************/
|
||||
|
||||
#uploadBoxLeft, #uploadBoxRight {
|
||||
width: 48.5%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#uploadBoxLeft {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#uploadBoxRight {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#uploadBox {
|
||||
height: 100%;
|
||||
h5 {
|
||||
@@ -32,29 +47,10 @@
|
||||
font-style: italic;
|
||||
color: $textSecondaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
#uploadBoxLeft, #uploadBoxRight {
|
||||
width: 48.5%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#uploadBoxLeft {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#uploadBoxRight {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#uploadBox .fileinput-button {
|
||||
.fileinput-button {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#uploadBox .fileinput-button input {
|
||||
input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@@ -67,228 +63,198 @@
|
||||
direction: ltr;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#uploadBox .status-tab {
|
||||
}
|
||||
.status-tab {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#uploadBox .status-tab td {
|
||||
td {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#uploadBox .status-tab-left {
|
||||
}
|
||||
.status-tab-left {
|
||||
width: 48%;
|
||||
padding-right: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#uploadBox .status-tab-right {
|
||||
.status-tab-right {
|
||||
width: 48%;
|
||||
padding-left: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#uploadBox .status-tab-left input, #uploadBox .status-tab-right input {
|
||||
.status-tab-left input,
|
||||
.status-tab-right input {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#uploadBox .thumbnails {
|
||||
.thumbnails {
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
#uploadBox .thumbnails > li {
|
||||
> li {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
#uploadBox .upload-record {
|
||||
}
|
||||
.upload-record {
|
||||
height: 260px;
|
||||
background-color: $uploadBg1;
|
||||
}
|
||||
|
||||
#uploadBox .flash-box .upload-record {
|
||||
height: 160px;
|
||||
background-color: $uploadBg2;
|
||||
}
|
||||
|
||||
#uploadBox .upload-record .canva-wrapper {
|
||||
.canva-wrapper {
|
||||
height: 125px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#uploadBox .upload-record .name-doc {
|
||||
.name-doc {
|
||||
height:40px;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis; /* pour Opera 9 */
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#uploadBox .upload-record .infos-doc {
|
||||
.infos-doc {
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis; /* pour Opera 9 */
|
||||
text-overflow: ellipsis;
|
||||
color: #777777;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#uploadBox .upload-record .error, #uploadBox .upload-record .success{
|
||||
.error, .success{
|
||||
height: 55px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 3px;
|
||||
display: none;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#uploadBox .upload-record .remove-element {
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
#uploadBox .upload-record .error {
|
||||
.error {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#uploadBox .select-label {
|
||||
.remove-element {
|
||||
margin: 2px 0;
|
||||
}
|
||||
}
|
||||
.flash-box .upload-record {
|
||||
height: 160px;
|
||||
background-color: $uploadBg2;
|
||||
}
|
||||
.select-label {
|
||||
font-style: italic;
|
||||
color: $textSecondaryColor;
|
||||
}
|
||||
|
||||
#uploadBox .select-row {
|
||||
.select-row {
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#uploadBoxRight .progress {
|
||||
.progress {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
|
||||
#uploadBox .uploader-button{
|
||||
.uploader-button{
|
||||
text-align: center;
|
||||
width:50%;
|
||||
}
|
||||
|
||||
#uploadBox #addFileList {
|
||||
#addFileList {
|
||||
width:100%;
|
||||
table-layout:fixed;
|
||||
border:none;
|
||||
}
|
||||
|
||||
#uploadBox #addFileList td{
|
||||
td{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-icon {
|
||||
}
|
||||
.uploader-icon {
|
||||
width:15%;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-info {
|
||||
.uploader-info {
|
||||
font-size:10px;
|
||||
width:35%;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-info p {
|
||||
p {
|
||||
line-height:10px;
|
||||
font-size:10px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-info a {
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: darkblue;
|
||||
margin:5px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#uploadBoxRight .progress .progress-bar {
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
#lazaretBox .loading {
|
||||
#lazaretBox {
|
||||
&.container-fluid {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.loading {
|
||||
background-image: url('#{$iconsPath}#{$uploadLoaderImg}');
|
||||
background-position: center right;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#lazaretBox.container-fluid {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#lazaretBox li.wrapper-item {
|
||||
li.wrapper-item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#lazaretBox .lazaret-file h5,
|
||||
#lazaretBox .lazaret-proposals h5 {
|
||||
.lazaret-file h5,
|
||||
.lazaret-proposals h5 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#lazaretBox .lazaret-file p,
|
||||
#lazaretBox .lazaret-proposals p {
|
||||
.lazaret-file p,
|
||||
.lazaret-proposals p {
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis; /* for Opera 9 */
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
#lazaretBox span.info {
|
||||
span.info {
|
||||
display: inline;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#lazaretBox .lazaret-file a,
|
||||
#lazaretBox .lazaret-proposals a {
|
||||
.lazaret-file,
|
||||
.lazaret-proposals {
|
||||
a {
|
||||
font-weight: normal;
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
|
||||
#lazaretBox .lazaret-file a:hover,
|
||||
#lazaretBox .lazaret-proposals a:hover {
|
||||
&:hover {
|
||||
color: $textSecondaryColor;
|
||||
}
|
||||
|
||||
|
||||
#lazaretBox .lazaret-file .thumbnails,
|
||||
#lazaretBox .lazaret-proposals .thumbnails {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#lazaretBox .lazaret-file .thumbnails li {
|
||||
.thumbnails {
|
||||
margin-left: 0;
|
||||
background-color: #FFFFFF;
|
||||
min-height: 234px;
|
||||
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 {
|
||||
img {
|
||||
max-height: 480px;
|
||||
}
|
||||
|
||||
#lazaretBox .lazaret-file .thumbnail button {
|
||||
button {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#lazaretBox .lazaret-file .thumbnail button img {
|
||||
img {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.record-thumb {
|
||||
height: 180px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.lazaret-proposals .records-subititution {
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -187,21 +187,21 @@
|
||||
|
||||
#baskets {
|
||||
> div {
|
||||
border-top: 1px solid $proposalsBorder;
|
||||
border-top: 1px solid $mediumBorderColor;
|
||||
}
|
||||
.SSTT {
|
||||
&.active {
|
||||
border: 1px solid #b1b1b1;
|
||||
&.ui-corner-top {
|
||||
border: none;
|
||||
border-top: 1px solid #000;
|
||||
border-top: 1px solid $mediumBorderColor;
|
||||
top: 0;
|
||||
background-color: #212121;
|
||||
background-color: $mediumBackgroundColor;
|
||||
}
|
||||
}
|
||||
&.grouping {
|
||||
&.active {
|
||||
border: 1px solid #2f4a6f;
|
||||
// border: 1px solid #2f4a6f;
|
||||
&.ui-corner-top {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
@@ -3,21 +3,21 @@
|
||||
#proposals {
|
||||
position: relative;
|
||||
left: 5px;
|
||||
border-top: 1px solid $proposalsBorder;
|
||||
border-top: 1px solid $darkBorderColor;
|
||||
top: 87px !important;
|
||||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
ul {
|
||||
ul {
|
||||
background-color: $proposalsBg;
|
||||
background-color: $darkBackgroundColor;
|
||||
}
|
||||
li {
|
||||
line-height: 17px;
|
||||
font-size: 13px;
|
||||
}
|
||||
&.fancytree-container {
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
border: 0px none transparent;
|
||||
overflow-x: hidden;
|
||||
padding-left: 0;
|
||||
@@ -47,23 +47,23 @@
|
||||
height: 49px;
|
||||
line-height: 49px;
|
||||
margin-left: 0;
|
||||
border-left: 4px solid $backgroudSecondaryColor;
|
||||
border-bottom: 1px solid $proposalsTitleBorder;
|
||||
border-left: 4px solid $mediumBackgroundColor;
|
||||
border-bottom: 1px solid $mediumBorderColor;
|
||||
.fancytree-title {
|
||||
font-size: 12px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
&:hover {
|
||||
border-left: 4px solid $proposalColor;
|
||||
color: $textPrimaryHoverColor;
|
||||
color: $mediumTextHoverColor;
|
||||
.fancytree-title {
|
||||
color: $textPrimaryHoverColor;
|
||||
color: $mediumTextHoverColor;
|
||||
}
|
||||
}
|
||||
.fancytree-expander {
|
||||
&:before {
|
||||
content: '\25C0'; /* U+25C0 BLACK LEFT-POINTING TRIANGLE */
|
||||
color: #a0a0a0;
|
||||
color: $mediumTextColor;
|
||||
}
|
||||
&:hover {
|
||||
&:before {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
.treeview {
|
||||
|
||||
li {
|
||||
color: #a1a1a1;
|
||||
color: $mediumTextColor;
|
||||
vertical-align: middle;
|
||||
background-image: none;
|
||||
}
|
||||
@@ -14,11 +14,11 @@
|
||||
background: none;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
border-bottom: 1px solid $treeviewBorderExpandable;
|
||||
border-bottom: 1px solid $mediumBorderColor;
|
||||
> .hitarea {
|
||||
height: 51px;
|
||||
background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat;
|
||||
border-left: 5px $backgroudSecondaryColor solid;
|
||||
border-left: 5px $mediumBackgroundColor solid;
|
||||
&:hover,
|
||||
&.active {
|
||||
border-left: 5px $thesaurusColor solid;
|
||||
@@ -44,7 +44,7 @@
|
||||
color: $textPrimaryColor;
|
||||
}
|
||||
span {
|
||||
color: #a6a6a6;
|
||||
color: $mediumTextColor;
|
||||
&.h {
|
||||
color: $thesaurusColor !important;
|
||||
}
|
||||
@@ -94,7 +94,7 @@ dans l'onglet thesaurus : arbres, menus contextuels
|
||||
}
|
||||
.treeview {
|
||||
ul {
|
||||
background-color: $proposalsBg;
|
||||
background-color: $darkBackgroundColor;
|
||||
margin-left: -16px;
|
||||
padding-left: 16px;
|
||||
li {
|
||||
@@ -149,14 +149,14 @@ dans l'onglet thesaurus : arbres, menus contextuels
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 1px solid $thesaurusBorder1;
|
||||
border: 1px solid $mediumBorderColor;
|
||||
border-top: none;
|
||||
input.input-medium {
|
||||
width: 80%;
|
||||
border-radius: 0;
|
||||
height: 50px;
|
||||
padding: 0 2.5%;
|
||||
background: $thesaurusBg1;
|
||||
background: $thesaurusInputBackground;
|
||||
border: none;
|
||||
float: left;
|
||||
margin: 0;
|
||||
@@ -167,7 +167,7 @@ dans l'onglet thesaurus : arbres, menus contextuels
|
||||
vertical-align: middle;
|
||||
padding: 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;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
|
||||
@@ -22,9 +22,9 @@
|
||||
background: url('#{$iconsPath}workzoneEscamote.png') 30px 36px no-repeat;
|
||||
}
|
||||
.wrapper {
|
||||
background-color: $workzoneBg;
|
||||
background-color: $mediumBackgroundColor;
|
||||
right: 10px;
|
||||
border-top: 1px solid $workzoneBorderTop;
|
||||
border-top: 1px solid $mediumBorderColor; //$workzoneBorderTop;
|
||||
}
|
||||
|
||||
.ui-tabs {
|
||||
@@ -38,7 +38,7 @@
|
||||
width: auto;
|
||||
height: 85px;
|
||||
display: inline-block;
|
||||
background-color: $backgroudSecondaryColor;
|
||||
background-color: $mediumBackgroundColor;
|
||||
z-index: 10;
|
||||
border-radius: 0;
|
||||
&.proposals_WZ {
|
||||
|
||||
153
resources/www/vendors/jquery-ui/dark-hive.scss
vendored
153
resources/www/vendors/jquery-ui/dark-hive.scss
vendored
@@ -800,159 +800,6 @@ body .ui-tooltip {
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
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 */
|
||||
.ui-icon-blank { background-position: 16px 16px; }
|
||||
|
||||
159
resources/www/vendors/jquery-ui/ui-lightness.scss
vendored
159
resources/www/vendors/jquery-ui/ui-lightness.scss
vendored
@@ -604,7 +604,7 @@ button.ui-button::-moz-focus-inner {
|
||||
height: 100%;
|
||||
}
|
||||
.ui-progressbar .ui-progressbar-overlay {
|
||||
background: url("images/animated-overlay.gif");
|
||||
background: url('#{$imagesPath}animated-overlay.gif');
|
||||
height: 100%;
|
||||
filter: alpha(opacity=25);
|
||||
opacity: 0.25;
|
||||
@@ -787,7 +787,7 @@ body .ui-tooltip {
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget {
|
||||
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.ui-widget .ui-widget {
|
||||
@@ -797,162 +797,9 @@ body .ui-tooltip {
|
||||
.ui-widget select,
|
||||
.ui-widget textarea,
|
||||
.ui-widget button {
|
||||
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
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 */
|
||||
.ui-icon-blank { background-position: 16px 16px; }
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<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>
|
||||
|
||||
<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">
|
||||
|
||||
<!--[if lte IE 8]>
|
||||
|
||||
Reference in New Issue
Block a user