mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-18 15:33:15 +00:00
wip: move styles into phraseanet-production-client module
This commit is contained in:
Florian BLOUET
@@ -29,14 +29,12 @@ gulp.task('build-vendors', [
|
|||||||
'build-alchemy-embed',
|
'build-alchemy-embed',
|
||||||
'build-phraseanet-production-client',
|
'build-phraseanet-production-client',
|
||||||
'build-bootstrap',
|
'build-bootstrap',
|
||||||
'build-colorpicker',
|
|
||||||
'build-html5shiv',
|
'build-html5shiv',
|
||||||
'build-jquery',
|
'build-jquery',
|
||||||
'build-jquery-ui', // will build themes too
|
'build-jquery-ui', // will build themes too
|
||||||
'build-jquery-mobile',
|
'build-jquery-mobile',
|
||||||
'build-jquery-galleria',
|
'build-jquery-galleria',
|
||||||
'build-jquery-file-upload',
|
'build-jquery-file-upload',
|
||||||
// 'build-jquery-image-enhancer', //bundled in prod only
|
|
||||||
'build-json2',
|
'build-json2',
|
||||||
'build-modernizr',
|
'build-modernizr',
|
||||||
'build-zxcvbn',
|
'build-zxcvbn',
|
||||||
|
|||||||
@@ -14,67 +14,17 @@ gulp.task('build-uploadFlash', function(){
|
|||||||
return utils.buildJsGroup(uploadFlashGroup, 'uploadFlash', 'upload/js');
|
return utils.buildJsGroup(uploadFlashGroup, 'uploadFlash', 'upload/js');
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('copy-prod-skin-black-images', function(){
|
|
||||||
return gulp.src([
|
|
||||||
config.paths.src + 'prod/skins/000000/images/**/*'
|
|
||||||
])
|
|
||||||
.pipe(gulp.dest( config.paths.build + 'prod/skins/000000/images'));
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('copy-prod-skin-grey-images', function(){
|
|
||||||
return gulp.src([
|
|
||||||
config.paths.src + 'prod/skins/959595/images/**/*'
|
|
||||||
])
|
|
||||||
.pipe(gulp.dest( config.paths.build + 'prod/skins/959595/images'));
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('copy-prod-skin-white-images', function(){
|
|
||||||
return gulp.src([
|
|
||||||
config.paths.src + 'prod/skins/FFFFFF/images/**/*'
|
|
||||||
])
|
|
||||||
.pipe(gulp.dest( config.paths.build + 'prod/skins/FFFFFF/images'));
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('copy-prod-images', function(){
|
gulp.task('copy-prod-images', function(){
|
||||||
return gulp.src([config.paths.src + 'prod/images/**/*'])
|
return gulp.src([config.paths.src + 'prod/images/**/*'])
|
||||||
.pipe(gulp.dest( config.paths.build + 'prod/images'));
|
.pipe(gulp.dest( config.paths.build + 'prod/images'));
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('build-prod-skin-black', ['copy-prod-skin-black-images'], function(){
|
|
||||||
return utils.buildCssGroup([
|
|
||||||
config.paths.src + 'prod/skins/000000/skin-000000.scss'
|
|
||||||
], 'skin-000000', 'prod/skins/000000/', debugMode);
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('build-prod-skin-grey', ['copy-prod-skin-grey-images'], function(){
|
|
||||||
return utils.buildCssGroup([
|
|
||||||
config.paths.src + 'prod/skins/959595/skin-959595.scss'
|
|
||||||
], 'skin-959595', 'prod/skins/959595/', debugMode);
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('build-prod-skin-white', ['copy-prod-skin-white-images'], function(){
|
|
||||||
return utils.buildCssGroup([
|
|
||||||
config.paths.src + 'prod/skins/FFFFFF/skin-FFFFFF.scss'
|
|
||||||
], 'skin-FFFFFF', 'prod/skins/FFFFFF/', debugMode);
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('build-prod-css', ['build-prod-skin-black', 'build-prod-skin-grey', 'build-prod-skin-white'], function(){
|
|
||||||
return utils.buildCssGroup([
|
|
||||||
config.paths.src + 'prod/styles/main.scss'
|
|
||||||
], 'prod', 'prod/css/', debugMode);
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('test-prod', function () {
|
gulp.task('test-prod', function () {
|
||||||
return gulp.src(config.paths.src + 'prod/js/tests/*.html')
|
return gulp.src(config.paths.src + 'prod/js/tests/*.html')
|
||||||
.pipe(qunit());
|
.pipe(qunit());
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('watch-prod-css', function() {
|
gulp.task('build-prod', [], function(){
|
||||||
debugMode = true;
|
|
||||||
return gulp.watch(config.paths.src + 'prod/**/*.scss', ['build-prod-css']);
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('build-prod', ['copy-prod-images'], function(){
|
|
||||||
debugMode = false;
|
debugMode = false;
|
||||||
return gulp.start('build-prod-css');
|
return gulp.start('copy-prod-images');
|
||||||
});
|
});
|
||||||
|
|||||||
20
resources/gulp/components/vendors/colorpicker.js
vendored
20
resources/gulp/components/vendors/colorpicker.js
vendored
@@ -1,20 +0,0 @@
|
|||||||
var gulp = require('gulp');
|
|
||||||
var config = require('../../config.js');
|
|
||||||
var utils = require('../../utils.js');
|
|
||||||
|
|
||||||
gulp.task('copy-colorpicker-images', function(){
|
|
||||||
return gulp.src([config.paths.src + 'vendors/colorpicker/images/**/*'])
|
|
||||||
.pipe(gulp.dest( config.paths.build + 'vendors/colorpicker/images'));
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('build-colorpicker-css', function(){
|
|
||||||
return utils.buildCssGroup([
|
|
||||||
config.paths.src + 'vendors/colorpicker/styles/colorpicker.scss'
|
|
||||||
], 'colorpicker', 'vendors/colorpicker');
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('build-colorpicker', ['build-colorpicker-css', 'copy-colorpicker-images'], function(){
|
|
||||||
return utils.buildJsGroup([
|
|
||||||
config.paths.src + 'vendors/colorpicker/js/colorpicker.js'
|
|
||||||
], 'colorpicker', 'vendors/colorpicker');
|
|
||||||
});
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
var gulp = require('gulp');
|
|
||||||
var config = require('../../config.js');
|
|
||||||
var utils = require('../../utils.js');
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
gulp.task('build-jquery-image-enhancer-css', function(){
|
|
||||||
return utils.buildCssGroup([
|
|
||||||
config.paths.src + 'vendors/jquery-image-enhancer/styles/jquery.image_enhancer.scss'
|
|
||||||
], 'jquery-image-enhancer', 'vendors/jquery-image-enhancer');
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task('build-jquery-image-enhancer', ['build-jquery-image-enhancer-css'], function(){
|
|
||||||
return utils.buildJsGroup([
|
|
||||||
config.paths.src + 'vendors/jquery-image-enhancer/js/jquery.image_enhancer.js'
|
|
||||||
], 'jquery-image-enhancer', 'vendors/jquery-image-enhancer');
|
|
||||||
});
|
|
||||||
@@ -8,7 +8,6 @@ var utils = require('./utils.js');
|
|||||||
gulp.task('watch-css', function(){
|
gulp.task('watch-css', function(){
|
||||||
gulp.start('watch-common-css');
|
gulp.start('watch-common-css');
|
||||||
gulp.start('watch-oauth-css');
|
gulp.start('watch-oauth-css');
|
||||||
gulp.start('watch-prod-css');
|
|
||||||
gulp.start('watch-thesaurus-css');
|
gulp.start('watch-thesaurus-css');
|
||||||
//gulp.start('watch-uploadFlash');
|
//gulp.start('watch-uploadFlash');
|
||||||
gulp.start('watch-lightbox-css');
|
gulp.start('watch-lightbox-css');
|
||||||
|
|||||||
@@ -1,163 +0,0 @@
|
|||||||
$skinsImagesPath: '/assets/vendors/jquery-ui/images/dark-hive/';
|
|
||||||
|
|
||||||
$defaultBorderColor: #303030;
|
|
||||||
$defaultBorderRadius: 2px;
|
|
||||||
|
|
||||||
$textPrimaryColor: #FFFFFF; //#b1b1b1;
|
|
||||||
$textPrimaryHoverColor: #FFFFFF;
|
|
||||||
$textPrimaryActiveColor: #FFFFFF;
|
|
||||||
$textPrimaryInverseColor: #3b3b3b;
|
|
||||||
$textSecondaryColor: #999999;
|
|
||||||
|
|
||||||
$highlightDarkerColor: #0c4554;
|
|
||||||
|
|
||||||
$highlightBackgroundColor: #076882;
|
|
||||||
$highlightBackgroundAltColor: #0c4554;
|
|
||||||
$highlightBorderColor: #0c4554;
|
|
||||||
$highlightTextColor: #FFFFFF;
|
|
||||||
|
|
||||||
$darkerBackgroundColor: #1A1A1A;
|
|
||||||
$darkerBorderColor: #404040;
|
|
||||||
$darkerTextColor: #FFFFFF;
|
|
||||||
$darkerTextHoverColor: #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;
|
|
||||||
$bgInverseHoverColor: #FFF;
|
|
||||||
|
|
||||||
/******* GLOBAL PROD **********************************************************/
|
|
||||||
|
|
||||||
$scrollBgColor: #3b3b3b;
|
|
||||||
|
|
||||||
$paginateBorderColor: #3b3b3b;
|
|
||||||
$paginateTextColor: #3b3b3b;
|
|
||||||
$paginateBg1: #141414;
|
|
||||||
$contextMenuBgHover: $highlightDarkerColor;
|
|
||||||
|
|
||||||
|
|
||||||
$uploadBg1: #FFFFFF;
|
|
||||||
$uploadBg2: #FFFFFF;
|
|
||||||
$uploadLoaderImg: 'loader-black.gif';
|
|
||||||
|
|
||||||
$bridgeDropdownToggleBg: #222222;
|
|
||||||
$bridgeDropdownMenuBg: #393939;
|
|
||||||
$bridgeDropdownMenuBorder: #515151;
|
|
||||||
$bridgeDropdownMenuColor: #aaaaaa;
|
|
||||||
$bridgeDropdownMenuHoverBg: #313131;
|
|
||||||
$bridgeDropdownMenuHoverColor: #FFFFFF;
|
|
||||||
|
|
||||||
$thesaurusInputBackground: #ededed;
|
|
||||||
|
|
||||||
$thesaurusContextMenuColor: #c0c0c0;
|
|
||||||
|
|
||||||
|
|
||||||
$basketsTextColor: #AAAAAA;
|
|
||||||
|
|
||||||
$guiSplitterImg: 'vsplitter2.png';
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$answersToolsBtnSeparatorBorder: #474747;
|
|
||||||
$answersToolsBtnBg: #393939;
|
|
||||||
$answersToolsBtnBorder: #515151;
|
|
||||||
$answersToolsBtnColor: #aaaaaa;
|
|
||||||
$answersToolsBtnHoverBg: #313131;
|
|
||||||
$answersToolsBtnHoverColor: #aaaaaa;
|
|
||||||
|
|
||||||
$answersToolsBtnSettingsColor: darken($answersToolsBtnColor, 20); // ##949494
|
|
||||||
$answersToolsBtnSettingsHoverBg: #393939;
|
|
||||||
$answersToolsBtnSettingsHoverColor: darken($answersToolsBtnColor, 20);
|
|
||||||
$answersToolsBtnSettingsBorder: #474747;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$editTextMultiValueBg: #444444;
|
|
||||||
$editTextMultiValueBorder: #999999;
|
|
||||||
$editTextMultiValueHighlightBg: #222222;
|
|
||||||
|
|
||||||
$preferencesLabelColor: #999999;
|
|
||||||
|
|
||||||
$activeStateIcon: 'ui-icons_cccccc_256x240.png';
|
|
||||||
$accordionLoaderImg: 'loading.svg';
|
|
||||||
$accordionBgHeaderHover: #474747;
|
|
||||||
|
|
||||||
$inputButtonHoverColor: #FEFEFE;
|
|
||||||
$inputFallbackBorderColor: #b1b1b1;
|
|
||||||
|
|
||||||
|
|
||||||
$dropdownDividerBg: #515151;
|
|
||||||
$dropdownDividerBorder: $darkerBorderColor;
|
|
||||||
|
|
||||||
$overlayBg: #111111;
|
|
||||||
|
|
||||||
$tabsNavBg: #666666;
|
|
||||||
$tabsNavBgActive: $mediumBackgroundColor;
|
|
||||||
$contentLoaderImg: 'loading.svg';
|
|
||||||
|
|
||||||
$btnBackground: #f2f2f2;
|
|
||||||
$btnBackgroundHighlight: #D6D6D6;
|
|
||||||
$btnColor: #737373;
|
|
||||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,0);
|
|
||||||
|
|
||||||
$btnInverseBackground: #444444;
|
|
||||||
$btnInverseBackgroundHighlight: #393939;
|
|
||||||
$btnInverseColor: #AAAAAA;
|
|
||||||
$btnInverseTextShadow: 0 -1px 0 rgba(0,0,0,.25);
|
|
||||||
$btnGrpSeparatorColor: #242424;
|
|
||||||
|
|
||||||
$widgetContentColor: $textPrimaryColor;
|
|
||||||
|
|
||||||
$linkDefaultColor: #b1b1b1;
|
|
||||||
$linkDefaultHover: #838383;
|
|
||||||
|
|
||||||
/******** MAIN MENU CONFIG ********/
|
|
||||||
$mainMenuBackgroundColor: $mediumBackgroundColor;
|
|
||||||
$mainMenuBottomBorder: 1px solid $mediumBorderColor;
|
|
||||||
$mainMenuHeight: 41px;
|
|
||||||
$mainMenuMarginBottom: 0;
|
|
||||||
$mainMenuLinkColor: #b1b1b1;
|
|
||||||
$mainMenuLinkBackgroundHoverColor: transparent;
|
|
||||||
$mainMenuLinkHoverColor: $textPrimaryHoverColor;
|
|
||||||
@import '../../../_shared/styles/variables';
|
|
||||||
|
|
||||||
/******** WORKZONE TABS CONFIG ********/
|
|
||||||
$workzoneBackgroundColor: $mediumBackgroundColor;
|
|
||||||
$workzoneTabBackgroundColor: $mediumBackgroundColor;
|
|
||||||
|
|
||||||
$workzoneTabBgHover: #666666;
|
|
||||||
$workzoneTabBgActive: #333333;
|
|
||||||
$workzoneTabTopBorder: 1px solid #303030;
|
|
||||||
$workzoneTabBorderBottom: #303030;
|
|
||||||
$workzoneBasketAlertDataBg: #fff190;
|
|
||||||
$workzoneBasketAlertDataColor: #1a1a1a;
|
|
||||||
$workzoneToolsLabelColor: #7f7f7f;
|
|
||||||
|
|
||||||
/******** PROPOSALS CONFIG ********/
|
|
||||||
$proposalsTitleColor: #A6A6A6;
|
|
||||||
$proposalsTitleHoverColor: lighten($proposalsTitleColor, 10); // $mediumTextHoverColor
|
|
||||||
$proposalsTitleBorder: #303030;
|
|
||||||
$proposalsFacetHoverColor: #FFF;
|
|
||||||
|
|
||||||
@import '../../../_shared/styles/jquery-ui/dark-hive';
|
|
||||||
@import '../skin-shared';
|
|
||||||
@@ -1,179 +0,0 @@
|
|||||||
$skinsImagesPath: '/assets/vendors/jquery-ui/images/ui-lightness/';
|
|
||||||
|
|
||||||
$defaultBorderColor: #999999;
|
|
||||||
$defaultBorderRadius: 2px;
|
|
||||||
|
|
||||||
$textPrimaryColor: #333333;
|
|
||||||
$textPrimaryHoverColor: #1a1a1a;
|
|
||||||
$textPrimaryActiveColor: #1a1a1a;
|
|
||||||
$textPrimaryInverseColor: #3b3b3b;
|
|
||||||
$textSecondaryColor: #999999;
|
|
||||||
|
|
||||||
$highlightDarkerColor: #0c4554;
|
|
||||||
|
|
||||||
$highlightBackgroundColor: #076882;
|
|
||||||
$highlightBackgroundAltColor: #0c4554;
|
|
||||||
$highlightBorderColor: #0c4554;
|
|
||||||
$highlightTextColor: #FFFFFF;
|
|
||||||
|
|
||||||
|
|
||||||
$darkerBackgroundColor: #D9D9D9; // #F1F1F1 <- to try
|
|
||||||
$darkerBorderColor: darken(#D9D9D9, 10);
|
|
||||||
$darkerTextColor: #333333;
|
|
||||||
$darkerTextHoverColor: #000000;
|
|
||||||
|
|
||||||
$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;
|
|
||||||
$bgInverseHoverColor: #FFF;
|
|
||||||
|
|
||||||
/******* GLOBAL PROD **********************************************************/
|
|
||||||
|
|
||||||
$scrollBgColor: $mediumBackgroundColor; //#3b3b3b;
|
|
||||||
|
|
||||||
$paginateBorderColor: #999999;
|
|
||||||
$paginateTextColor: #999999;
|
|
||||||
// $paginateBorder2Color: #999999;
|
|
||||||
// $paginateTextColor: #FFFFFF;
|
|
||||||
$paginateBg1: #D9D9D9;
|
|
||||||
|
|
||||||
$uploadBg1: #FFFFFF;
|
|
||||||
$uploadBg2: transparent;
|
|
||||||
$uploadLoaderImg: 'loader-black.gif';
|
|
||||||
|
|
||||||
$bridgeDropdownToggleBg: #E6E6E6;
|
|
||||||
$bridgeDropdownMenuBg: #A4A4A4;
|
|
||||||
$bridgeDropdownMenuBorder: #666666;
|
|
||||||
$bridgeDropdownMenuColor: #EAEAEA;
|
|
||||||
$bridgeDropdownMenuHoverBg: #666666;
|
|
||||||
$bridgeDropdownMenuHoverColor: #FFFFFF;
|
|
||||||
|
|
||||||
$thesaurusInputBackground: #d4d4d4;
|
|
||||||
|
|
||||||
|
|
||||||
$thesaurusContextMenuColor: #FFFFFF;
|
|
||||||
|
|
||||||
|
|
||||||
$basketsTextColor: #777777;
|
|
||||||
|
|
||||||
$guiSplitterImg: 'vsplitter2-959595.png';
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$answersToolsBtnSeparatorBorder: #999;
|
|
||||||
$answersToolsBtnBg: #A4A4A4;
|
|
||||||
$answersToolsBtnBorder: #666666;
|
|
||||||
$answersToolsBtnColor: #EAEAEA;
|
|
||||||
$answersToolsBtnHoverBg: #666666;
|
|
||||||
$answersToolsBtnHoverColor: #FFFFFF;
|
|
||||||
|
|
||||||
$answersToolsBtnSettingsColor: lighten($answersToolsBtnColor, 10);
|
|
||||||
$answersToolsBtnSettingsHoverBg: #393939;
|
|
||||||
$answersToolsBtnSettingsHoverColor: lighten($answersToolsBtnColor, 10);
|
|
||||||
$answersToolsBtnSettingsBorder: #999;
|
|
||||||
|
|
||||||
// $diapoBorderColor: $darkerBorderColor;
|
|
||||||
|
|
||||||
$editTextMultiValueBg: #FFFFFF;
|
|
||||||
$editTextMultiValueBorder: #999999;
|
|
||||||
$editTextMultiValueHighlightBg: #d0d0d0;
|
|
||||||
|
|
||||||
$preferencesLabelColor: #333333;
|
|
||||||
|
|
||||||
$activeStateIcon: 'ui-icons_ffffff_256x240.png';
|
|
||||||
$accordionLoaderImg: 'loader-black.gif';
|
|
||||||
$accordionBgHeaderHover: #999;
|
|
||||||
|
|
||||||
$inputButtonHoverColor: #FEFEFE;
|
|
||||||
$inputFallbackBorderColor: #b1b1b1;
|
|
||||||
|
|
||||||
$dropdownDividerBg: $darkerBorderColor;
|
|
||||||
$dropdownDividerBorder: $darkerBorderColor;
|
|
||||||
|
|
||||||
$overlayBg: #B1B1B1;
|
|
||||||
|
|
||||||
$tabsNavBg: #999999;
|
|
||||||
$tabsNavBgActive: #B2B2B2; //#D9D9D9;
|
|
||||||
$contentLoaderImg: 'loader-black.gif';
|
|
||||||
|
|
||||||
/*$btnBackground: #444444; //#B9B9B9;
|
|
||||||
$btnBackgroundHighlight: #393939;
|
|
||||||
$btnColor: #AAAAAA;
|
|
||||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,.25);*/
|
|
||||||
|
|
||||||
$btnBackground: #f2f2f2;
|
|
||||||
$btnBackgroundHighlight: #D6D6D6;
|
|
||||||
$btnColor: #737373;
|
|
||||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,0);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$btnInverseBackground: #B9B9B9;
|
|
||||||
$btnInverseBackgroundHighlight: #A4A4A4;
|
|
||||||
$btnInverseColor: #EAEAEA;
|
|
||||||
$btnInverseTextShadow: 0 -1px 0 rgba(0,0,0,.25);
|
|
||||||
$btnGrpSeparatorColor: $defaultBorderColor;
|
|
||||||
|
|
||||||
$widgetContentColor: $textPrimaryInverseColor;
|
|
||||||
|
|
||||||
$linkDefaultColor: #444444;
|
|
||||||
$linkDefaultHover: #444444;
|
|
||||||
|
|
||||||
// override jquery ui theme colors:
|
|
||||||
$uiTextContentColor: $mediumTextColor;
|
|
||||||
$uiTextTitleColor: $mediumTextColor;
|
|
||||||
$uiLinkColor: $darkTextColor;
|
|
||||||
$uiLinkFocusColor: $darkTextColor;
|
|
||||||
$uiLinkActiveColor: $darkTextColor;
|
|
||||||
|
|
||||||
|
|
||||||
/******** MAIN MENU CONFIG ********/
|
|
||||||
// $mainMenuRightListBorderLeft: #999;
|
|
||||||
$mainMenuBottomBorder: none;
|
|
||||||
$mainMenuBackgroundColor: $mediumBackgroundColor; //BFBFBF;
|
|
||||||
$mainMenuBottomBorder: none;
|
|
||||||
$mainMenuMarginBottom: 0;
|
|
||||||
$mainMenuLinkColor: #FFF;
|
|
||||||
$mainMenuLinkBackgroundHoverColor: transparent; //$bgInverseHoverColor;
|
|
||||||
$mainMenuLinkHoverColor: $textPrimaryHoverColor;
|
|
||||||
@import '../../../_shared/styles/variables';
|
|
||||||
|
|
||||||
/******** WORKZONE TABS CONFIG ********/
|
|
||||||
$workzoneBackgroundColor: $mediumBackgroundColor;
|
|
||||||
$workzoneTabBackgroundColor: $mediumBackgroundColor;
|
|
||||||
$workzoneTabBgHover: #999;
|
|
||||||
$workzoneTabBgActive: #999;
|
|
||||||
$workzoneTabTopBorder: 1px solid #999;
|
|
||||||
$workzoneTabBorderBottom: transparent;
|
|
||||||
$workzoneBasketAlertDataBg: #fff190;
|
|
||||||
$workzoneBasketAlertDataColor: #1a1a1a;
|
|
||||||
$workzoneToolsLabelColor: #FFFFFF;
|
|
||||||
|
|
||||||
/******** PROPOSALS CONFIG ********/
|
|
||||||
$proposalsTitleColor: #FFFFFF;
|
|
||||||
$proposalsTitleBorder: #666666;
|
|
||||||
$proposalsTitleHoverColor: lighten($proposalsTitleColor, 10);
|
|
||||||
$proposalsFacetHoverColor: #FFF;
|
|
||||||
|
|
||||||
@import '../../../_shared/styles/jquery-ui/ui-lightness';
|
|
||||||
@import '../skin-shared';
|
|
||||||
@@ -1,192 +0,0 @@
|
|||||||
$skinsImagesPath: '/assets/vendors/jquery-ui/images/ui-lightness/';
|
|
||||||
|
|
||||||
$defaultBorderColor: #999999;
|
|
||||||
$defaultBorderRadius: 2px;
|
|
||||||
|
|
||||||
$textPrimaryColor: #333333;
|
|
||||||
$textPrimaryHoverColor: #1a1a1a;
|
|
||||||
$textPrimaryActiveColor: #1a1a1a;
|
|
||||||
$textPrimaryInverseColor: #1a1a1a; //3b3b3b;
|
|
||||||
$textSecondaryColor: #999999;
|
|
||||||
|
|
||||||
$highlightDarkerColor: #0c4554;
|
|
||||||
|
|
||||||
$highlightBackgroundColor: #076882;
|
|
||||||
$highlightBackgroundAltColor: #0c4554;
|
|
||||||
$highlightBorderColor: #0c4554;
|
|
||||||
$highlightTextColor: #FFF;
|
|
||||||
|
|
||||||
|
|
||||||
$darkerBackgroundColor: #FFFFFF; // #F1F1F1 <- to try
|
|
||||||
$darkerBorderColor: #bfbfbf;
|
|
||||||
$darkerTextColor: #333;
|
|
||||||
$darkerTextHoverColor: #000000;
|
|
||||||
|
|
||||||
$darkBackgroundColor: #FFFFFF; //B1B1B1;
|
|
||||||
$darkBorderColor: darken($darkBackgroundColor, 10);
|
|
||||||
$darkTextColor: #9c9c9c;
|
|
||||||
|
|
||||||
$mediumBackgroundColor: #f2f2f2; // B2B2B2 <- to try
|
|
||||||
$mediumBorderColor: #FFF; //darken($mediumBackgroundColor, 10);
|
|
||||||
$mediumBorderHighlightColor: #bfbfbf;
|
|
||||||
$mediumTextColor: $textPrimaryColor;
|
|
||||||
$mediumTextHoverColor: #EAEAEA;
|
|
||||||
$mediumTextActiveColor: #EAEAEA;
|
|
||||||
|
|
||||||
$lightBackgroundColor: #9c9c9c;
|
|
||||||
$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;
|
|
||||||
$bgInverseHoverColor: #333;
|
|
||||||
|
|
||||||
/******* GLOBAL PROD **********************************************************/
|
|
||||||
$scrollBgColor: $mediumBackgroundColor; //#3b3b3b;
|
|
||||||
|
|
||||||
$paginateBorderColor: #bfbfbf;
|
|
||||||
$paginateTextColor: #FFFFFF;
|
|
||||||
$paginationLinkColor: #333;
|
|
||||||
// $paginateBorder2Color: #999999;
|
|
||||||
// $paginateTextColor: #FFFFFF;
|
|
||||||
$paginateBg1: #D9D9D9;
|
|
||||||
|
|
||||||
$uploadBg1: #FFFFFF;
|
|
||||||
$uploadBg2: transparent;
|
|
||||||
$uploadLoaderImg: 'loader-black.gif';
|
|
||||||
|
|
||||||
$bridgeDropdownToggleBg: #E6E6E6;
|
|
||||||
$bridgeDropdownMenuBg: #f2f2f2;
|
|
||||||
$bridgeDropdownMenuBorder: #bfbfbf;
|
|
||||||
$bridgeDropdownMenuColor: #EAEAEA;
|
|
||||||
$bridgeDropdownMenuHoverBg: #bfbfbf;
|
|
||||||
$bridgeDropdownMenuHoverColor: #FFFFFF;
|
|
||||||
|
|
||||||
$thesaurusInputBackground: #d4d4d4;
|
|
||||||
$thesaurusContextMenuColor: #FFFFFF;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$basketsTextColor: #777777;
|
|
||||||
|
|
||||||
$guiSplitterImg: 'vsplitter2-959595.png';
|
|
||||||
|
|
||||||
$answersToolsBtnSeparatorBorder: #EAEAEA;
|
|
||||||
$answersToolsBtnBg: #f2f2f2;
|
|
||||||
$answersToolsBtnBorder: #bfbfbf;
|
|
||||||
$answersToolsBtnColor: #5b5b5b;
|
|
||||||
$answersToolsBtnHoverBg: #bfbfbf;
|
|
||||||
$answersToolsBtnHoverColor: #FFFFFF;
|
|
||||||
|
|
||||||
$answersToolsBtnSettingsColor: #000; //lighten($answersToolsBtnColor, 10);
|
|
||||||
$answersToolsBtnSettingsHoverBg: #393939;
|
|
||||||
$answersToolsBtnSettingsHoverColor: lighten($answersToolsBtnColor, 10);
|
|
||||||
$answersToolsBtnSettingsBorder: #EAEAEA;
|
|
||||||
|
|
||||||
// $diapoBorderColor: $darkerBorderColor;
|
|
||||||
|
|
||||||
$editTextMultiValueBg: #FFFFFF;
|
|
||||||
$editTextMultiValueBorder: #999999;
|
|
||||||
$editTextMultiValueHighlightBg: #d0d0d0;
|
|
||||||
|
|
||||||
$preferencesLabelColor: #333333;
|
|
||||||
|
|
||||||
$activeStateIcon: 'ui-icons_ffffff_256x240.png';
|
|
||||||
$accordionLoaderImg: 'loader-black.gif';
|
|
||||||
$accordionBgHeaderHover: #999;
|
|
||||||
|
|
||||||
$inputButtonHoverColor: #FEFEFE;
|
|
||||||
$inputFallbackBorderColor: #b1b1b1;
|
|
||||||
|
|
||||||
$dropdownDividerBg: $darkerBorderColor;
|
|
||||||
$dropdownDividerBorder: $darkerBorderColor;
|
|
||||||
|
|
||||||
$overlayBg: #B1B1B1;
|
|
||||||
|
|
||||||
$tabsNavBg: #999999;
|
|
||||||
$tabsNavBgActive: #B2B2B2; //#D9D9D9;
|
|
||||||
$contentLoaderImg: 'loader-black.gif';
|
|
||||||
|
|
||||||
/*$btnBackground: #444444; //#B9B9B9;
|
|
||||||
$btnBackgroundHighlight: #393939;
|
|
||||||
$btnColor: #AAAAAA;
|
|
||||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,.25);*/
|
|
||||||
|
|
||||||
$btnBackground: #f2f2f2;
|
|
||||||
$btnBackgroundHighlight: #D6D6D6;
|
|
||||||
$btnColor: #737373;
|
|
||||||
$btnTextShadow: 0 -1px 0 rgba(0,0,0,0);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$btnInverseBackground: #f2f2f2;
|
|
||||||
$btnInverseBackgroundHighlight: #d6d6d6;
|
|
||||||
$btnInverseColor: #5b5b5b;
|
|
||||||
$btnInverseTextShadow: 0 -1px 0 rgba(255,255,255,.25);
|
|
||||||
$btnGrpSeparatorColor: $defaultBorderColor;
|
|
||||||
|
|
||||||
$widgetContentColor: $textPrimaryInverseColor;
|
|
||||||
|
|
||||||
$linkDefaultColor: #444444;
|
|
||||||
$linkDefaultHover: #444444;
|
|
||||||
|
|
||||||
// override jquery ui theme colors:
|
|
||||||
$uiTextContentColor: $mediumTextColor;
|
|
||||||
$uiTextTitleColor: $mediumTextColor;
|
|
||||||
$uiLinkColor: $darkTextColor;
|
|
||||||
$uiLinkFocusColor: $darkTextColor;
|
|
||||||
$uiLinkActiveColor: $darkTextColor;
|
|
||||||
|
|
||||||
|
|
||||||
/******** MAIN MENU CONFIG ********/
|
|
||||||
$mainMenuBottomBorder: none;
|
|
||||||
$mainMenuBackgroundColor: #1a1a1a; //BFBFBF;
|
|
||||||
$mainMenuBottomBorder: none;
|
|
||||||
$mainMenuMarginBottom: 0;
|
|
||||||
$mainMenuLinkColor: #FFFFFF;
|
|
||||||
$mainMenuLinkBackgroundHoverColor: transparent; //$bgInverseHoverColor;
|
|
||||||
$mainMenuLinkHoverColor: darken($mainMenuLinkColor, 10);
|
|
||||||
@import '../../../_shared/styles/variables';
|
|
||||||
|
|
||||||
/******** PROPOSALS CONFIG ********/
|
|
||||||
$proposalsTitleColor: #333;
|
|
||||||
$proposalsTitleBorder: #bfbfbf;
|
|
||||||
$proposalsTitleHoverColor: lighten($proposalsTitleColor, 10);
|
|
||||||
$proposalsFacetHoverColor: #FFF;
|
|
||||||
//$proposalsContentTextColor: #FF0000;
|
|
||||||
|
|
||||||
/******** WORKZONE TABS CONFIG ********/
|
|
||||||
$workzoneBackgroundColor: $mediumBackgroundColor;
|
|
||||||
$workzoneTabBgHover: #EAEAEA;
|
|
||||||
$workzoneTabBgActive: #EAEAEA;
|
|
||||||
$workzoneTabTopBorder: 1px solid #EAEAEA;
|
|
||||||
$workzoneTabBorderBottom: transparent;
|
|
||||||
$workzoneBasketAlertDataBg: #fff190;
|
|
||||||
$workzoneBasketAlertDataColor: #1a1a1a;
|
|
||||||
$workzoneToolsLabelColor: #FFFFFF;
|
|
||||||
|
|
||||||
|
|
||||||
/******** TABS CONFIG ********/
|
|
||||||
$tabContentBackgroundColor: #f5f5f5;
|
|
||||||
$tabBackgroundColor: #f2f2f2;
|
|
||||||
$tabTextColor: lighten($textPrimaryInverseColor, 10);
|
|
||||||
$tabActiveBackgroundColor: $tabContentBackgroundColor;
|
|
||||||
$tabActiveTextColor: $textPrimaryInverseColor;
|
|
||||||
$tabDisabledBackgroundColor: $tabBackgroundColor;
|
|
||||||
$tabDisabledTextColor: $mediumTextActiveColor;
|
|
||||||
|
|
||||||
/******** ANSWERS INFOS CONFIG ********/
|
|
||||||
$answersInfoDialogBg: $highlightBackgroundAltColor !default;
|
|
||||||
$answersInfoDialogColor: #FFFFFF !default;
|
|
||||||
$answersDocInfoBg: $highlightBackgroundAltColor !default;
|
|
||||||
$answersDocInfoBorder: #FAFAFA !default;
|
|
||||||
$answersDocInfoColor: #FFFFFF !default;
|
|
||||||
$answersLinkColor: #FFFFFF !default;
|
|
||||||
$answersInfoLabelColor: #FFFFFF !default;
|
|
||||||
@import '../../../_shared/styles/jquery-ui/ui-lightness';
|
|
||||||
@import '../skin-shared';
|
|
||||||
@@ -1,550 +0,0 @@
|
|||||||
$proposalColor: #4c5d84;
|
|
||||||
$thesaurusColor: #884c92;
|
|
||||||
$basketsColor: #076882;
|
|
||||||
$pluginsColor: #FFF;
|
|
||||||
|
|
||||||
@import '../../_shared/styles/variables';
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 6px;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
border-radius: 0;
|
|
||||||
width: 3px;
|
|
||||||
background-color: lighten($scrollBgColor, 5);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-button {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-corner {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
*::-moz-selection, *::selection {
|
|
||||||
background: #FFFFFF;
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
input::selection, textarea::selection,
|
|
||||||
input::-moz-selection, textarea::-moz-selection {
|
|
||||||
background: #404040;
|
|
||||||
color: $textInverseColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
color: $textInverseColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
legend {
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
width: auto;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
color: $darkerTextColor;
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
font-family: $defaultFontFamily;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
border: medium none;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
z-index: 1;
|
|
||||||
body {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
COLOR: $linkDefaultColor;
|
|
||||||
TEXT-DECORATION: none
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
COLOR: $linkDefaultHover;
|
|
||||||
TEXT-DECORATION: none
|
|
||||||
}
|
|
||||||
|
|
||||||
EM {
|
|
||||||
FONT-STYLE: normal;
|
|
||||||
BACKGROUND-COLOR: #D82400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clickable {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-state-default, .ui-widget-content .ui-state-default,
|
|
||||||
.ui-widget-header .ui-state-default {
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-widget-overlay {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-widget-content.ui-autocomplete {
|
|
||||||
background-color: black;
|
|
||||||
background-image: none;
|
|
||||||
z-index: 650;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-widget-content.ui-autocomplete .ui-state-hover,
|
|
||||||
.ui-widget-content.ui-autocomplete .ui-widget-content .ui-state-hover,
|
|
||||||
.ui-widget-content.ui-autocomplete .ui-widget-header .ui-state-hover,
|
|
||||||
.ui-widget-content.ui-autocomplete .ui-state-focus,
|
|
||||||
.ui-widget-content.ui-autocomplete .ui-widget-content .ui-state-focus,
|
|
||||||
.ui-widget-content.ui-autocomplete .ui-widget-header .ui-state-focus {
|
|
||||||
border: 1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
#maincontainer {
|
|
||||||
min-width: 970px;
|
|
||||||
min-height: 500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#mainContent {
|
|
||||||
margin-top: $mainMenuHeight;
|
|
||||||
// top: 40px;
|
|
||||||
min-width: 960px;
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PNB {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#rightFrame {
|
|
||||||
min-width: 660px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PNB .ui-corner-top {
|
|
||||||
top: 77px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#PREVIEWTITLEWRAPPER {
|
|
||||||
top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PNB10 {
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
left: 10px;
|
|
||||||
right: 10px;
|
|
||||||
bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.minilogo {
|
|
||||||
max-height: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ww_window .ww_content {
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.boxCloser {
|
|
||||||
cursor: pointer;
|
|
||||||
color: rgb(204, 204, 204);
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
text-align: right;
|
|
||||||
text-decoration: underline;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*.ww_status {
|
|
||||||
background-image: url('#{$skinsImagesPath}ww_title.gif');
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
color: #0077bc;
|
|
||||||
font-size: 8pt;
|
|
||||||
}*/
|
|
||||||
|
|
||||||
span.ww_winTitle {
|
|
||||||
letter-spacing: 1px;
|
|
||||||
color: #0077bc;
|
|
||||||
font-size: 8pt;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#divpage {
|
|
||||||
background-color: #212121;
|
|
||||||
padding: 10px 0;
|
|
||||||
margin: 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.desktop {
|
|
||||||
background-position: center center;
|
|
||||||
left: 0px;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-helper-reset {
|
|
||||||
line-height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-tabs .ui-tabs-nav li a {
|
|
||||||
padding: 3px 5px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#keyboard-dialog h1 {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin: 0;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#keyboard-dialog ul {
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 5px 0 20px 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#keyboard-dialog ul li {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.cont_infos {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10px;
|
|
||||||
height: 60px;
|
|
||||||
top: auto;
|
|
||||||
text-align: center;
|
|
||||||
width: 70px;
|
|
||||||
right: 60px;
|
|
||||||
div {
|
|
||||||
line-height: 20px;
|
|
||||||
font-size: $smallFontSize;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: $smallFontSize;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#SPANTITLE img {
|
|
||||||
height: 16px;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cgu-dialog blockquote {
|
|
||||||
margin: 10px 30px;
|
|
||||||
overflow: auto;
|
|
||||||
max-height: 400px;
|
|
||||||
p {
|
|
||||||
margin: 10px 30px 10px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.chim-wrapper {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tooltip {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 32000;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.otherRegToolTip img {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ui-datepicker-div {
|
|
||||||
z-index: 2000;
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-selectable-helper {
|
|
||||||
border: 1px dotted #CCCCCC;
|
|
||||||
z-index: 10000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/******* DIALOGS **************************************************************/
|
|
||||||
|
|
||||||
#dialog_dwnl h1 {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_dwnl .buttons_line {
|
|
||||||
margin: 10px 0;
|
|
||||||
text-align: center
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_dwnl .order_input {
|
|
||||||
width: 250px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_dwnl .undisposable {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_dwnl .undisposable .thumb_wrapper {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_dwnl .undisposable .thumb {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
/******* ORDER MANAGER ********************************************************/
|
|
||||||
|
|
||||||
#order_manager tr.order_row {
|
|
||||||
height: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#order_manager .order_row.odd {
|
|
||||||
background-color: #404040;
|
|
||||||
}
|
|
||||||
|
|
||||||
#order_manager .order_list .thumb_wrapper {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#order_manager .order_list li {
|
|
||||||
display: inline-block;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
border: 1px solid #FFFFFF;
|
|
||||||
margin: 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#order_manager .order_list .thumb {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#order_manager .order_list .selectable.selected {
|
|
||||||
background-color: #404040;
|
|
||||||
}
|
|
||||||
|
|
||||||
#order_manager .order_list .selectable {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#order_manager .order_list .order_wrapper {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#order_manager table p {
|
|
||||||
margin: 2px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
iframe {
|
|
||||||
border: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
margin-top: 0px;
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 16px;
|
|
||||||
margin-bottom: 0px;
|
|
||||||
margin-left: 5px
|
|
||||||
}
|
|
||||||
|
|
||||||
#notification_trigger .counter {
|
|
||||||
position: relative;
|
|
||||||
*position: static;
|
|
||||||
top: -2px;
|
|
||||||
margin: 11px 15px 0 0;
|
|
||||||
padding: 1px 4px;
|
|
||||||
background: none repeat scroll 0 0 red;
|
|
||||||
background-color: #DA4F49;
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
||||||
*border-color: transparent;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 4px 4px 4px 4px;
|
|
||||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
||||||
font-size: $xmediumFontSize;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 14px;
|
|
||||||
text-align: center;
|
|
||||||
color: $textInverseColor;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sizeAns_slider, #nperpage_slider, #EDIT_ZOOMSLIDER {
|
|
||||||
background-color: #666666;
|
|
||||||
border-color: #666666;
|
|
||||||
height: 10px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#sizeAns_slider .ui-slider-handle, #nperpage_slider .ui-slider-handle,
|
|
||||||
#EDIT_ZOOMSLIDER .ui-slider-handle {
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
width: 8px;
|
|
||||||
cursor: col-resize;
|
|
||||||
}
|
|
||||||
|
|
||||||
/******* POPOVERS *************************************************************/
|
|
||||||
|
|
||||||
#tooltip .popover {
|
|
||||||
background-color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover-inner {
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
border: 2px solid $darkerBorderColor;
|
|
||||||
padding: 0px;
|
|
||||||
color: $darkerTextColor;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover-inner .popover-title {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover-inner .popover-content {
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
hr {
|
|
||||||
background-color: $darkerTextColor;
|
|
||||||
border-color: $darkerBorderColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dragover {
|
|
||||||
BACKGROUND-COLOR: #fff100
|
|
||||||
}
|
|
||||||
|
|
||||||
/******* DIALOGS **************************************************************/
|
|
||||||
|
|
||||||
#dialog_dwnl input.required.error,
|
|
||||||
#dialog_dwnl textarea.required.error {
|
|
||||||
border: 1px solid red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.overlay, .ui-widget-overlay {
|
|
||||||
background-color: $overlayBg;
|
|
||||||
opacity: 0.7;
|
|
||||||
filter: alpha(opacity=70);
|
|
||||||
}
|
|
||||||
|
|
||||||
.submenu .ui-buttonset {
|
|
||||||
z-index: 120;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu .divider {
|
|
||||||
background-color: $dropdownDividerBg;
|
|
||||||
border-bottom: 1px solid $dropdownDividerBorder;
|
|
||||||
margin: 3px 1px 3px 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.close {
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
// box-shadow: inset 1px 1px 2px 0px rgba($darkerBackgroundColor,0.7);
|
|
||||||
&:hover {
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-marker {
|
|
||||||
line-height: 10px;
|
|
||||||
border-radius: 50%;
|
|
||||||
width: 7px;
|
|
||||||
height: 7px;
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 8px;
|
|
||||||
margin-bottom: 0px;
|
|
||||||
&.status-active {
|
|
||||||
background-color: #58d5b5;
|
|
||||||
box-shadow: 0 0 6px #69fcd6;
|
|
||||||
}
|
|
||||||
&.status-inactive {
|
|
||||||
background-color: #aaaaaa;
|
|
||||||
box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#loader {
|
|
||||||
color: $textPrimaryInverseColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dl-horizontal {
|
|
||||||
dd {
|
|
||||||
&:before {
|
|
||||||
content: "\200b"; // unicode zero width space character
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.videoTips {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@import 'ui-components/jquery-ui';
|
|
||||||
@import 'ui-components/context-menu';
|
|
||||||
@import 'ui-components/forms';
|
|
||||||
@import 'ui-components/buttons';
|
|
||||||
@import 'ui-components/search-form';
|
|
||||||
@import 'ui-components/workzone';
|
|
||||||
@import 'ui-components/answers-tools';
|
|
||||||
@import 'ui-components/answers';
|
|
||||||
@import 'ui-components/colorpicker';
|
|
||||||
@import 'ui-components/thumb-extractor';
|
|
||||||
@import 'ui-components/pagination';
|
|
||||||
@import 'ui-components/upload';
|
|
||||||
@import 'ui-components/modal-basket-pref';
|
|
||||||
@import 'ui-components/modal-publish';
|
|
||||||
@import 'ui-components/modal-edit';
|
|
||||||
@import 'ui-components/modal-export';
|
|
||||||
@import 'ui-components/modal-bridge';
|
|
||||||
@import '../../_shared/styles/main-menu';
|
|
||||||
@import 'ui-components/workzone-thesaurus';
|
|
||||||
@import 'ui-components/workzone-baskets';
|
|
||||||
@import 'ui-components/workzone-proposals';
|
|
||||||
@import 'ui-components/workzone-plugins';
|
|
||||||
@import 'ui-components/actions';
|
|
||||||
@import 'ui-components/gui';
|
|
||||||
@import 'ui-components/gui-misc';
|
|
||||||
@import 'ui-components/modal-preview';
|
|
||||||
@import 'ui-components/modal-push';
|
|
||||||
@import 'ui-components/diapo';
|
|
||||||
@import 'ui-components/modal-preferences';
|
|
||||||
@@ -1,113 +0,0 @@
|
|||||||
|
|
||||||
/******* ACTIONS **************************************************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*#TOOL_disktt {
|
|
||||||
background-image: url('#{$skinsImagesPath}disktt_0.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_disktt.actif {
|
|
||||||
background-image: url('#{$skinsImagesPath}disktt_1.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_ppen {
|
|
||||||
background-image: url('#{$skinsImagesPath}ppen_0.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_ppen.actif {
|
|
||||||
background-image: url('#{$skinsImagesPath}ppen_1.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_chgstatus {
|
|
||||||
background-image: url('#{$skinsImagesPath}chgstatus_0.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_chgstatus.actif {
|
|
||||||
background-image: url('#{$skinsImagesPath}chgstatus_1.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_chgcoll {
|
|
||||||
background-image: url('#{$skinsImagesPath}chgcoll_0.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_chgcoll.actif {
|
|
||||||
background-image: url('#{$skinsImagesPath}chgcoll_1.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_pushdoc {
|
|
||||||
background-image: url('#{$skinsImagesPath}pushdoc_0.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_pushdoc.actif {
|
|
||||||
background-image: url('#{$skinsImagesPath}pushdoc_1.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_print {
|
|
||||||
background-image: url('#{$skinsImagesPath}print_0.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_print.actif {
|
|
||||||
background-image: url('#{$skinsImagesPath}print_1.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_imgtools{
|
|
||||||
background-image: url('#{$skinsImagesPath}imgtools_0.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_imgtools.actif{
|
|
||||||
background-image: url('#{$skinsImagesPath}imgtools_1.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_trash {
|
|
||||||
background-image: url('#{$skinsImagesPath}trash_0.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#TOOL_trash.actif {
|
|
||||||
background-image: url('#{$skinsImagesPath}trash_1.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
/*
|
|
||||||
.contextMenuTrigger {
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
font-size: $smallFontSize;
|
|
||||||
margin-left: 5px;
|
|
||||||
line-height: 18px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contextMenuTrigger:hover {
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
@@ -1,117 +0,0 @@
|
|||||||
/******* idFrameT CSS *********************************************************/
|
|
||||||
|
|
||||||
#idFrameT {
|
|
||||||
margin-left: -20px;
|
|
||||||
margin-right: -20px;
|
|
||||||
#selectCase {
|
|
||||||
background: url('#{$iconsPath}ccoch0.gif') no-repeat center center;
|
|
||||||
padding-left: 16px;
|
|
||||||
}
|
|
||||||
.btn-toolbar {
|
|
||||||
margin-bottom: 0px;
|
|
||||||
margin-top: 0px;
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
font-size: $smallFontSize;
|
|
||||||
z-index:100;
|
|
||||||
height:45px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border-bottom: none; //1px solid $darkerBorderColor;
|
|
||||||
}
|
|
||||||
.tools {
|
|
||||||
&:first-child .btn-group {
|
|
||||||
border-right: 1px solid $answersToolsBtnSeparatorBorder;
|
|
||||||
}
|
|
||||||
.btn-group {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.classicButton button.btn,
|
|
||||||
.dropdownButton {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.classicButton button.btn,
|
|
||||||
.dropdownButton button.btn {
|
|
||||||
height: 30px;
|
|
||||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
-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);
|
|
||||||
}
|
|
||||||
.classicButton button.btn-inverse,
|
|
||||||
.dropdownButton button.btn-inverse {
|
|
||||||
background-image: none;
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
color: $answersToolsBtnColor;
|
|
||||||
border-radius: 0;
|
|
||||||
margin: 0;
|
|
||||||
height: 45px;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
.classicButton button.btn-inverse {
|
|
||||||
border-right: 0;
|
|
||||||
}
|
|
||||||
.dropdownButton button.btn-inverse {
|
|
||||||
border-left: 0;
|
|
||||||
border-right: 0;
|
|
||||||
}
|
|
||||||
.classicButton button.btn-inverse:hover,
|
|
||||||
.dropdownButton button.btn-inverse:hover {
|
|
||||||
background-color: $answersToolsBtnBg;
|
|
||||||
*background-color: $answersToolsBtnBg;
|
|
||||||
color: $textPrimaryHoverColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.classicButton button.btn-inverse img,
|
|
||||||
.dropdownButton button.btn-inverse img {
|
|
||||||
margin: 0 2px;
|
|
||||||
max-width: none;
|
|
||||||
}
|
|
||||||
.dropdown-menu {
|
|
||||||
min-width: 95px;
|
|
||||||
background-color: $answersToolsBtnBg;
|
|
||||||
*border: 1px solid $answersToolsBtnBorder;
|
|
||||||
a {
|
|
||||||
padding: 3px 10px;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
color: $answersToolsBtnColor;
|
|
||||||
cursor: pointer;
|
|
||||||
&:hover {
|
|
||||||
background-color: $answersToolsBtnHoverBg;
|
|
||||||
color: $highlightTextColor; //$answersToolsBtnHoverColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#settings {
|
|
||||||
display: block;
|
|
||||||
float: right;
|
|
||||||
line-height: 45px;
|
|
||||||
padding-right: 51px;
|
|
||||||
padding-left: 21px;
|
|
||||||
margin-right: 0;
|
|
||||||
color: $answersToolsBtnSettingsColor;
|
|
||||||
background: url('#{$iconsPath}icone_settings.png') right 15px no-repeat;
|
|
||||||
background-position: right 21px top 15px;
|
|
||||||
border-left: 1px solid $answersToolsBtnSettingsBorder;
|
|
||||||
&:hover {
|
|
||||||
background-color: $answersToolsBtnSettingsHoverBg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 1200px) {
|
|
||||||
#idFrameT .tools button.btn-inverse img {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#idFrameT .tools #settings {
|
|
||||||
text-indent: -9000px;
|
|
||||||
padding-right: 0px;
|
|
||||||
padding-left: 0px;
|
|
||||||
margin-right: 8px;
|
|
||||||
width: 26px;
|
|
||||||
background-position: right 1px top 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,241 +0,0 @@
|
|||||||
$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;
|
|
||||||
}
|
|
||||||
|
|
||||||
#answers {
|
|
||||||
box-sizing: border-box;
|
|
||||||
.status {
|
|
||||||
img {
|
|
||||||
max-width: 16px;
|
|
||||||
max-height: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#answersNext {
|
|
||||||
width: 150px;
|
|
||||||
margin: 5px;
|
|
||||||
height: 193px;
|
|
||||||
line-height: 193px;
|
|
||||||
font-size: 25px;
|
|
||||||
color: $answersLinkColor;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.list {
|
|
||||||
box-sizing: border-box;
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
margin: 8px;
|
|
||||||
width: 600px;
|
|
||||||
overflow: hidden;
|
|
||||||
border: 3px solid $darkerBorderColor;
|
|
||||||
.diapo {
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
.desc {
|
|
||||||
.dl-horizontal {
|
|
||||||
margin-bottom: 0;
|
|
||||||
dt {
|
|
||||||
width: 70px; //100
|
|
||||||
}
|
|
||||||
dd {
|
|
||||||
margin-left: 90px; //120
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#idFrameT {
|
|
||||||
#answers {
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
top: 55px;
|
|
||||||
bottom: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
//overflow-y: hidden;
|
|
||||||
padding-left: 10px;
|
|
||||||
overflow-y: auto;
|
|
||||||
/*&:hover {
|
|
||||||
}*/
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#answers_status{
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0px;
|
|
||||||
left: 10px;
|
|
||||||
height: 60px;
|
|
||||||
width: 400px;
|
|
||||||
z-index: 100;
|
|
||||||
table{
|
|
||||||
width: 100%;
|
|
||||||
tr{
|
|
||||||
height: 20px;
|
|
||||||
vertical-align: middle;
|
|
||||||
td.navigation{
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.infos {
|
|
||||||
text-align: left;
|
|
||||||
line-height: 18px;
|
|
||||||
font-size: 11px;
|
|
||||||
color: $answersInfoDialogColor;
|
|
||||||
height: 60px;
|
|
||||||
.infoDialog {
|
|
||||||
float: left;
|
|
||||||
background: $answersInfoDialogBg;
|
|
||||||
color: $answersInfoDialogColor;
|
|
||||||
padding: 0 25px;
|
|
||||||
font-size: 11px;
|
|
||||||
padding-top: 24px;
|
|
||||||
margin-right: 10px;
|
|
||||||
height: 36px;
|
|
||||||
span {
|
|
||||||
font-size: 22px;
|
|
||||||
margin-bottom: 3px;
|
|
||||||
float: left;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#nbrecsel {
|
|
||||||
font-size: 22px;
|
|
||||||
margin-top: 7px;
|
|
||||||
float: left;
|
|
||||||
margin-right: 7px;
|
|
||||||
display: block;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#docInfo {
|
|
||||||
height: 40px;
|
|
||||||
background: $answersDocInfoBg;
|
|
||||||
color: $answersDocInfoColor;
|
|
||||||
padding: 0 25px;
|
|
||||||
padding-top: 20px;
|
|
||||||
float: left;
|
|
||||||
min-width: 105px;
|
|
||||||
font-size: 11px;
|
|
||||||
line-height: 12px;
|
|
||||||
border-right: 1px solid $answersDocInfoBorder;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/******* FEEDS ****************************************************************/
|
|
||||||
#answers {
|
|
||||||
.feed {
|
|
||||||
position: relative;
|
|
||||||
clear: left;
|
|
||||||
margin: 10px;
|
|
||||||
.headblock {
|
|
||||||
max-width: 800px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
font-size: 22px;
|
|
||||||
img {
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a.subscribe_rss {
|
|
||||||
font-size: 14px;
|
|
||||||
margin-left: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.entry {
|
|
||||||
margin: 0 0 30px;
|
|
||||||
padding: 10px;
|
|
||||||
border: 1px solid $mediumBorderColor; //$answersFeedEntryBorder;
|
|
||||||
background-color: $mediumBackgroundColor; //$answersFeedEntryBg;
|
|
||||||
float: left;
|
|
||||||
&.hover {
|
|
||||||
border: 1px solid $mediumBorderHighlightColor;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
table{
|
|
||||||
&.head {
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 10px 0;
|
|
||||||
width: 600px;
|
|
||||||
}
|
|
||||||
a.tools {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hover{
|
|
||||||
table a.tools {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 20px;
|
|
||||||
.author {
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry,
|
|
||||||
h1,
|
|
||||||
p,
|
|
||||||
.contents,
|
|
||||||
.see_more,
|
|
||||||
.post_date {
|
|
||||||
position: relative;
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
.see_more {
|
|
||||||
height: 60px;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
background-position: center bottom;
|
|
||||||
}
|
|
||||||
.contents {
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
.post_date {
|
|
||||||
text-align: right;
|
|
||||||
font-style: italic;
|
|
||||||
max-width: 600px;
|
|
||||||
*width: 600px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
border: 1px solid $darkerBorderColor;
|
|
||||||
a {
|
|
||||||
color: $darkerTextColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
@import '../../../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/_mixins.scss';
|
|
||||||
.btn, input[type="file"] {
|
|
||||||
//font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
//font-size: 12px;
|
|
||||||
//font-weight: bold;
|
|
||||||
// soften button edges:
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
||||||
@include buttonBackground($btnBackground, $btnBackgroundHighlight, $btnColor, $btnTextShadow);
|
|
||||||
}
|
|
||||||
// @TODO .btn-primary
|
|
||||||
|
|
||||||
.ui-dialog .btn, .ui-widget-content .btn {
|
|
||||||
// font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
font-weight: bold;
|
|
||||||
color: $btnColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.btn-inverse {
|
|
||||||
@include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight, $btnInverseColor, $btnInverseTextShadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-append button.btn {
|
|
||||||
border-left: 1px solid $btnGrpSeparatorColor;
|
|
||||||
}
|
|
||||||
@@ -1,51 +0,0 @@
|
|||||||
$colorpickerBoxBorder: #FFFFFF;
|
|
||||||
$colorpickerSubmitBorder: #404040;
|
|
||||||
$colorpickerFocusBorder: #999999;
|
|
||||||
|
|
||||||
.colorpicker_box {
|
|
||||||
border: 1px solid $colorpickerBoxBorder;
|
|
||||||
cursor: pointer;
|
|
||||||
float: left;
|
|
||||||
margin: 2px;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.colorpickerbox {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
.colorpicker {
|
|
||||||
width: 210px;
|
|
||||||
height: 220px;
|
|
||||||
}
|
|
||||||
.colorpicker_submit .submiter {
|
|
||||||
padding: 3px 0 0 0;
|
|
||||||
}
|
|
||||||
.colorpicker_submit {
|
|
||||||
background-image: none;
|
|
||||||
background-color: black;
|
|
||||||
height: 25px;
|
|
||||||
left: 90px;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
top: 15px;
|
|
||||||
width: 100px;
|
|
||||||
border: 1px solid $colorpickerSubmitBorder;
|
|
||||||
cursor: pointer;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.colorpicker_focus {
|
|
||||||
border: 1px solid $colorpickerFocusBorder;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
.colorpicker_current_color,
|
|
||||||
.colorpicker_field,
|
|
||||||
.colorpicker_hex {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.colorpicker_color,
|
|
||||||
.colorpicker_hue {
|
|
||||||
top: 56px;
|
|
||||||
}
|
|
||||||
.colorpicker_new_color {
|
|
||||||
left: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,82 +0,0 @@
|
|||||||
/*
|
|
||||||
Menu contextuel
|
|
||||||
valeurs suggerees dans l'editing : Classic Windows Theme (default) */
|
|
||||||
/* =============================== */
|
|
||||||
.context-menu-theme-default {
|
|
||||||
border: 2px outset #FFFFFF;
|
|
||||||
background-color: #D4D0C8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-default .context-menu-item {
|
|
||||||
text-align: left;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 2px 20px 2px 5px;
|
|
||||||
color: black;
|
|
||||||
font-size: 9px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-default .context-menu-separator {
|
|
||||||
margin: 1px 2px;
|
|
||||||
font-size: 0px;
|
|
||||||
border-top: 1px solid #808080;
|
|
||||||
border-bottom: 1px solid #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-default .context-menu-item-disabled {
|
|
||||||
color: #808080;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-default .context-menu-item .context-menu-item-inner {
|
|
||||||
background: none no-repeat fixed 999px 999px; /* Make sure icons don't appear */
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-default .context-menu-item-hover {
|
|
||||||
background-color: #0A246A;
|
|
||||||
color: $textPrimaryHoverColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-default .context-menu-item-disabled-hover {
|
|
||||||
background-color: #0A246A;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/******* DROPDOWN MENU ********************************************************/
|
|
||||||
|
|
||||||
.context-menu-theme-vista .context-menu-item .context-menu-item-inner {
|
|
||||||
padding: 4px 20px;
|
|
||||||
margin-left: 0;
|
|
||||||
color: #75ABFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-vista .context-menu-item-hover {
|
|
||||||
background-image: none;
|
|
||||||
background-color: #75ABFF;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
|
|
||||||
color: #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-vista {
|
|
||||||
background-image: none;
|
|
||||||
background-color: #212121;
|
|
||||||
border-bottom-left-radius: $defaultBorderRadius;
|
|
||||||
border-bottom-right-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-theme-vista .context-menu-item .context-menu-item-inner.published {
|
|
||||||
background-image: url('#{$iconsPath}ticktick.png');
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 5px center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.context-menu-item a {
|
|
||||||
color: #75ABFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-item-hover a {
|
|
||||||
color: #212121;
|
|
||||||
}
|
|
||||||
@@ -1,108 +0,0 @@
|
|||||||
$diapoBorderColor: $darkerBorderColor !default;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Diapo are reused in answers, baskets,
|
|
||||||
*/
|
|
||||||
|
|
||||||
#reorder_box .diapo {
|
|
||||||
height: 130px;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reorder_box .diapo.ui-sortable-placeholder,
|
|
||||||
#reorder_box .diapo.ui-sortable-placeholderfollow {
|
|
||||||
background-color: orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reorder_box .CHIM.diapo img {
|
|
||||||
z-index: 1000;
|
|
||||||
position: relative;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reorder_dialog .ui-sortable-placeholder,
|
|
||||||
#reorder_dialog .ui-sortable-placeholderfollow {
|
|
||||||
width: 100px;
|
|
||||||
height: 130px;
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.diapo {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
float: left;
|
|
||||||
border: 1px solid $diapoBorderColor;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
text-align: center;
|
|
||||||
margin: 8px 5px;
|
|
||||||
&.selected {
|
|
||||||
cursor: url('#{$iconsPath}cursor-move.png'), -moz-grab;
|
|
||||||
}
|
|
||||||
|
|
||||||
.thumb {
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
.record {
|
|
||||||
position: relative;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 99;
|
|
||||||
&.actions {
|
|
||||||
/*.action-icon {
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 12px;
|
|
||||||
|
|
||||||
}*/
|
|
||||||
tr {
|
|
||||||
td {
|
|
||||||
&:first-child {
|
|
||||||
font-size: $xmediumFontSize;
|
|
||||||
line-height: $xmediumFontSize;
|
|
||||||
text-shadow: 1px 1px 2px $darkBackgroundColor;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.icon-stack {
|
|
||||||
font-size: 11px;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 19px;
|
|
||||||
height: 15px;
|
|
||||||
line-height: 12px;
|
|
||||||
//padding: 0;
|
|
||||||
//margin: 0;
|
|
||||||
}
|
|
||||||
.icon-stack-base {
|
|
||||||
color: #777777; //darken($darkerBackgroundColor, 10);
|
|
||||||
}
|
|
||||||
.icon-light {
|
|
||||||
color: $darkerBackgroundColor; //$darkerTextColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
line-height: 14px;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
}
|
|
||||||
|
|
||||||
.duration {
|
|
||||||
background-color: darken($darkerBackgroundColor, 10);
|
|
||||||
color: $darkerTextColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.diapo.CHIM .thumb_wrapper {
|
|
||||||
padding: 6px 9px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.diapo.IMGT .thumb_wrapper {
|
|
||||||
padding: 0 11px;
|
|
||||||
}
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
|
|
||||||
/******* INPUTS ***************************************************************/
|
|
||||||
input.input-button.hover {
|
|
||||||
color: $inputButtonHoverColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.search {
|
|
||||||
padding-left: 25px;
|
|
||||||
background-image: url('#{$iconsPath}search.png');
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 3px center;
|
|
||||||
}
|
|
||||||
|
|
||||||
input, select, textarea {
|
|
||||||
margin: 2px;
|
|
||||||
padding: 2px;
|
|
||||||
*border: 1px solid $inputFallbackBorderColor;
|
|
||||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="radio"], input[type="checkbox"], .checkbox {
|
|
||||||
border: none;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.btn-mini {
|
|
||||||
margin: 0 2px;
|
|
||||||
height: 12px;
|
|
||||||
width: auto;
|
|
||||||
cursor: default;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-small {
|
|
||||||
height: 25px;
|
|
||||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
@@ -1,107 +0,0 @@
|
|||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
DIV.finder {
|
|
||||||
white-space: nowrap
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.finder DIV.content DIV.title {
|
|
||||||
MARGIN-TOP: -2px;
|
|
||||||
LEFT: 0px;
|
|
||||||
OVERFLOW: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
POSITION: relative;
|
|
||||||
TOP: 0px
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.finder DIV.content DIV.title SPAN {
|
|
||||||
POSITION: relative
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.finder DIV.content DIV.title IMG {
|
|
||||||
LEFT: 0px;
|
|
||||||
POSITION: relative;
|
|
||||||
TOP: 0px
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.finder DIV.content DIV.title TABLE {
|
|
||||||
white-space: nowrap
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.finder DIV.content DIV.title TABLE TR {
|
|
||||||
white-space: nowrap
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.finder DIV.content DIV.title TABLE TR TD {
|
|
||||||
OVERFLOW: hidden;
|
|
||||||
white-space: nowrap
|
|
||||||
}
|
|
||||||
|
|
||||||
TABLE.ulist THEAD {
|
|
||||||
BACKGROUND-COLOR: #999999;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
TABLE.ulist TBODY TR {
|
|
||||||
cursor: pointer;
|
|
||||||
height: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
TABLE.ulist TBODY TR.selected {
|
|
||||||
COLOR: $textPrimaryActiveColor;
|
|
||||||
BACKGROUND-COLOR: #191970
|
|
||||||
}
|
|
||||||
|
|
||||||
TABLE.ulist TBODY TR.g {
|
|
||||||
BACKGROUND-COLOR: #474747
|
|
||||||
}
|
|
||||||
|
|
||||||
PRE.xml {
|
|
||||||
FONT-SIZE: 12px;
|
|
||||||
MARGIN: 5px 4px;
|
|
||||||
BACKGROUND-COLOR: #f5f5f5
|
|
||||||
}
|
|
||||||
|
|
||||||
/******* EXPLAIN RESULTS ******************************************************/
|
|
||||||
|
|
||||||
DIV.myexplain {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.myexplain DIV.content DIV.title {
|
|
||||||
MARGIN-TOP: -2px;
|
|
||||||
LEFT: 0px;
|
|
||||||
OVERFLOW: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
POSITION: relative;
|
|
||||||
TOP: 0px
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.myexplain DIV.content DIV.title SPAN {
|
|
||||||
POSITION: relative
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.myexplain DIV.content DIV.title IMG {
|
|
||||||
LEFT: 0px;
|
|
||||||
POSITION: relative;
|
|
||||||
TOP: 0px
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.myexplain DIV.content DIV.title TABLE {
|
|
||||||
white-space: nowrap
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.myexplain DIV.content DIV.title TABLE TR {
|
|
||||||
white-space: nowrap
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.myexplain DIV.content DIV.title TABLE TR TD {
|
|
||||||
OVERFLOW: hidden;
|
|
||||||
white-space: nowrap
|
|
||||||
}
|
|
||||||
|
|
||||||
TABLE.explain3 TR TD {
|
|
||||||
BORDER-RIGHT: #87ceeb 1px solid;
|
|
||||||
BORDER-TOP: #87ceeb 1px solid;
|
|
||||||
BORDER-LEFT: #87ceeb 1px solid;
|
|
||||||
BORDER-BOTTOM: #87ceeb 1px solid
|
|
||||||
}
|
|
||||||
@@ -1,92 +0,0 @@
|
|||||||
|
|
||||||
/******* GUI ******************************************************************/
|
|
||||||
|
|
||||||
.gui_vsplitter,.ui-resizable-e {
|
|
||||||
top: 50%;
|
|
||||||
width: 13px;
|
|
||||||
padding: 0 0;
|
|
||||||
height: 54px;
|
|
||||||
position: absolute;
|
|
||||||
background-image: url('#{$iconsPath}vsplitter.png');
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
right: 0;
|
|
||||||
cursor: col-resize;
|
|
||||||
z-index: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWBOX .gui_vsplitter, .ui-resizable-w {
|
|
||||||
top: 50%;
|
|
||||||
width: 10px;
|
|
||||||
padding: 35px 0;
|
|
||||||
height: 0;
|
|
||||||
position: absolute;
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
left: -10px;
|
|
||||||
cursor: col-resize;
|
|
||||||
z-index: 500;
|
|
||||||
background-image: url('#{$iconsPath}#{$guiSplitterImg}');
|
|
||||||
}
|
|
||||||
|
|
||||||
.gui_hsplitter, .ui-resizable-s {
|
|
||||||
height: 10px;
|
|
||||||
left: 50%;
|
|
||||||
width: 0;
|
|
||||||
padding: 0 35px;
|
|
||||||
bottom: -10px;
|
|
||||||
position: absolute;
|
|
||||||
background-image: url('#{$iconsPath}hsplitter.png');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
cursor: row-resize;
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
.gui_hslider {
|
|
||||||
position: absolute;
|
|
||||||
height: 0px;
|
|
||||||
border: #959595 1px inset
|
|
||||||
}
|
|
||||||
|
|
||||||
.gui_hslider DIV {
|
|
||||||
position: absolute;
|
|
||||||
top: -6px;
|
|
||||||
left: 0px;
|
|
||||||
width: 4px;
|
|
||||||
height: 10px;
|
|
||||||
border: #c0c0c0 1px outset;
|
|
||||||
background-color: #959595;
|
|
||||||
background-image: url('#{$skinsImagesPath}vsplitter.gif');
|
|
||||||
cursor: pointer;
|
|
||||||
}*/
|
|
||||||
|
|
||||||
.gui_ckbox_0 {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
float: left;
|
|
||||||
background-image: url('#{$iconsPath}ccoch0.gif');
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gui_ckbox_1 {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
float: left;
|
|
||||||
background-image: url('#{$iconsPath}ccoch1.gif');
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gui_ckbox_2 {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
float: left;
|
|
||||||
background-image: url('#{$iconsPath}ccoch2.gif');
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
@@ -1,287 +0,0 @@
|
|||||||
$modalBorder: 1px solid $darkerBorderColor !default;
|
|
||||||
$modalBackground: $darkerBackgroundColor !default;
|
|
||||||
|
|
||||||
$tabContentBackgroundColor: $mediumBackgroundColor !default;
|
|
||||||
$tabBackgroundColor: lighten($lightBackgroundColor, 5) !default;
|
|
||||||
$tabTextColor: $mediumTextColor !default;
|
|
||||||
$tabActiveBackgroundColor: $tabContentBackgroundColor !default;
|
|
||||||
$tabActiveTextColor: $lightTextColor !default;
|
|
||||||
$tabDisabledBackgroundColor: $tabBackgroundColor !default;
|
|
||||||
$tabDisabledTextColor: $mediumTextActiveColor !default;
|
|
||||||
|
|
||||||
.ui-dialog .ui-dialog-content.loading, .loading {
|
|
||||||
background-image: url('#{$iconsPath}#{$contentLoaderImg}');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.ui-tabs {
|
|
||||||
background-color: transparent;
|
|
||||||
padding: 0;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-tabs .ui-tabs-nav {
|
|
||||||
border: none;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-widget-header {
|
|
||||||
background: none;
|
|
||||||
border: transparent 0px none;
|
|
||||||
}
|
|
||||||
.ui-tabs {
|
|
||||||
.ui-tabs-nav {
|
|
||||||
li {
|
|
||||||
background-color: $tabBackgroundColor;
|
|
||||||
height: 30px;
|
|
||||||
border: none;
|
|
||||||
overflow: hidden;
|
|
||||||
a {
|
|
||||||
padding: 5px 8px;
|
|
||||||
//font-size: 0.8em;
|
|
||||||
font-size: $xmediumFontSize;
|
|
||||||
font-weight: normal;
|
|
||||||
color: $mediumTextColor; // more contrasted color
|
|
||||||
}
|
|
||||||
&.ui-tabs-active a,
|
|
||||||
&.ui-tabs-active {
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
color: $tabActiveTextColor;
|
|
||||||
background-color: $tabActiveBackgroundColor; //$tabsNavBgActive;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ui-state-disabled a,
|
|
||||||
&.ui-state-processing a {
|
|
||||||
cursor: pointer;
|
|
||||||
color: $mediumTextActiveColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ui-tabs-panel {
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
display: block;
|
|
||||||
border-width: 0;
|
|
||||||
padding: 0px;
|
|
||||||
background-color: $tabContentBackgroundColor;
|
|
||||||
&.tabBox {
|
|
||||||
height: 405px;
|
|
||||||
overflow: auto;
|
|
||||||
position: relative;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ui-tabs-hide {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
|
|
||||||
cursor: pointer;
|
|
||||||
color: $tabTextColor; //$workzoneColor2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-state-default, .ui-widget-content .ui-state-default {
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-tabs li.ui-state-active a, .ui-state-active a:link, .ui-state-active a {
|
|
||||||
color: $tabActiveTextColor;
|
|
||||||
font-weight: bold;
|
|
||||||
//font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-state-active, .ui-widget-content .ui-state-active {
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-widget-content {
|
|
||||||
background-image: none;
|
|
||||||
background-color: transparent;
|
|
||||||
color: $widgetContentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog.ui-widget-content {
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-content {
|
|
||||||
padding: 0;
|
|
||||||
min-height: 120px;
|
|
||||||
border: none !important;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion-icons .ui-accordion-header,
|
|
||||||
.ui-accordion-icons .ui-accordion-header a {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion-icons .ui-accordion-header a {
|
|
||||||
padding: 2px 25px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-state-active .ui-icon {
|
|
||||||
background-image: url('#{$skinsImagesPath}#{$activeStateIcon}');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-content.loading {
|
|
||||||
background-image: url('#{$iconsPath}#{$accordionLoaderImg}');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content {
|
|
||||||
margin: 3px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-header {
|
|
||||||
border: none;
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
margin-bottom: 0;
|
|
||||||
height: 44px;
|
|
||||||
line-height: 44px;
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
border-bottom: 1px solid $mediumBorderColor; //$accordionBorderColor;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-header.unread .workzone-menu-title {
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-header.unread {
|
|
||||||
background-color: $basketsColor;
|
|
||||||
//background-image: url('#{$iconsPath}bask_new_back_light.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-header.header {
|
|
||||||
padding-bottom: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
padding-top: 0;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-header.header:hover {
|
|
||||||
background-color: $accordionBgHeaderHover;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-content {
|
|
||||||
background-color: $darkBackgroundColor;
|
|
||||||
border-top: none;
|
|
||||||
margin-top: -1px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-content.grouping {
|
|
||||||
border: 1px solid #2f4a6f;
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// override jqurey ui theme value:
|
|
||||||
.ui-corner-all, .ui-corner-br {
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
.ui-corner-top {
|
|
||||||
border-top-left-radius: $defaultBorderRadius;
|
|
||||||
border-top-right-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
.ui-corner-bottom {
|
|
||||||
border-bottom-right-radius: $defaultBorderRadius;
|
|
||||||
border-bottom-left-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
.ui-corner-right {
|
|
||||||
border-top-right-radius: $defaultBorderRadius;
|
|
||||||
border-bottom-right-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
.ui-corner-left {
|
|
||||||
border-top-left-radius: $defaultBorderRadius;
|
|
||||||
border-bottom-left-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog.ui-widget-content {
|
|
||||||
border: $modalBorder;
|
|
||||||
background: $modalBackground;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog-titlebar {
|
|
||||||
min-height: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog-content.dialog-Small select,
|
|
||||||
.ui-dialog-content.dialog-Small input[type="text"],
|
|
||||||
.ui-dialog-content.dialog-Small textarea {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog-content.dialog-Small textarea {
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog-content label {
|
|
||||||
line-height: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
@@ -1,146 +0,0 @@
|
|||||||
#BasketBrowser {
|
|
||||||
h1 {
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 20px;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Browser {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Basket {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
.thumb_wrapper {
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.result {
|
|
||||||
position: relative;
|
|
||||||
height: 100px;
|
|
||||||
|
|
||||||
.PNB10 {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
height: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.odd {
|
|
||||||
background-color: $darkBackgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
td.thumbnail {
|
|
||||||
display: table-cell;
|
|
||||||
width: 105px;
|
|
||||||
height: 80px;
|
|
||||||
padding: 0;
|
|
||||||
border: none;
|
|
||||||
border-radius: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
line-height: 18px;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: top;
|
|
||||||
|
|
||||||
&.content {
|
|
||||||
width: 390px;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.counter {
|
|
||||||
bottom: 18px;
|
|
||||||
font-size: 14px;
|
|
||||||
position: relative;
|
|
||||||
right: 5px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.results {
|
|
||||||
.datas {
|
|
||||||
top: 50px;
|
|
||||||
bottom: 50px;
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header, .footer {
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
bottom: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
top: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.result h1.title {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
h1 {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul li {
|
|
||||||
padding: 0;
|
|
||||||
border-top: 1px solid #9A9A9A;
|
|
||||||
&.first {
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
label {
|
|
||||||
padding: 3px 0 2px 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h1.title .loader {
|
|
||||||
display: none;
|
|
||||||
margin: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
border: none;
|
|
||||||
vertical-align: top;
|
|
||||||
td.paginator {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
display: none;
|
|
||||||
&.Query {
|
|
||||||
padding: 3px;
|
|
||||||
display: block;
|
|
||||||
border-radius: 4px;
|
|
||||||
width: 155px;
|
|
||||||
padding-left: 25px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
cursor: pointer;
|
|
||||||
color: #9a9a9a;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:checked + label,
|
|
||||||
label.selected {
|
|
||||||
background-color: $highlightDarkerColor;
|
|
||||||
color: $highlightTextColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,301 +0,0 @@
|
|||||||
#pub_tabs .btn-group.open .btn-inverse.dropdown-toggle {
|
|
||||||
background-color: $bridgeDropdownToggleBg;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
#dialog_publicator {
|
|
||||||
.dropdown-menu {
|
|
||||||
min-width: 95px;
|
|
||||||
background-color: $bridgeDropdownMenuBg;
|
|
||||||
*border: 1px solid $bridgeDropdownMenuBorder;
|
|
||||||
a {
|
|
||||||
padding: 3px 10px;
|
|
||||||
color: $bridgeDropdownMenuColor;
|
|
||||||
cursor: pointer;
|
|
||||||
&:hover {
|
|
||||||
background-color: $bridgeDropdownMenuHoverBg;
|
|
||||||
color: $bridgeDropdownMenuHoverColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ui-tabs-panel {
|
|
||||||
left: 200px;
|
|
||||||
}
|
|
||||||
.notice_box,
|
|
||||||
.error_box {
|
|
||||||
color: $textPrimaryInverseColor;
|
|
||||||
font-weight: bold;
|
|
||||||
margin: 5px auto;
|
|
||||||
padding: 5px 0;
|
|
||||||
text-align: center;
|
|
||||||
width: 90%;
|
|
||||||
}
|
|
||||||
.notice_box {
|
|
||||||
background-color: green;
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
}
|
|
||||||
.error_box {
|
|
||||||
background-color: orange;
|
|
||||||
}
|
|
||||||
.api_banner {
|
|
||||||
height: 30px;
|
|
||||||
bottom: auto;
|
|
||||||
background-color: $lightBackgroundColor;
|
|
||||||
.submenu.ui-buttonset {
|
|
||||||
z-index: 600;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.api_content {
|
|
||||||
top: 30px;
|
|
||||||
bottom: 25px;
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
.blockmenu {
|
|
||||||
bottom: auto;
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
background-position: left bottom;
|
|
||||||
z-index: 1000;
|
|
||||||
width:100%;
|
|
||||||
height:40px
|
|
||||||
}
|
|
||||||
.blockresponse {
|
|
||||||
padding: 0 10px;
|
|
||||||
top: 40px;
|
|
||||||
overflow: auto;
|
|
||||||
z-index: 200;
|
|
||||||
.form-actions {
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
border-top: none;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.api_content .blockmenu a.selected,
|
|
||||||
.api_banner a.selected {
|
|
||||||
font-weight: bold;
|
|
||||||
color: $highlightBackgroundColor;
|
|
||||||
}
|
|
||||||
.api_infos {
|
|
||||||
top: auto;
|
|
||||||
height: 25px;
|
|
||||||
background-image: url('#{$iconsPath}api_info.png');
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
background-position: 0 0;
|
|
||||||
color: $textSecondaryColor;
|
|
||||||
}
|
|
||||||
.main_menu {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.diapo {
|
|
||||||
width: 90px;
|
|
||||||
overflow: hidden;
|
|
||||||
.title {
|
|
||||||
height: 16px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
&.pending_records {
|
|
||||||
width: 50px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
&.ui-selected {
|
|
||||||
background-color: #404040;
|
|
||||||
}
|
|
||||||
&.ui-selecting {
|
|
||||||
background-color: #202020;
|
|
||||||
}
|
|
||||||
.thumb_wrapper {
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.api_thumbnail {
|
|
||||||
max-width: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.duration_time {
|
|
||||||
background-color: darken($darkerBackgroundColor, 10);
|
|
||||||
color: $darkerTextColor;
|
|
||||||
font-weight: bold;
|
|
||||||
padding: 2px 4px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .ui-state-default.not_configured a {
|
|
||||||
color: #888888;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .ui-state-active a {
|
|
||||||
color: #0088CC;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .ui-state-active.not_configured a {
|
|
||||||
color: #CCCCCC;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .dropdown-menu .divider {
|
|
||||||
background-color: #515151;
|
|
||||||
border-bottom: 1px solid #404040;
|
|
||||||
margin: 3px 1px 3px 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .ui-tabs .ui-tabs-panel.loading {
|
|
||||||
background-image: url('#{$iconsPath}loader000.gif');
|
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .ui-tabs-panel .PNB10.container {
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .blockresponse .element {
|
|
||||||
margin: 5px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .element table {
|
|
||||||
border: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .element table tr {
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .element table .title {
|
|
||||||
color: #0088CC;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .element table td.thumbnail {
|
|
||||||
width: 140px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 0px;
|
|
||||||
box-shadow: none;
|
|
||||||
background-color: transparent;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .element table td.special {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .ui-tabs-panel .blockresponse a {
|
|
||||||
color: #0088CC;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .element_menu .default_action,
|
|
||||||
.element_menu .trigger {
|
|
||||||
z-index: 444;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
font-weight: normal;
|
|
||||||
border-color: #666
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .submenu {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .multi_menu .submenu button {
|
|
||||||
background-color: #313131;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .multi_menu .submenu button.ui-state-hover {
|
|
||||||
background-color: #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .ui-state-active a {
|
|
||||||
color: #0077BC;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .api_banner button {
|
|
||||||
border: 1px solid #515151;
|
|
||||||
background-color: #404040;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .api_banner .submenu.ui-buttonset {
|
|
||||||
z-index: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .api_content .element {
|
|
||||||
padding: 5px;
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .api_content .element.odd {
|
|
||||||
background-color: #404040;
|
|
||||||
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
|
||||||
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
|
||||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .api_content .element.even {
|
|
||||||
background-color: #666666;
|
|
||||||
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
|
||||||
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
|
||||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset, -2px -2px 4px rgba(0, 0, 0, 0.25) inset;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .api_content .element.selected {
|
|
||||||
background-color: #999999;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dialog_publicator .api_content .element table .informations {
|
|
||||||
width: 296px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ul_main_pub_tabs {
|
|
||||||
width: 200px;
|
|
||||||
position: absolute;
|
|
||||||
overflow: hidden;
|
|
||||||
right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#ul_main_pub_tabs {
|
|
||||||
width: 200px;
|
|
||||||
position: absolute;
|
|
||||||
overflow: hidden;
|
|
||||||
right: auto;
|
|
||||||
margin-top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ul_main_pub_tabs li {
|
|
||||||
padding-left: 20px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 6px center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ul_main_pub_tabs li.bridge_Youtube {
|
|
||||||
background-image: url('#{$iconsPath}youtube-small.gif');
|
|
||||||
}
|
|
||||||
|
|
||||||
#ul_main_pub_tabs li.bridge_Dailymotion {
|
|
||||||
background-image: url('#{$iconsPath}dailymotion-small.gif');
|
|
||||||
}
|
|
||||||
|
|
||||||
#ul_main_pub_tabs li.bridge_Flickr {
|
|
||||||
background-image: url('#{$iconsPath}flickr-small.gif');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#publicator_selection {
|
|
||||||
height: 190px;
|
|
||||||
bottom: auto;
|
|
||||||
background-color: $lightBackgroundColor;
|
|
||||||
> .PNB10 {
|
|
||||||
overflow: auto;
|
|
||||||
bottom: 50px;
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,511 +0,0 @@
|
|||||||
/******* EDITION **************************************************************/
|
|
||||||
|
|
||||||
#EDIT_ALL {
|
|
||||||
white-space: normal;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
.content-wrapper {
|
|
||||||
margin: 10px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_TOP {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
overflow: visible;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_MENU {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 20px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.GRP_IMAGE_REP {
|
|
||||||
margin: 5px;
|
|
||||||
padding: 5px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 146px;
|
|
||||||
height: 156px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_GRPDIAPO {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_FILM2 {
|
|
||||||
border: 1px solid $darkerBorderColor;
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
position: absolute;
|
|
||||||
top: 30px;
|
|
||||||
left: 10px;
|
|
||||||
bottom: 10px;
|
|
||||||
right: 10px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_ZOOMSLIDER {
|
|
||||||
position: absolute;
|
|
||||||
top: 7px;
|
|
||||||
width: 80px;
|
|
||||||
right: 7px;
|
|
||||||
z-index: 9999;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_MID {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 32px;
|
|
||||||
width: 100%;
|
|
||||||
border: none;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_MID_L, #EDIT_MID_R {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_MID_L {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
width: 700px;
|
|
||||||
left: 0;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_MID_R {
|
|
||||||
width: 400px;
|
|
||||||
right: 0;
|
|
||||||
.ui-tabs-panel {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_MID_R li.ui-tabs-active,
|
|
||||||
#EDIT_MID_R li.ui-state-active {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#divS_wrapper {
|
|
||||||
overflow-x: visible;
|
|
||||||
overflow-y: visible;
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
left: 10px;
|
|
||||||
bottom: 10px;
|
|
||||||
width: 390px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#divS {
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: scroll;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
right: 10px;
|
|
||||||
div.edit_field {
|
|
||||||
cursor: pointer;
|
|
||||||
font-weight: bold;
|
|
||||||
padding: 2px;
|
|
||||||
margin-right: 10px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.icon-stack {
|
|
||||||
font-size: 11px;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 19px;
|
|
||||||
height: 15px;
|
|
||||||
line-height: 14px;
|
|
||||||
.icon-stack-base {
|
|
||||||
color: #777777; //darken($darkerBackgroundColor, 10);
|
|
||||||
}
|
|
||||||
.icon-light {
|
|
||||||
color: $darkerBackgroundColor; //$darkerTextColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
div.edit_field.odd {
|
|
||||||
background-color: $darkBackgroundColor;
|
|
||||||
}
|
|
||||||
div.edit_field.hover {
|
|
||||||
background-color: $lightBackgroundColor;
|
|
||||||
color: $lightTextColor;
|
|
||||||
}
|
|
||||||
div.edit_field.active {
|
|
||||||
background-color: $lightBackgroundActiveColor;
|
|
||||||
border: 1px solid $lightBorderActiveColor;
|
|
||||||
}
|
|
||||||
span.fieldvalue {
|
|
||||||
white-space: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#idEditZone {
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
right: 10px;
|
|
||||||
bottom: 10px;
|
|
||||||
left: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#idFieldNameEdit {
|
|
||||||
width: 80px;
|
|
||||||
text-align: center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#idEditZTextArea {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 99%;
|
|
||||||
height: 99%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#idEditDateZone {
|
|
||||||
position: absolute;
|
|
||||||
top: 30px;
|
|
||||||
left: 0;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ZTextMultiValued {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ZTextStatus {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#idExplain {
|
|
||||||
top: auto;
|
|
||||||
height: 20px;
|
|
||||||
color: #FFB300;
|
|
||||||
text-align: right;
|
|
||||||
img {
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
}
|
|
||||||
.metadatas_restrictionsTips {
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#idDivButtons {
|
|
||||||
bottom: 30px;
|
|
||||||
top: auto;
|
|
||||||
height: 20px;
|
|
||||||
display: none;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EditSearch, #EditReplace {
|
|
||||||
width: 100%;
|
|
||||||
height: 45px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#buttonEditing {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 28px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_WORKING {
|
|
||||||
position: absolute;
|
|
||||||
top: 100px;
|
|
||||||
left: 1px;
|
|
||||||
width: 100%;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.edit-zone-title {
|
|
||||||
height: 45px;
|
|
||||||
bottom: auto;
|
|
||||||
}
|
|
||||||
#EDIT_EDIT {
|
|
||||||
top: 45px;
|
|
||||||
bottom: 60px;
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDIT_TOP .diapo div.titre {
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
#Edit_copyPreset_dlg form span {
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Edit_preset_item {
|
|
||||||
position: relative;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
width: 550px;
|
|
||||||
height: 250px;
|
|
||||||
overflow: auto;
|
|
||||||
color: $textSecondaryColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#ZTextMultiValued_values {
|
|
||||||
background-color: $editTextMultiValueBg;
|
|
||||||
border: 1px solid $editTextMultiValueBorder;
|
|
||||||
position: absolute;
|
|
||||||
top: 30px;
|
|
||||||
left: 4px;
|
|
||||||
right: 4px;
|
|
||||||
bottom: 4px;
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
#EDITWINDOW {
|
|
||||||
.ui-datepicker-inline {
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
background-position: 50% top;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ZTextMultiValued_values {
|
|
||||||
div {
|
|
||||||
cursor: pointer;
|
|
||||||
height: 20px;
|
|
||||||
padding: 2px 14px 2px 2px;
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
border: none;
|
|
||||||
td {
|
|
||||||
vertical-align: middle;
|
|
||||||
&.options {
|
|
||||||
width: 40px;
|
|
||||||
text-align: right;
|
|
||||||
.add_all {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hetero {
|
|
||||||
table {
|
|
||||||
td.options {
|
|
||||||
.add_all {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hilighted {
|
|
||||||
background-color: $editTextMultiValueHighlightBg;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
color: #FFFF00;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
background-color: #222222;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hetero {
|
|
||||||
color: #ff8000;
|
|
||||||
}
|
|
||||||
.EDIT_presets_list {
|
|
||||||
padding-left: 3px;
|
|
||||||
padding-right: 6px;
|
|
||||||
li {
|
|
||||||
margin: 0px;
|
|
||||||
&.opened{
|
|
||||||
div {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.triRight {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.triDown {
|
|
||||||
display: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.triDown {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
div {
|
|
||||||
display: none;
|
|
||||||
padding-left: 15px;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
p {
|
|
||||||
font-size: 9px;
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
font-size: 12px;
|
|
||||||
a.delete {
|
|
||||||
font-weight: 100;
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/******* THESAURUS ************************************************************/
|
|
||||||
$thesaurusBorderColor: #a9a9a9 !default;
|
|
||||||
div.thesaurus {
|
|
||||||
margin-left: 2px;
|
|
||||||
white-space: nowrap;
|
|
||||||
p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
div.c {
|
|
||||||
display: none
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDITWINDOW #TH_Ofull, #idFrameTH #TH_Oprop, #idFrameTH #TH_Oclip {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#EDITWINDOW {
|
|
||||||
div.searchZone {
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
background: $darkerBackgroundColor;
|
|
||||||
border: $thesaurusBorderColor 1px solid;
|
|
||||||
}
|
|
||||||
div.thesaurus {
|
|
||||||
div.c {
|
|
||||||
display: none
|
|
||||||
}
|
|
||||||
div.o {
|
|
||||||
margin-bottom: 1px;
|
|
||||||
padding-bottom: 2px;
|
|
||||||
padding-left: 5px;
|
|
||||||
margin-left: 3px;
|
|
||||||
border-left: $thesaurusBorderColor 1px solid;
|
|
||||||
border-bottom: $thesaurusBorderColor 1px solid;
|
|
||||||
}
|
|
||||||
div.h {
|
|
||||||
margin-bottom: 1px;
|
|
||||||
padding-bottom: 2px;
|
|
||||||
padding-left: 5px;
|
|
||||||
margin-left: 3px;
|
|
||||||
border-left: $thesaurusBorderColor 1px solid;
|
|
||||||
border-bottom: $thesaurusBorderColor 1px solid;
|
|
||||||
}
|
|
||||||
u {
|
|
||||||
width: 9px;
|
|
||||||
height: 10px;
|
|
||||||
margin-right: 2px;
|
|
||||||
text-align: center;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 8px;
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: #f0f0f0;
|
|
||||||
cursor: pointer;
|
|
||||||
color: black;
|
|
||||||
line-height: 10px;
|
|
||||||
&.w {
|
|
||||||
cursor: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
b {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ui-tabs {
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
left: 10px;
|
|
||||||
bottom: 0px;
|
|
||||||
right: 0;
|
|
||||||
.ui-tabs-nav {
|
|
||||||
background-color: transparent;
|
|
||||||
top: 0px;
|
|
||||||
left: 10px;
|
|
||||||
right: 10px;
|
|
||||||
margin-top: 0px;
|
|
||||||
border-top: 1px solid $workzoneTabTopBorder;
|
|
||||||
border-radius: 0;
|
|
||||||
height: 32px;
|
|
||||||
border-bottom: 1px solid $workzoneTabBorderBottom;
|
|
||||||
}
|
|
||||||
.ui-tabs-panel {
|
|
||||||
position: absolute;
|
|
||||||
top: 32px;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#geonameTabContainer {
|
|
||||||
ul.geoname-results {
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 10px;
|
|
||||||
.geoname-add-action {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.ui-state-highlight {
|
|
||||||
color: #2e7db2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,33 +0,0 @@
|
|||||||
/******* EXPORT ***************************************************************/
|
|
||||||
|
|
||||||
#printBox {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
|
|
||||||
#printBox h4, #download h4,
|
|
||||||
#sendmail h4, #ftp h4 {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 18px;
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#printBox label, #download label,
|
|
||||||
#sendmail label, #ftp label {
|
|
||||||
line-height: 18px;
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sendmail p, #ftp p,
|
|
||||||
.buttons_line p {
|
|
||||||
margin: 20px 0 10px 0;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ftp .form-horizontal .control-group {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
#look_box .input-small {
|
|
||||||
height: 22px;
|
|
||||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#look_box .btn {
|
|
||||||
margin: 2px;
|
|
||||||
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);
|
|
||||||
font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
#look_box .radio.inline, #look_box .checkbox.inline {
|
|
||||||
padding-top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#look_box label, #basket_preferences label {
|
|
||||||
line-height: 21px;
|
|
||||||
color: $preferencesLabelColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#look_box h1, #basket_preferences h1 {
|
|
||||||
margin: 5px 0;
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#look_box div.box, #basket_preferences div.box {
|
|
||||||
margin: 5px;
|
|
||||||
float: left;
|
|
||||||
width: 98%;
|
|
||||||
}
|
|
||||||
@@ -1,234 +0,0 @@
|
|||||||
|
|
||||||
#PREVIEWBOX, #EDITWINDOW {
|
|
||||||
z-index: 1200;
|
|
||||||
background-color: $modalBackground;
|
|
||||||
display: none;
|
|
||||||
border: $modalBorder; //1px solid $darkerBorderColor;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWBOX img {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWBOX a.bounce {
|
|
||||||
BORDER-BOTTOM: #ffe000 1px dashed;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWBOX #PREVIEWTITLE_COLLLOGO {
|
|
||||||
img {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.PREVIEW_PIC, .PREVIEW_HD {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENT li.selected {
|
|
||||||
background-color: $bgInverseHoverColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWBOX li {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWIMGDESC .descBoxes {
|
|
||||||
top: 30px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWIMGDESC.PNB10 {
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWIMGDESCINNER span.fieldName {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWIMGDESC em {
|
|
||||||
background-color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWOTHERS {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWOTHERSINNER ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
list-style-type: none;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWOTHERSINNER li {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
width: 150px;
|
|
||||||
margin: 4px 10px;
|
|
||||||
line-height: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWOTHERSINNER li.otherRegToolTip {
|
|
||||||
height: 25px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWOTHERSINNER li.title {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
margin: 10px 10px 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWOTHERSINNER li.otherRegToolTip,
|
|
||||||
#PREVIEWOTHERSINNER li.otherBaskToolTip {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWOTHERSINNER li.otherRegToolTip span.title {
|
|
||||||
line-height: 25px;
|
|
||||||
margin-left: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWOTHERSINNER li .others_img {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
width: 25px;
|
|
||||||
height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWTITLEWRAPPER {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#SPANTITLE {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 25px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENTGLOB, .preview_col_film {
|
|
||||||
height: 96px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENT {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENTCONT.group_case {
|
|
||||||
left: 106px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENTCONT {
|
|
||||||
right: 130px;
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENTCONT::-webkit-scrollbar-track {
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: #262626;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENTCONT::-webkit-scrollbar {
|
|
||||||
height: 5px;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENTCONT::-webkit-scrollbar-thumb {
|
|
||||||
border-radius: 0;
|
|
||||||
width: 3px;
|
|
||||||
background-color: #595959;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENTCONT ul {
|
|
||||||
position: relative;
|
|
||||||
height: 80px;
|
|
||||||
float: left;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWCURRENT, #PREVIEWCURRENTGLOB {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVMAINREG {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
width: 96px;
|
|
||||||
height: 96px;
|
|
||||||
text-align: center;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.prevTrainCurrent {
|
|
||||||
text-align: center;
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
height: 80px;
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWHD {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 6000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWTOOL {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10px;
|
|
||||||
right: 10px;
|
|
||||||
text-align: right;
|
|
||||||
width: 56px;
|
|
||||||
height: 60px;
|
|
||||||
top: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWTOOL img, #PREVIEWTOOL span {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.prevTrainCurrent .doc_infos, .diapo .doc_infos {
|
|
||||||
position: absolute;
|
|
||||||
float: left;
|
|
||||||
padding: 3px;
|
|
||||||
z-index: 97;
|
|
||||||
}
|
|
||||||
|
|
||||||
.prevTrainCurrent .doc_infos img, .diapo .doc_infos img {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.prevTrainCurrent .duration {
|
|
||||||
background-color: darken($darkerBackgroundColor, 10);
|
|
||||||
color: $darkerTextColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWIMGCONT {
|
|
||||||
.documentTips {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#PREVIEWRIGHT {
|
|
||||||
top: 7px;
|
|
||||||
left: 60%;
|
|
||||||
overflow: hidden;
|
|
||||||
bottom: 10px;
|
|
||||||
}
|
|
||||||
@@ -1,50 +0,0 @@
|
|||||||
|
|
||||||
#modal_feed {
|
|
||||||
.record_list .ui-state-highlight {
|
|
||||||
width: 112px;
|
|
||||||
height: 118px;
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
background: none;
|
|
||||||
background-color: $darkBackgroundColor;
|
|
||||||
border-color: $mediumBackgroundColor;
|
|
||||||
}
|
|
||||||
form {
|
|
||||||
.feeds {
|
|
||||||
color: $darkerTextColor;
|
|
||||||
overflow: auto;
|
|
||||||
.list {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
.feed {
|
|
||||||
width: 95%;
|
|
||||||
height: 18px;
|
|
||||||
padding: 5px 0;
|
|
||||||
background-color: $darkerBackgroundColor;
|
|
||||||
border: 1px solid $darkerBorderColor;
|
|
||||||
color: $darkerTextColor;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
cursor: pointer;
|
|
||||||
&.odd {
|
|
||||||
background-color: lighten($darkerBackgroundColor, 5);
|
|
||||||
color: $mediumTextColor;
|
|
||||||
}
|
|
||||||
&.hover {
|
|
||||||
background-color: $lightBackgroundColor;
|
|
||||||
color: $lightTextColor;
|
|
||||||
}
|
|
||||||
&.selected {
|
|
||||||
background-color: $highlightBackgroundColor;
|
|
||||||
color: $highlightTextColor;
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
margin: 0 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
input.error,
|
|
||||||
textarea.error {
|
|
||||||
border: 1px solid red;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,332 +0,0 @@
|
|||||||
/** PUSH BOX */
|
|
||||||
.PushBox .content {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .LeftColumn h1 {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
margin: 5px 0;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .LeftColumn ul {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .LeftColumn ul li img {
|
|
||||||
margin-right: 5px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox table {
|
|
||||||
width: 100%;
|
|
||||||
border: none;
|
|
||||||
overflow: hidden;
|
|
||||||
table-layout: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .header {
|
|
||||||
height: 35px;
|
|
||||||
right: 20px;
|
|
||||||
bottom: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .footer {
|
|
||||||
height: 35px;
|
|
||||||
top: auto;
|
|
||||||
right: 20px;
|
|
||||||
bottom: 10px;
|
|
||||||
left: 10px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges {
|
|
||||||
top: 50px;
|
|
||||||
overflow: auto;
|
|
||||||
height: auto;
|
|
||||||
bottom: 50px;
|
|
||||||
left: 20px;
|
|
||||||
right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .deleter {
|
|
||||||
float: right;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge {
|
|
||||||
width: 230px;
|
|
||||||
height: 80px;
|
|
||||||
margin: 10px;
|
|
||||||
display: inline-block;
|
|
||||||
background-color: #515150;
|
|
||||||
border: 3px solid #515150;
|
|
||||||
padding: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge.selected {
|
|
||||||
border: 3px solid #EFEFEF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .toggles .status_on .toggle_off {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .toggles .status_off .toggle_on {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge td {
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge td.toggle {
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .icon {
|
|
||||||
width: 80px;
|
|
||||||
background-color: #404040;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .infos {
|
|
||||||
padding-top: 3px;
|
|
||||||
padding-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge table {
|
|
||||||
width: 95%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .infos table {
|
|
||||||
height: 75px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .infos tr {
|
|
||||||
height: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .infos tr.toggles {
|
|
||||||
height: 25px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .icon img {
|
|
||||||
margin: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .name {
|
|
||||||
font-weight: bold;
|
|
||||||
white-space: pre-line;
|
|
||||||
display: block;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .badges .badge .subtite {
|
|
||||||
display: block;
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .user_content .header .options {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .all-lists .lists {
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .LeftColumn .content ul.list li:nth-child(odd) {
|
|
||||||
background-color: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .LeftColumn .content ul.list li:nth-child(even) {
|
|
||||||
background-color: #515150;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .lists ul li:nth-child(odd) {
|
|
||||||
background-color: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .lists ul li:nth-child(even) {
|
|
||||||
background-color: #515150;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .LeftColumn .content ul.list li.selected {
|
|
||||||
background-color: #AAA;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .lists .list.selected {
|
|
||||||
background-color: #AAA;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .lists .list {
|
|
||||||
padding: 3px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .welcome {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 18px;
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.PushBox .welcome h1 {
|
|
||||||
font-weight: bold;
|
|
||||||
margin: 40px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results table td {
|
|
||||||
padding: 1px 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results table tr {
|
|
||||||
line-height: 24px;
|
|
||||||
vertical-align: middle;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results table tr.odd {
|
|
||||||
background-color: #515151;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results table tr.selected {
|
|
||||||
background-color: #D18827;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results table th.sortable span {
|
|
||||||
margin: 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results table th.sortable {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results table th.sortable.hover,
|
|
||||||
#list-editor-search-results table th.sortable.sorted {
|
|
||||||
background-color: #F0AD30;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results table th.sortable span.ord_notifier {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#list-editor-search-results table th.sortable.sorted span.ord_notifier {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ListShare table {
|
|
||||||
width: 100%;
|
|
||||||
margin: 5px;
|
|
||||||
background-color: #505050;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ListManager .content.readonly .badge {
|
|
||||||
width: 250px;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 5px;
|
|
||||||
background-color: #515150;
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ListManager .content.readonly .badge .deleter {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ListManager .content.readonly .badge table {
|
|
||||||
width: auto;
|
|
||||||
table-layout: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ListManager .content.readonly .badge .infos {
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ListManager h1 span.title {
|
|
||||||
font-size: 24px;
|
|
||||||
line-height: 24px;
|
|
||||||
font-weight: bold;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PushBox .general_togglers li {
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PushBox .general_togglers button {
|
|
||||||
margin: 0;
|
|
||||||
padding: 4px 5px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PushBox .general_togglers button .ui-button-text {
|
|
||||||
font-weight: lighter;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PushBox .content .list_saver {
|
|
||||||
padding-top: 20px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PushBox .content .list_saver input {
|
|
||||||
margin: 0;
|
|
||||||
padding: 4px 2px;
|
|
||||||
width: 115px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PushBox .content .list_saver .btn {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
height: 23px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#find-user {
|
|
||||||
line-height: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ListManager .content .lists span.action {
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#recommanded-users {
|
|
||||||
margin-top: 25px;
|
|
||||||
line-height: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#recommanded-users a:last-child {
|
|
||||||
color: #0088CC;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#QuickAddUser table {
|
|
||||||
width: 100%;
|
|
||||||
table-layout: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#QuickAddUser table tr td {
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#QuickAddUser table td:last-child {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#QuickAddUser input {
|
|
||||||
border: 1px solid #CCCCCC;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
box-shadow: 0 1px 1px #EEEEEE;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 5px 0 0;
|
|
||||||
padding: 4px;
|
|
||||||
width: 95%;
|
|
||||||
}
|
|
||||||
@@ -1,104 +0,0 @@
|
|||||||
$paginationLinkColor: $linkDefaultColor !default;
|
|
||||||
|
|
||||||
#tool_navigate input {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tool_navigate a {
|
|
||||||
padding: 1px 5px;
|
|
||||||
margin: 0 4px;
|
|
||||||
background-color: #0077BC;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
line-height: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
color: $paginationLinkColor
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#paginate {
|
|
||||||
float: right;
|
|
||||||
margin: 0 65px 15px 0;
|
|
||||||
min-height: 52px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#idFrameT #answers:hover #paginate {
|
|
||||||
margin-right: 59px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate {
|
|
||||||
background-color: $paginateBg1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate #NEXT_PAGE:hover,
|
|
||||||
#paginate #tool_navigate #PREV_PAGE:hover,
|
|
||||||
#paginate #tool_navigate #last:hover,
|
|
||||||
#paginate #tool_navigate #first:hover {
|
|
||||||
background-color: $highlightBackgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate #NEXT_PAGE {
|
|
||||||
background: url('#{$iconsPath}sprite_paginate.png') -72px 20px no-repeat;
|
|
||||||
width: 49px;
|
|
||||||
border-left: 1px solid $paginateBorderColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate #PREV_PAGE {
|
|
||||||
background: url('#{$iconsPath}sprite_paginate.png') -29px 20px no-repeat;
|
|
||||||
width: 49px;
|
|
||||||
border-right: 1px solid $paginateBorderColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate #last {
|
|
||||||
background: url('#{$iconsPath}sprite_paginate.png') -121px 20px no-repeat;
|
|
||||||
width: 49px;
|
|
||||||
border-left: 1px solid $paginateBorderColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate #first {
|
|
||||||
background: url('#{$iconsPath}sprite_paginate.png') 21px 20px no-repeat;
|
|
||||||
width: 49px;
|
|
||||||
border-right: 1px solid $paginateBorderColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate #NEXT_PAGE:hover,
|
|
||||||
#paginate #tool_navigate #PREV_PAGE:hover,
|
|
||||||
#paginate #tool_navigate #last:hover,
|
|
||||||
#paginate #tool_navigate #first:hover {
|
|
||||||
background-image: url('#{$iconsPath}sprite_paginate_hover.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#paginate #tool_navigate input,
|
|
||||||
#paginate #tool_navigate a {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid $paginateBorderColor;
|
|
||||||
border-bottom: 1px solid $paginateBorderColor;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
height: 50px;
|
|
||||||
line-height: 50px;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 30px;
|
|
||||||
background: none;
|
|
||||||
font-weight: normal;
|
|
||||||
text-shadow: none;
|
|
||||||
box-shadow: none;
|
|
||||||
color: $paginationLinkColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate:first-child {
|
|
||||||
border-left: 1px solid $paginateBorderColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate:last-child {
|
|
||||||
border-right: 1px solid $paginateBorderColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#paginate #tool_navigate input,
|
|
||||||
#paginate #tool_navigate a:hover {
|
|
||||||
color: $highlightTextColor;
|
|
||||||
background: $highlightBackgroundColor;
|
|
||||||
}
|
|
||||||
@@ -1,123 +0,0 @@
|
|||||||
/******* FORMULAIRE DE RECHERCHE **********************************************/
|
|
||||||
form.phrasea_query input.query {
|
|
||||||
padding-left: 30px;
|
|
||||||
font-size: 16px;
|
|
||||||
margin: 0;
|
|
||||||
width: 59%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchFormWrapper {
|
|
||||||
margin: 30px 0 0 5px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#searchForm {
|
|
||||||
width: 100%;
|
|
||||||
float: left;
|
|
||||||
.input-append {
|
|
||||||
float: left;
|
|
||||||
width: 50%;
|
|
||||||
.btn {
|
|
||||||
border:none;
|
|
||||||
}
|
|
||||||
a.btn {
|
|
||||||
height: 22px;
|
|
||||||
width: 20px;
|
|
||||||
}
|
|
||||||
button.btn {
|
|
||||||
height: 30px;
|
|
||||||
width: 110px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.control-group {
|
|
||||||
float: right;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.danger .danger_indicator,
|
|
||||||
.danger.danger_indicator {
|
|
||||||
border-color: #c9c900;
|
|
||||||
background-color: #FCEC98;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
#adv_search {
|
|
||||||
table {
|
|
||||||
&.colllist {
|
|
||||||
width: 290px;
|
|
||||||
}
|
|
||||||
&.filterlist {
|
|
||||||
width: 600px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/******* SEARCH ***************************************************************/
|
|
||||||
|
|
||||||
#adv_search .sbasglob,
|
|
||||||
.adv_options .sbasglob,
|
|
||||||
#sbasfiltercont {
|
|
||||||
color: $lightTextColor;
|
|
||||||
margin: 0 0 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#searchForm input.input-small.datepicker::-webkit-input-placeholder { font-size:12px; }
|
|
||||||
#searchForm input.input-small.datepicker::-moz-placeholder { font-size:12px; } /* firefox 19+ */
|
|
||||||
#searchForm input.input-small.datepicker:-ms-input-placeholder { font-size:12px; } /* ie */
|
|
||||||
#searchForm input.input-small.datepicker:-moz-placeholder { font-size:12px; }
|
|
||||||
|
|
||||||
#adv_search .sbasglob hr,
|
|
||||||
.adv_options .sbasglob hr,
|
|
||||||
.adv_options #sbasfiltercont hr {
|
|
||||||
margin: 10px 0;
|
|
||||||
border: 0;
|
|
||||||
border-top: 1px solid #666666;
|
|
||||||
border-bottom: 1px solid #AAAAAA;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adv_search .sbasglob .sbas_list,
|
|
||||||
.adv_options .sbasglob .sbas_list {
|
|
||||||
padding: 5px 0;
|
|
||||||
border-radius: $defaultBorderRadius;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adv_search .sbasglob .sbas_list.selected,
|
|
||||||
.adv_options .sbasglob .sbas_list.selected {
|
|
||||||
border: 2px solid $lightBorderSelectedColor;
|
|
||||||
background-color: $lightBackgroundSelectedColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sbasglob .btn-toolbar,
|
|
||||||
#sbasfiltercont .btn-toolbar {
|
|
||||||
margin: 10px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sbas_list label {
|
|
||||||
color: $lightTextColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clkbas {
|
|
||||||
white-space: normal;
|
|
||||||
margin:0 5px;
|
|
||||||
-webkit-column-break-inside:avoid;
|
|
||||||
-moz-column-break-inside:avoid;
|
|
||||||
-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 {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clkbas img {
|
|
||||||
vertical-align: middle;
|
|
||||||
max-height: 22px;
|
|
||||||
}
|
|
||||||
@@ -1,155 +0,0 @@
|
|||||||
/******* THUMB EXTRACTOR ******************************************************/
|
|
||||||
|
|
||||||
#thumbExtractor {
|
|
||||||
background-color: $lightBackgroundColor;
|
|
||||||
.main_title {
|
|
||||||
height: 15px;
|
|
||||||
font-weight: bold;
|
|
||||||
top: 15px;
|
|
||||||
}
|
|
||||||
.part_title_left {
|
|
||||||
height: 20px;
|
|
||||||
width: 320px;
|
|
||||||
top: 30px;
|
|
||||||
left: 10px;
|
|
||||||
}
|
|
||||||
.part_title_right {
|
|
||||||
height: 20px;
|
|
||||||
width: 320px;
|
|
||||||
top: 30px;
|
|
||||||
left: 380px;
|
|
||||||
}
|
|
||||||
#thumb_info {
|
|
||||||
padding-top: 25px;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
.frame_video {
|
|
||||||
border: 1px solid $darkerBorderColor;
|
|
||||||
height: 210px;
|
|
||||||
width: 320px;
|
|
||||||
top: 50px;
|
|
||||||
left: 10px;
|
|
||||||
}
|
|
||||||
#thumb_video {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.frame_canva {
|
|
||||||
border: 1px solid $darkerBorderColor;
|
|
||||||
border-bottom: none;
|
|
||||||
height: 210px;
|
|
||||||
line-height: 210px;
|
|
||||||
width: 320px;
|
|
||||||
top: 50px;
|
|
||||||
left: 380px;
|
|
||||||
z-index: 2;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#thumb_canvas {
|
|
||||||
vertical-align: middle;
|
|
||||||
display: inline-block;
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
.action_bar_left {
|
|
||||||
height: 20px;
|
|
||||||
width: 320px;
|
|
||||||
left: 10px;
|
|
||||||
top: 260px;
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
.action_bar_right {
|
|
||||||
height: 20px;
|
|
||||||
width: 320px;
|
|
||||||
top: 260px;
|
|
||||||
left: 380px;
|
|
||||||
display: table-row;
|
|
||||||
padding: 2px;
|
|
||||||
.action_icon {
|
|
||||||
padding-right: 10px;
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
&:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#thumb_reset_button {
|
|
||||||
width: 41px;
|
|
||||||
height: 41px;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10px;
|
|
||||||
right: 60px;
|
|
||||||
display: none;
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
#thumb_delete_button {
|
|
||||||
width: 41px;
|
|
||||||
height: 41px;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10px;
|
|
||||||
right: 10px;
|
|
||||||
display: none;
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
#thumb_delete_button,
|
|
||||||
#thumb_reset_button {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
#thumb_slider {
|
|
||||||
height: 95px;
|
|
||||||
width: 320px;
|
|
||||||
top: 285px;
|
|
||||||
left: 380px;
|
|
||||||
padding: 0;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
#thumb_wrapper {
|
|
||||||
white-space: nowrap;
|
|
||||||
margin-top: 15px;
|
|
||||||
img {
|
|
||||||
display: inline-block;
|
|
||||||
width: 80px;
|
|
||||||
height: auto;
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-right: 5px;
|
|
||||||
&.selected {
|
|
||||||
border: 2px solid $bgInverseHoverColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#thumb_camera_button {
|
|
||||||
cursor: pointer;
|
|
||||||
height: 50px;
|
|
||||||
width: 320px;
|
|
||||||
top: 300px;
|
|
||||||
left: 10px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.thumb_submit_action {
|
|
||||||
cursor: pointer;
|
|
||||||
height: 30px;
|
|
||||||
width: 80px;
|
|
||||||
top: 385px;
|
|
||||||
left: 620px;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.action_frame .ui-slider .ui-slider-handle {
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#thumb_confirm {
|
|
||||||
table {
|
|
||||||
table-layout: fixed;
|
|
||||||
width: 100%;
|
|
||||||
td {
|
|
||||||
padding: 5px;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
img.selected {
|
|
||||||
width: 160px;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,253 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
/******* UPLOAD MANAGER *******************************************************/
|
|
||||||
|
|
||||||
#uploadBoxLeft, #uploadBoxRight {
|
|
||||||
width: 48.5%;
|
|
||||||
height: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#uploadBoxLeft {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#uploadBoxRight {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
#uploadBox {
|
|
||||||
height: 100%;
|
|
||||||
h5 {
|
|
||||||
margin-top: 20px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.upload-tabs {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.ui-tabs .ui-tabs-panel {
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
.well {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0.5%;
|
|
||||||
color: $textPrimaryInverseColor;
|
|
||||||
}
|
|
||||||
#fileupload {
|
|
||||||
height: 97%;
|
|
||||||
}
|
|
||||||
span.comment {
|
|
||||||
font-style: italic;
|
|
||||||
color: $textSecondaryColor;
|
|
||||||
}
|
|
||||||
.fileinput-button {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
input {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: solid transparent;
|
|
||||||
border-width: 0 0 100px 200px;
|
|
||||||
opacity: 0;
|
|
||||||
filter: alpha(opacity=0);
|
|
||||||
-moz-transform: translate(-300px, 0) scale(4);
|
|
||||||
direction: ltr;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.status-tab {
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
td {
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.status-tab-left {
|
|
||||||
width: 48%;
|
|
||||||
padding-right: 5px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.status-tab-right {
|
|
||||||
width: 48%;
|
|
||||||
padding-left: 5px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.status-tab-left input,
|
|
||||||
.status-tab-right input {
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
.thumbnails {
|
|
||||||
margin-left: -20px;
|
|
||||||
> li {
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.upload-record {
|
|
||||||
height: 260px;
|
|
||||||
background-color: $uploadBg1;
|
|
||||||
.canva-wrapper {
|
|
||||||
height: 125px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.name-doc {
|
|
||||||
height:40px;
|
|
||||||
overflow: hidden;
|
|
||||||
-o-text-overflow: ellipsis; /* pour Opera 9 */
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.infos-doc {
|
|
||||||
overflow: hidden;
|
|
||||||
-o-text-overflow: ellipsis; /* pour Opera 9 */
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
color: #777777;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
.error, .success{
|
|
||||||
padding-top: 2px;
|
|
||||||
padding-bottom: 3px;
|
|
||||||
display: none;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.error {
|
|
||||||
padding: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.remove-element {
|
|
||||||
margin: 2px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.flash-box .upload-record {
|
|
||||||
height: 160px;
|
|
||||||
background-color: $uploadBg2;
|
|
||||||
}
|
|
||||||
.select-label {
|
|
||||||
font-style: italic;
|
|
||||||
color: $textSecondaryColor;
|
|
||||||
}
|
|
||||||
.select-row {
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
.progress {
|
|
||||||
margin-top: 4px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
height: 10px;
|
|
||||||
}
|
|
||||||
.uploader-button{
|
|
||||||
text-align: center;
|
|
||||||
width:50%;
|
|
||||||
}
|
|
||||||
#addFileList {
|
|
||||||
width:100%;
|
|
||||||
table-layout:fixed;
|
|
||||||
border:none;
|
|
||||||
td{
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.uploader-icon {
|
|
||||||
width:15%;
|
|
||||||
text-align:left;
|
|
||||||
}
|
|
||||||
.uploader-info {
|
|
||||||
font-size:10px;
|
|
||||||
width:35%;
|
|
||||||
text-align:left;
|
|
||||||
p {
|
|
||||||
line-height:10px;
|
|
||||||
font-size:10px;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: darkblue;
|
|
||||||
margin:5px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#uploadBoxRight .progress .progress-bar {
|
|
||||||
height: 10px;
|
|
||||||
}
|
|
||||||
#lazaretBox {
|
|
||||||
&.container-fluid {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.loading {
|
|
||||||
background-image: url('#{$iconsPath}#{$uploadLoaderImg}');
|
|
||||||
background-position: center right;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
li.wrapper-item {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.lazaret-file h5,
|
|
||||||
.lazaret-proposals h5 {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.lazaret-file p,
|
|
||||||
.lazaret-proposals p {
|
|
||||||
font-weight: bold;
|
|
||||||
overflow: hidden;
|
|
||||||
-o-text-overflow: ellipsis; /* for Opera 9 */
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
span.info {
|
|
||||||
display: inline;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
.lazaret-file,
|
|
||||||
.lazaret-proposals {
|
|
||||||
.thumbnails {
|
|
||||||
margin-left: 0;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
min-height: 234px;
|
|
||||||
li {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
max-height: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.record-thumb {
|
|
||||||
height: 180px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.well {
|
|
||||||
.lazaret-file,
|
|
||||||
.lazaret-proposals {
|
|
||||||
a {
|
|
||||||
font-weight: normal;
|
|
||||||
color: $textPrimaryInverseColor;
|
|
||||||
&:hover {
|
|
||||||
color: $textInverseHoverColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.lazaret-proposals .records-subititution {
|
|
||||||
margin: 0 10px 10px 0;
|
|
||||||
}
|
|
||||||
button, .btn {
|
|
||||||
font-weight: normal;
|
|
||||||
img {
|
|
||||||
margin-right: 5px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,185 +0,0 @@
|
|||||||
|
|
||||||
#idFrameC {
|
|
||||||
#baskets {
|
|
||||||
top: $tabHeight !important;
|
|
||||||
border-top: 1px solid $darkBorderColor;
|
|
||||||
> div {
|
|
||||||
// border-top: 1px solid $mediumBorderColor;
|
|
||||||
}
|
|
||||||
.bloc {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 1px;
|
|
||||||
bottom: 0;
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
&.groupDrop {
|
|
||||||
border: 3px solid #a00;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.content {
|
|
||||||
&.grouping .alert_datas_changed,
|
|
||||||
&.basket .alert_datas_changed {
|
|
||||||
position: relative;
|
|
||||||
margin: 10px 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.alert_datas_changed {
|
|
||||||
position: absolute;
|
|
||||||
top: 5px;
|
|
||||||
height: 20px;
|
|
||||||
right: 26px;
|
|
||||||
left: 10px;
|
|
||||||
background-color: $workzoneBasketAlertDataBg;
|
|
||||||
color: $workzoneBasketAlertDataColor;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
display: none;
|
|
||||||
z-index: 5000;
|
|
||||||
}
|
|
||||||
.insidebloc {
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
.top-scroller, .bottom-scroller {
|
|
||||||
height: 80px;
|
|
||||||
position: absolute;
|
|
||||||
border: none;
|
|
||||||
top: 0px;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
.top-scroller {
|
|
||||||
bottom: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-scroller {
|
|
||||||
top: auto;
|
|
||||||
}
|
|
||||||
.SSTT {
|
|
||||||
&.active {
|
|
||||||
&.ui-corner-top {
|
|
||||||
border: none;
|
|
||||||
top: 0;
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.grouping {
|
|
||||||
&.active {
|
|
||||||
&.ui-corner-top {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
overflow: hidden;
|
|
||||||
left: 30px;
|
|
||||||
right: 40px;
|
|
||||||
height: 16px;
|
|
||||||
margin: 2px 0;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
}
|
|
||||||
.menu {
|
|
||||||
text-align: right;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
padding: 3px;
|
|
||||||
margin: 0 5px 0 0;
|
|
||||||
table td {
|
|
||||||
width: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.workzone-menu-title {
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
padding-right: 65px;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
max-height: 18px;
|
|
||||||
vertical-align: middle;
|
|
||||||
cursor: help;
|
|
||||||
margin-right: 9px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.menu {
|
|
||||||
.contextMenuTrigger {
|
|
||||||
cursor: pointer;
|
|
||||||
display: block;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
background: url('#{$iconsPath}contextMenuTrigger.png') 0 13px no-repeat;
|
|
||||||
height: 45px;
|
|
||||||
width: 13px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
|
|
||||||
color: $textPrimaryActiveColor;
|
|
||||||
//font-size: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** hack IE7 only */
|
|
||||||
*:first-child + html .workzone-menu-title {
|
|
||||||
margin-right: 65px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-accordion .ui-accordion-header.baskDrop {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
#basket_menu_trigger {
|
|
||||||
padding: 32px 7px 0 0;
|
|
||||||
float: right;
|
|
||||||
font-size: 9px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CHIM.diapo {
|
|
||||||
width: 100px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CHIM.diapo .title, .CHIM.diapo .status {
|
|
||||||
position: relative;
|
|
||||||
height: 20px;
|
|
||||||
z-index: 15;
|
|
||||||
font-size: 0.8em
|
|
||||||
}
|
|
||||||
|
|
||||||
.CHIM.diapo .title {
|
|
||||||
height: 15px;
|
|
||||||
margin: 2px 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CHIM.diapo .bottom {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 15;
|
|
||||||
vertical-align: middle;
|
|
||||||
.WorkZoneElementRemover {
|
|
||||||
padding: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.CHIM.diapo .bottom span, .CHIM.diapo .bottom img {
|
|
||||||
cursor: pointer;
|
|
||||||
vertical-align: middle;
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CHIM.diapo img {
|
|
||||||
margin-top: 9px;
|
|
||||||
z-index: 14;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
|
|
||||||
#idFrameC {
|
|
||||||
|
|
||||||
#plugins {
|
|
||||||
//position: relative;
|
|
||||||
//left: 5px;
|
|
||||||
//border-top: 1px solid $darkBorderColor;
|
|
||||||
top: $tabHeight !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,159 +0,0 @@
|
|||||||
$proposalsTitleColor: $darkerTextColor !default;
|
|
||||||
$proposalsTitleHoverColor: $darkerTextHoverColor !default;
|
|
||||||
$proposalsContentTextColor: $darkerTextColor !default;
|
|
||||||
$proposalsContentTextColor: $darkerTextColor !default;
|
|
||||||
$proposalFacetColor: #FFF !default;
|
|
||||||
$proposalsFacetHoverColor: #FFF !default;
|
|
||||||
/******* PROPOSALS ************************************************************/
|
|
||||||
|
|
||||||
|
|
||||||
#proposals {
|
|
||||||
position: relative;
|
|
||||||
left: 5px;
|
|
||||||
border-top: 1px solid $darkBorderColor;
|
|
||||||
top: $tabHeight !important;
|
|
||||||
*:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
ul {
|
|
||||||
background-color: $darkBackgroundColor;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
line-height: 17px;
|
|
||||||
font-size: $mediumFontSize;
|
|
||||||
}
|
|
||||||
&.fancytree-container {
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
border: 0px none transparent;
|
|
||||||
overflow-x: hidden;
|
|
||||||
padding-left: 0;
|
|
||||||
padding-top: 0;
|
|
||||||
ul {
|
|
||||||
padding: 17px 0;
|
|
||||||
overflow: auto;
|
|
||||||
width: 101%;
|
|
||||||
max-height: 400px;
|
|
||||||
overflow-x: hidden;
|
|
||||||
li {
|
|
||||||
padding-left: 30px;
|
|
||||||
line-height: 25px;
|
|
||||||
white-space: pre-line !important;
|
|
||||||
&:hover {
|
|
||||||
background-color: $proposalColor;
|
|
||||||
.fancytree-title {
|
|
||||||
color: $proposalsFacetHoverColor;
|
|
||||||
// color: $textPrimaryHoverColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.fancytree-folder {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: $xmediumFontSize;
|
|
||||||
color: $proposalsTitleColor;
|
|
||||||
height: 49px;
|
|
||||||
line-height: 49px;
|
|
||||||
margin-left: 0;
|
|
||||||
border-left: 4px solid $mediumBackgroundColor;
|
|
||||||
border-bottom: 1px solid $mediumBorderColor;
|
|
||||||
.fancytree-title {
|
|
||||||
font-size: $xmediumFontSize;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
border-left: 4px solid $proposalColor;
|
|
||||||
color: $proposalsTitleHoverColor;
|
|
||||||
.fancytree-title {
|
|
||||||
color: $proposalsTitleHoverColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.fancytree-expander {
|
|
||||||
&:before {
|
|
||||||
content: '\25C0'; /* U+25C0 BLACK LEFT-POINTING TRIANGLE */
|
|
||||||
color: $mediumTextColor;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:before {
|
|
||||||
color: $basketsColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.fancytree-expanded {
|
|
||||||
.fancytree-expander:before {
|
|
||||||
content: '\25BC'; /* U+25BC BLACK BLACK DOWN-POINTING TRIANGLE */
|
|
||||||
color: $textPrimaryHoverColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.fancytree-expander {
|
|
||||||
position: absolute;
|
|
||||||
right: 10px;
|
|
||||||
background-image: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 65%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancytree-title {
|
|
||||||
font-size: $xmediumFontSize;
|
|
||||||
color: $proposalsTitleColor;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 0px none transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fancytree-node {
|
|
||||||
font-size: $xmediumFontSize;
|
|
||||||
color: $proposalsContentTextColor;
|
|
||||||
//background-color: transparent;
|
|
||||||
//border: 0px none transparent;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.facetFilter {
|
|
||||||
font-weight: normal;
|
|
||||||
position: absolute;
|
|
||||||
width: 127px;
|
|
||||||
height: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
vertical-align: middle;
|
|
||||||
border-radius: 4px;
|
|
||||||
right: 28px;
|
|
||||||
background-color: $proposalColor;
|
|
||||||
color: $proposalFacetColor;
|
|
||||||
padding-left: 13px;
|
|
||||||
padding-right: 13px;
|
|
||||||
margin-top: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.facetFilter-label {
|
|
||||||
position: absolute;
|
|
||||||
left: 13px;
|
|
||||||
right: 14px;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.facetFilter-gradient {
|
|
||||||
position: absolute;
|
|
||||||
width: 20px;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.facetFilter-closer {
|
|
||||||
position: absolute;
|
|
||||||
right: 13px;
|
|
||||||
cursor: pointer;
|
|
||||||
background: url('#{$iconsPath}bgd_facetFilter.png') 0 5px no-repeat;
|
|
||||||
height: 25px;
|
|
||||||
width: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,235 +0,0 @@
|
|||||||
$thesaurusTabHeight: $subTabHeight !default;
|
|
||||||
.treeview {
|
|
||||||
|
|
||||||
li {
|
|
||||||
color: $mediumTextColor;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
> li.expandable {
|
|
||||||
min-height: 50px;
|
|
||||||
line-height: 47px;
|
|
||||||
vertical-align: middle;
|
|
||||||
position: relative;
|
|
||||||
background: none;
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
border-bottom: 1px solid $mediumBorderColor;
|
|
||||||
> .hitarea {
|
|
||||||
height: 51px;
|
|
||||||
background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat;
|
|
||||||
border-left: 5px $mediumBackgroundColor solid;
|
|
||||||
&:hover,
|
|
||||||
&.active {
|
|
||||||
border-left: 5px $thesaurusColor solid;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hitarea {
|
|
||||||
background: none;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
.hitarea {
|
|
||||||
background: url('#{$iconsPath}icon_tree.png') 0 0 no-repeat;
|
|
||||||
position: relative;
|
|
||||||
height: 9px;
|
|
||||||
width: 9px;
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
color: $mediumTextColor;
|
|
||||||
&.h {
|
|
||||||
color: $thesaurusColor !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_T_treeBox {
|
|
||||||
font-size: $xmediumFontSize;
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: hidden;
|
|
||||||
> div {
|
|
||||||
width: 100%;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_T_treeBox::-webkit-scrollbar-track {
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: #1f1f1f;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_T_treeBox::-webkit-scrollbar {
|
|
||||||
width: 6px;
|
|
||||||
background-color: #474747;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==================================
|
|
||||||
dans l'onglet thesaurus : arbres, menus contextuels
|
|
||||||
===================================== */
|
|
||||||
.ui-tabs {
|
|
||||||
#thesaurus_tab {
|
|
||||||
top: $tabHeight !important;
|
|
||||||
border-top: 1px solid $darkBorderColor;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#THPD_tabs {
|
|
||||||
right: 0;
|
|
||||||
|
|
||||||
.ui-tabs-nav {
|
|
||||||
li.th_tab {
|
|
||||||
a {
|
|
||||||
color: $textPrimaryColor;
|
|
||||||
}
|
|
||||||
&.th_tab {
|
|
||||||
height: $thesaurusTabHeight; // in order to display bottom border
|
|
||||||
margin: 0;
|
|
||||||
border-bottom: 1px solid transparent;
|
|
||||||
box-sizing: border-box;
|
|
||||||
.ui-state-active {
|
|
||||||
border-bottom: 1px solid $thesaurusColor;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
height: $thesaurusTabHeight;
|
|
||||||
line-height: $thesaurusTabHeight;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 20px;
|
|
||||||
display: block;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ui-state-default A {
|
|
||||||
color: $thesaurusContextMenuColor;
|
|
||||||
}
|
|
||||||
.ui-tabs-active A {
|
|
||||||
color: $textPrimaryActiveColor;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.treeview {
|
|
||||||
ul {
|
|
||||||
background-color: $darkBackgroundColor;
|
|
||||||
margin-left: -16px;
|
|
||||||
padding-left: 16px;
|
|
||||||
li {
|
|
||||||
padding-top: 5px;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
cursor: pointer;
|
|
||||||
&.h { /* highlighted (filtered) */
|
|
||||||
color: #FFFFD0;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
i { /* count of hits */
|
|
||||||
color: #80FF80;
|
|
||||||
background-color: #606060;
|
|
||||||
font-style: normal;
|
|
||||||
margin-left: 10px;
|
|
||||||
padding-left: 3px;
|
|
||||||
padding-right: 3px;
|
|
||||||
font-family: courier;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.treeview LI.selected SPAN {
|
|
||||||
background-color: $thesaurusColor !important;
|
|
||||||
color: $textPrimaryActiveColor !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.treeview LI.selected SPAN {
|
|
||||||
background-color: #ff0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.treeview LI.selected LI SPAN {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu-item-disabled {
|
|
||||||
background-color: #ff0000;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#idFrameC .ui-tabs {
|
|
||||||
#THPD_C.ui-tabs-panel,
|
|
||||||
#THPD_T.ui-tabs-panel{
|
|
||||||
top: 46px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_T, #THPD_C {
|
|
||||||
// margin-top: 10px;
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_WIZARDS {
|
|
||||||
.gform {
|
|
||||||
.input-append {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 1px solid $mediumBorderColor;
|
|
||||||
border-top: none;
|
|
||||||
input.input-medium {
|
|
||||||
width: 80%;
|
|
||||||
border-radius: 0;
|
|
||||||
height: 50px;
|
|
||||||
padding: 0 2.5%;
|
|
||||||
background: $thesaurusInputBackground;
|
|
||||||
border: none;
|
|
||||||
float: left;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.th_ok {
|
|
||||||
width: 15%;
|
|
||||||
line-height: 50px;
|
|
||||||
vertical-align: middle;
|
|
||||||
padding: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: $mediumBackgroundColor;
|
|
||||||
color: $mediumTextColor;
|
|
||||||
border: none;
|
|
||||||
margin: 0;
|
|
||||||
outline: none;
|
|
||||||
float: left;
|
|
||||||
box-shadow: none;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
-moz-appearance: none;
|
|
||||||
}
|
|
||||||
.th_clear {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1000;
|
|
||||||
float: right;
|
|
||||||
margin: -50px 15% 0 0;
|
|
||||||
display: none;
|
|
||||||
width: 30px;
|
|
||||||
line-height: 50px;
|
|
||||||
padding: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
background: url('#{$iconsPath}icon_clear_search.png') 50% no-repeat;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
box-shadow: none;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,196 +0,0 @@
|
|||||||
$workzoneBackgroundColor: $darkBackgroundColor !default; //$mediumBackgroundColor !default;
|
|
||||||
$workzoneTopBorder: none !default;
|
|
||||||
$workzoneTabTopBorder: 1px solid $darkBorderColor !default;
|
|
||||||
$workzoneBorderTopColor: $mediumBorderColor !default;
|
|
||||||
$tabHeight: 86px !default;
|
|
||||||
$subTabHeight: 46px !default;
|
|
||||||
|
|
||||||
|
|
||||||
$workzoneTabContentBackgroundColor: $workzoneBackgroundColor !default;
|
|
||||||
|
|
||||||
$workzoneTabBackgroundColor: $workzoneBackgroundColor !default;
|
|
||||||
$workzoneTabTextColor: $mediumTextColor !default;
|
|
||||||
|
|
||||||
$workzoneTabActiveBackgroundColor: $tabContentBackgroundColor !default;
|
|
||||||
$workzoneTabActiveTextColor: $lightTextColor !default;
|
|
||||||
|
|
||||||
$workzoneTabDisabledBackgroundColor: $tabBackgroundColor !default;
|
|
||||||
$workzoneTabDisabledTextColor: $mediumTextActiveColor !default;
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Workzone
|
|
||||||
*/
|
|
||||||
#idFrameC {
|
|
||||||
top: 0 !important;
|
|
||||||
min-width: 300px;
|
|
||||||
bottom: 0 !important;
|
|
||||||
&.closed {
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
#retractableButton {
|
|
||||||
cursor: pointer;
|
|
||||||
width: 70px;
|
|
||||||
height: 85px;
|
|
||||||
float: right;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 85px;
|
|
||||||
margin-bottom: -20px;
|
|
||||||
i {
|
|
||||||
font-size: 23px;
|
|
||||||
color: $mediumTextColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.wrapper {
|
|
||||||
background-color: $workzoneBackgroundColor;
|
|
||||||
right: 10px;
|
|
||||||
border-top: $workzoneTopBorder; //$workzoneBorderTop;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-tabs {
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
right: 0;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
.ui-tabs-nav {
|
|
||||||
background-color: $workzoneTabContentBackgroundColor;
|
|
||||||
top: 0;
|
|
||||||
left: 10px;
|
|
||||||
right: 10px;
|
|
||||||
//margin-top: 21px;
|
|
||||||
// border-top: 1px solid $workzoneTabTopBorder;
|
|
||||||
border-radius: 0;
|
|
||||||
height: $subTabHeight;
|
|
||||||
border-bottom: 1px solid $workzoneTabBorderBottom;
|
|
||||||
box-sizing: border-box;
|
|
||||||
li {
|
|
||||||
width: auto;
|
|
||||||
height: $tabHeight;
|
|
||||||
display: inline-block;
|
|
||||||
background-color: $workzoneTabBackgroundColor;
|
|
||||||
z-index: 10;
|
|
||||||
border-radius: 0;
|
|
||||||
margin: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
&.proposals_WZ {
|
|
||||||
&.ui-state-active {
|
|
||||||
a {
|
|
||||||
border-bottom: 3px solid $proposalColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
img.proposals_off {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
img.proposals_on {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*&.proposals_WZ.ui-state-active a {
|
|
||||||
border-bottom: 3px solid #4c5d84;
|
|
||||||
}*/
|
|
||||||
&.thesaurus.ui-state-active a {
|
|
||||||
border-bottom: 3px solid $thesaurusColor;
|
|
||||||
}
|
|
||||||
&.baskets.ui-state-active a {
|
|
||||||
border-bottom: 3px solid $basketsColor;
|
|
||||||
}
|
|
||||||
&.plugins.ui-state-active a {
|
|
||||||
border-bottom: 3px solid $pluginsColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
&.escamote {
|
|
||||||
margin: 25px 25px 0 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
a {
|
|
||||||
background-color: $workzoneTabBgHover;
|
|
||||||
border-bottom: 3px solid $workzoneTabBgHover;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.ui-state-active {
|
|
||||||
a {
|
|
||||||
background-color: $workzoneTabBgActive;
|
|
||||||
border-bottom: 1px solid $thesaurusColor;
|
|
||||||
// height: 82px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ui-tabs-panel {
|
|
||||||
position: absolute;
|
|
||||||
top: 56px;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
ul.icon-menu {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.icon-menu {
|
|
||||||
.WZtabs, .WZplugins {
|
|
||||||
display: block;
|
|
||||||
width: 70px;
|
|
||||||
height: 82px;
|
|
||||||
line-height: 82px;
|
|
||||||
vertical-align: middle;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.WZbasketTab {
|
|
||||||
display: block;
|
|
||||||
background-image: url('#{$iconsPath}workzone32.png');
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 9px 21px;
|
|
||||||
width: 70px;
|
|
||||||
height: 82px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.closed {
|
|
||||||
.icon-menu li {
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ui-tabs-panel,
|
|
||||||
.ui-resizable-handle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.tools {
|
|
||||||
padding: 7px 0 7px 0;
|
|
||||||
text-align: left !important;
|
|
||||||
button {
|
|
||||||
background-color: transparent;
|
|
||||||
border: none;
|
|
||||||
width: 16px;
|
|
||||||
height: 22px;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
label {
|
|
||||||
display: inline;
|
|
||||||
margin: 0 15px 0 0;
|
|
||||||
float: left;
|
|
||||||
font-size: $smallFontSize;
|
|
||||||
color: $workzoneToolsLabelColor;
|
|
||||||
line-height: 22px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert_datas_changed a {
|
|
||||||
color: #404040;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
.lt-ie8 {
|
|
||||||
div.diapo {
|
|
||||||
display:inline;
|
|
||||||
float:left;
|
|
||||||
position:relative;
|
|
||||||
margin:7px 4px;
|
|
||||||
|
|
||||||
}
|
|
||||||
#baskets .insidebloc{
|
|
||||||
left:10px;
|
|
||||||
position:absolute;
|
|
||||||
width:70%;
|
|
||||||
top:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .diapo{
|
|
||||||
margin:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adv_search table.colllist
|
|
||||||
{
|
|
||||||
width:270px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adv_search table.filterlist
|
|
||||||
{
|
|
||||||
width:580px;
|
|
||||||
}
|
|
||||||
.loading{
|
|
||||||
background-image:none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
.lt-ie9 {
|
|
||||||
#adv_search table.colllist
|
|
||||||
{
|
|
||||||
width:270px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adv_search table.filterlist
|
|
||||||
{
|
|
||||||
width:580px;
|
|
||||||
}
|
|
||||||
.btn-image {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
// border: 1px solid #FF0000;
|
|
||||||
}
|
|
||||||
#idFrameC {
|
|
||||||
.ui-tabs {
|
|
||||||
.ui-tabs-nav {
|
|
||||||
li {
|
|
||||||
margin-top: -20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,150 +0,0 @@
|
|||||||
@import '../../_shared/styles/variables';
|
|
||||||
@import '../../../../www/bower_components/fancytree/dist/skin-win8/ui.fancytree'; // to inline import css file, don't put extension
|
|
||||||
@import '../../vendors/jquery-treeview/jquery.treeview';
|
|
||||||
@import '../../../../www/bower_components/humane-js/themes/libnotify';
|
|
||||||
@import '../../vendors/jquery-contextmenu/styles/jquery.contextmenu';
|
|
||||||
@import '../../vendors/jquery-image-enhancer/styles/jquery.image_enhancer';
|
|
||||||
@import '../../vendors/colorpicker/styles/colorpicker';
|
|
||||||
@import '../../_shared/styles/main';
|
|
||||||
|
|
||||||
|
|
||||||
#idFrameC {
|
|
||||||
top: 10px;
|
|
||||||
bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#idFrameC .ui-tabs {
|
|
||||||
bottom: 10px;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#answers {
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.caption-tooltip-container .popover-inner .popover-content {
|
|
||||||
overflow: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover-inner .popover-content dl.dl-horizontal {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover-inner .popover-content dl.dl-horizontal:first-child{
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dl-horizontal dt, .popover-inner .popover-content .dl-horizontal dt {
|
|
||||||
padding-top: 6px;
|
|
||||||
padding-bottom: 6px;
|
|
||||||
color: #808080;
|
|
||||||
text-align: left;
|
|
||||||
width: 100px ;
|
|
||||||
/*border-bottom: 1px solid #333;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.dl-horizontal dd, .popover-inner .popover-content .dl-horizontal dd {
|
|
||||||
padding-top: 6px;
|
|
||||||
padding-bottom: 6px;
|
|
||||||
margin-left: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.break-word {
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-button:focus, .ui-button-text:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.descBoxes .dl-horizontal dt{
|
|
||||||
float: none;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.descBoxes .dl-horizontal dd{
|
|
||||||
padding-top: 0;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/** was inline code: */
|
|
||||||
.noRepresent {
|
|
||||||
background-color: #A2F5F5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.disable {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.deployer_opened::before {
|
|
||||||
content: "\25BC";
|
|
||||||
}
|
|
||||||
|
|
||||||
.deployer_closed::before {
|
|
||||||
content: "\25B6";
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Vertical Tabs */
|
|
||||||
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
|
|
||||||
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
|
|
||||||
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
|
|
||||||
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
|
|
||||||
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right;}
|
|
||||||
|
|
||||||
.history-collection {
|
|
||||||
background-image: url('#{$iconsPath}chgcoll_history.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.history-status {
|
|
||||||
background-image: url('#{$iconsPath}chgstatus_history.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.history-print {
|
|
||||||
background-image: url('#{$iconsPath}print_history.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.history-substit, .history-publish {
|
|
||||||
background-image: url('#{$iconsPath}imgtools_history.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.history-download, .history-mail, .history-ftp {
|
|
||||||
background-image: url('#{$iconsPath}disktt_history.png');
|
|
||||||
}
|
|
||||||
.history-edit {
|
|
||||||
background-image: url('#{$iconsPath}ppen_history.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.history-validate, .history-push {
|
|
||||||
background-image: url('#{$iconsPath}push16.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.history-add {
|
|
||||||
background-image: url('#{$iconsPath}add.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.history-collection, .history-status, .history-print, .history-substit, .history-publish, .history-download, .history-mail, .history-ftp, .history-edit, .history-validate, .history-push, .history-add {
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center left;
|
|
||||||
background-size: 16px 16px;
|
|
||||||
padding-left: 24px;
|
|
||||||
min-height: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
|
|
||||||
only screen and (-o-min-device-pixel-ratio: 13/10),
|
|
||||||
only screen and (min-resolution: 120dpi)
|
|
||||||
{
|
|
||||||
.history-collection, .history-status, .history-print, .history-substit, .history-publish, .history-download, .history-mail, .history-ftp, .history-edit, .history-validate, .history-push {
|
|
||||||
background-size: 16px 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@import 'ie7';
|
|
||||||
@import 'ie8';
|
|
||||||
@@ -1,161 +0,0 @@
|
|||||||
.colorpicker {
|
|
||||||
width: 356px;
|
|
||||||
height: 176px;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
background: url(../images/colorpicker_background.png);
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.colorpicker_color {
|
|
||||||
width: 150px;
|
|
||||||
height: 150px;
|
|
||||||
left: 14px;
|
|
||||||
top: 13px;
|
|
||||||
position: absolute;
|
|
||||||
background: #f00;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: crosshair;
|
|
||||||
}
|
|
||||||
.colorpicker_color div {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 150px;
|
|
||||||
height: 150px;
|
|
||||||
background: url(../images/colorpicker_overlay.png);
|
|
||||||
}
|
|
||||||
.colorpicker_color div div {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 11px;
|
|
||||||
height: 11px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: url(../images/colorpicker_select.gif);
|
|
||||||
margin: -5px 0 0 -5px;
|
|
||||||
}
|
|
||||||
.colorpicker_hue {
|
|
||||||
position: absolute;
|
|
||||||
top: 13px;
|
|
||||||
left: 171px;
|
|
||||||
width: 35px;
|
|
||||||
height: 150px;
|
|
||||||
cursor: n-resize;
|
|
||||||
}
|
|
||||||
.colorpicker_hue div {
|
|
||||||
position: absolute;
|
|
||||||
width: 35px;
|
|
||||||
height: 9px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: url(../images/colorpicker_indic.gif) left top;
|
|
||||||
margin: -4px 0 0 0;
|
|
||||||
left: 0px;
|
|
||||||
}
|
|
||||||
.colorpicker_new_color {
|
|
||||||
position: absolute;
|
|
||||||
width: 60px;
|
|
||||||
height: 30px;
|
|
||||||
left: 213px;
|
|
||||||
top: 13px;
|
|
||||||
background: #f00;
|
|
||||||
}
|
|
||||||
.colorpicker_current_color {
|
|
||||||
position: absolute;
|
|
||||||
width: 60px;
|
|
||||||
height: 30px;
|
|
||||||
left: 283px;
|
|
||||||
top: 13px;
|
|
||||||
background: #f00;
|
|
||||||
}
|
|
||||||
.colorpicker input {
|
|
||||||
background-color: transparent;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 10px;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
color: #898989;
|
|
||||||
top: 4px;
|
|
||||||
right: 11px;
|
|
||||||
text-align: right;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
height: 11px;
|
|
||||||
}
|
|
||||||
.colorpicker_hex {
|
|
||||||
position: absolute;
|
|
||||||
width: 72px;
|
|
||||||
height: 22px;
|
|
||||||
background: url(../images/colorpicker_hex.png) top;
|
|
||||||
left: 212px;
|
|
||||||
top: 142px;
|
|
||||||
}
|
|
||||||
.colorpicker_hex input {
|
|
||||||
right: 6px;
|
|
||||||
}
|
|
||||||
.colorpicker_field {
|
|
||||||
height: 22px;
|
|
||||||
width: 62px;
|
|
||||||
background-position: top;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
.colorpicker_field span {
|
|
||||||
position: absolute;
|
|
||||||
width: 12px;
|
|
||||||
height: 22px;
|
|
||||||
overflow: hidden;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
cursor: n-resize;
|
|
||||||
}
|
|
||||||
.colorpicker_rgb_r {
|
|
||||||
background-image: url(../images/colorpicker_rgb_r.png);
|
|
||||||
top: 52px;
|
|
||||||
left: 212px;
|
|
||||||
}
|
|
||||||
.colorpicker_rgb_g {
|
|
||||||
background-image: url(../images/colorpicker_rgb_g.png);
|
|
||||||
top: 82px;
|
|
||||||
left: 212px;
|
|
||||||
}
|
|
||||||
.colorpicker_rgb_b {
|
|
||||||
background-image: url(../images/colorpicker_rgb_b.png);
|
|
||||||
top: 112px;
|
|
||||||
left: 212px;
|
|
||||||
}
|
|
||||||
.colorpicker_hsb_h {
|
|
||||||
background-image: url(../images/colorpicker_hsb_h.png);
|
|
||||||
top: 52px;
|
|
||||||
left: 282px;
|
|
||||||
}
|
|
||||||
.colorpicker_hsb_s {
|
|
||||||
background-image: url(../images/colorpicker_hsb_s.png);
|
|
||||||
top: 82px;
|
|
||||||
left: 282px;
|
|
||||||
}
|
|
||||||
.colorpicker_hsb_b {
|
|
||||||
background-image: url(../images/colorpicker_hsb_b.png);
|
|
||||||
top: 112px;
|
|
||||||
left: 282px;
|
|
||||||
}
|
|
||||||
.colorpicker_submit {
|
|
||||||
position: absolute;
|
|
||||||
width: 22px;
|
|
||||||
height: 22px;
|
|
||||||
background: url(../images/colorpicker_submit.png) top;
|
|
||||||
left: 322px;
|
|
||||||
top: 142px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.colorpicker_focus {
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
.colorpicker_hex.colorpicker_focus {
|
|
||||||
background-position: bottom;
|
|
||||||
}
|
|
||||||
.colorpicker_submit.colorpicker_focus {
|
|
||||||
background-position: bottom;
|
|
||||||
}
|
|
||||||
.colorpicker_slider {
|
|
||||||
background-position: bottom;
|
|
||||||
}
|
|
||||||
218
resources/www/vendors/colorpicker/css/layout.css
vendored
218
resources/www/vendors/colorpicker/css/layout.css
vendored
@@ -1,218 +0,0 @@
|
|||||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-collapse:collapse;
|
|
||||||
border-spacing:0;
|
|
||||||
}
|
|
||||||
fieldset,img {
|
|
||||||
border:0;
|
|
||||||
}
|
|
||||||
address,caption,cite,code,dfn,em,strong,th,var {
|
|
||||||
font-style:normal;
|
|
||||||
font-weight:normal;
|
|
||||||
}
|
|
||||||
ol,ul {
|
|
||||||
list-style:none;
|
|
||||||
}
|
|
||||||
caption,th {
|
|
||||||
text-align:left;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
font-size:100%;
|
|
||||||
font-weight:normal;
|
|
||||||
}
|
|
||||||
q:before,q:after {
|
|
||||||
content:'';
|
|
||||||
}
|
|
||||||
abbr,acronym { border:0;
|
|
||||||
}
|
|
||||||
html, body {
|
|
||||||
background-color: #fff;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 18px;
|
|
||||||
color: #52697E;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
text-align: center;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.wrapper {
|
|
||||||
width: 700px;
|
|
||||||
margin: 0 auto;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
font-size: 21px;
|
|
||||||
height: 47px;
|
|
||||||
line-height: 47px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.navigationTabs {
|
|
||||||
height: 23px;
|
|
||||||
line-height: 23px;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
}
|
|
||||||
.navigationTabs li {
|
|
||||||
float: left;
|
|
||||||
height: 23px;
|
|
||||||
line-height: 23px;
|
|
||||||
padding-right: 3px;
|
|
||||||
}
|
|
||||||
.navigationTabs li a{
|
|
||||||
float: left;
|
|
||||||
dispaly: block;
|
|
||||||
height: 23px;
|
|
||||||
line-height: 23px;
|
|
||||||
padding: 0 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
color: #52697E;
|
|
||||||
background-color: #eee;
|
|
||||||
position: relative;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.navigationTabs li a:hover {
|
|
||||||
background-color: #f0f0f0;
|
|
||||||
}
|
|
||||||
.navigationTabs li a.active {
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
border-bottom: 0px solid;
|
|
||||||
}
|
|
||||||
.tabsContent {
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
border-top: 0px solid;
|
|
||||||
width: 698px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.tab {
|
|
||||||
padding: 16px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.tab h2 {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
.tab h3 {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 14px;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
.tab p {
|
|
||||||
margin-top: 16px;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.tab ul {
|
|
||||||
margin-top: 16px;
|
|
||||||
list-style: disc;
|
|
||||||
}
|
|
||||||
.tab li {
|
|
||||||
margin: 10px 0 0 35px;
|
|
||||||
}
|
|
||||||
.tab a {
|
|
||||||
color: #8FB0CF;
|
|
||||||
}
|
|
||||||
.tab strong {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.tab pre {
|
|
||||||
font-size: 11px;
|
|
||||||
margin-top: 20px;
|
|
||||||
width: 668px;
|
|
||||||
overflow: auto;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.tab table {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.tab table td {
|
|
||||||
padding: 6px 10px 6px 0;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.tab dt {
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#colorSelector {
|
|
||||||
position: relative;
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
background: url(../images/select.png);
|
|
||||||
}
|
|
||||||
#colorSelector div {
|
|
||||||
position: absolute;
|
|
||||||
top: 3px;
|
|
||||||
left: 3px;
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
background: url(../images/select.png) center;
|
|
||||||
}
|
|
||||||
#colorSelector2 {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
background: url(../images/select2.png);
|
|
||||||
}
|
|
||||||
#colorSelector2 div {
|
|
||||||
position: absolute;
|
|
||||||
top: 4px;
|
|
||||||
left: 4px;
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
background: url(../images/select2.png) center;
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 {
|
|
||||||
top: 32px;
|
|
||||||
left: 0;
|
|
||||||
width: 356px;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker {
|
|
||||||
background-image: url(../images/custom_background.png);
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker_hue div {
|
|
||||||
background-image: url(../images/custom_indic.gif);
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker_hex {
|
|
||||||
background-image: url(../images/custom_hex.png);
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker_rgb_r {
|
|
||||||
background-image: url(../images/custom_rgb_r.png);
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker_rgb_g {
|
|
||||||
background-image: url(../images/custom_rgb_g.png);
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker_rgb_b {
|
|
||||||
background-image: url(../images/custom_rgb_b.png);
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker_hsb_s {
|
|
||||||
background-image: url(../images/custom_hsb_s.png);
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker_hsb_h {
|
|
||||||
background-image: url(../images/custom_hsb_h.png);
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker_hsb_b {
|
|
||||||
background-image: url(../images/custom_hsb_b.png);
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker_submit {
|
|
||||||
background-image: url(../images/custom_submit.png);
|
|
||||||
}
|
|
||||||
#colorpickerHolder2 .colorpicker input {
|
|
||||||
color: #778398;
|
|
||||||
}
|
|
||||||
#customWidget {
|
|
||||||
position: relative;
|
|
||||||
height: 36px;
|
|
||||||
}
|
|
||||||
BIN
resources/www/vendors/colorpicker/images/Thumbs.db
vendored
BIN
resources/www/vendors/colorpicker/images/Thumbs.db
vendored
Binary file not shown.
BIN
resources/www/vendors/colorpicker/images/blank.gif
vendored
BIN
resources/www/vendors/colorpicker/images/blank.gif
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 49 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 532 B |
Binary file not shown.
|
Before Width: | Height: | Size: 970 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1012 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 86 B |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 970 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 B |
Binary file not shown.
|
Before Width: | Height: | Size: 984 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 562 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 970 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 86 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1008 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1018 B |
Binary file not shown.
|
Before Width: | Height: | Size: 997 B |
BIN
resources/www/vendors/colorpicker/images/select.png
vendored
BIN
resources/www/vendors/colorpicker/images/select.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 506 B |
BIN
resources/www/vendors/colorpicker/images/select2.png
vendored
BIN
resources/www/vendors/colorpicker/images/select2.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 518 B |
BIN
resources/www/vendors/colorpicker/images/slider.png
vendored
BIN
resources/www/vendors/colorpicker/images/slider.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 315 B |
484
resources/www/vendors/colorpicker/js/colorpicker.js
vendored
484
resources/www/vendors/colorpicker/js/colorpicker.js
vendored
@@ -1,484 +0,0 @@
|
|||||||
/**
|
|
||||||
*
|
|
||||||
* Color picker
|
|
||||||
* Author: Stefan Petre www.eyecon.ro
|
|
||||||
*
|
|
||||||
* Dual licensed under the MIT and GPL licenses
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
(function ($) {
|
|
||||||
var ColorPicker = function () {
|
|
||||||
var
|
|
||||||
ids = {},
|
|
||||||
inAction,
|
|
||||||
charMin = 65,
|
|
||||||
visible,
|
|
||||||
tpl = '<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>',
|
|
||||||
defaults = {
|
|
||||||
eventName: 'click',
|
|
||||||
onShow: function () {},
|
|
||||||
onBeforeShow: function(){},
|
|
||||||
onHide: function () {},
|
|
||||||
onChange: function () {},
|
|
||||||
onSubmit: function () {},
|
|
||||||
color: 'ff0000',
|
|
||||||
livePreview: true,
|
|
||||||
flat: false
|
|
||||||
},
|
|
||||||
fillRGBFields = function (hsb, cal) {
|
|
||||||
var rgb = HSBToRGB(hsb);
|
|
||||||
$(cal).data('colorpicker').fields
|
|
||||||
.eq(1).val(rgb.r).end()
|
|
||||||
.eq(2).val(rgb.g).end()
|
|
||||||
.eq(3).val(rgb.b).end();
|
|
||||||
},
|
|
||||||
fillHSBFields = function (hsb, cal) {
|
|
||||||
$(cal).data('colorpicker').fields
|
|
||||||
.eq(4).val(hsb.h).end()
|
|
||||||
.eq(5).val(hsb.s).end()
|
|
||||||
.eq(6).val(hsb.b).end();
|
|
||||||
},
|
|
||||||
fillHexFields = function (hsb, cal) {
|
|
||||||
$(cal).data('colorpicker').fields
|
|
||||||
.eq(0).val(HSBToHex(hsb)).end();
|
|
||||||
},
|
|
||||||
setSelector = function (hsb, cal) {
|
|
||||||
$(cal).data('colorpicker').selector.css('backgroundColor', '#' + HSBToHex({h: hsb.h, s: 100, b: 100}));
|
|
||||||
$(cal).data('colorpicker').selectorIndic.css({
|
|
||||||
left: parseInt(150 * hsb.s/100, 10),
|
|
||||||
top: parseInt(150 * (100-hsb.b)/100, 10)
|
|
||||||
});
|
|
||||||
},
|
|
||||||
setHue = function (hsb, cal) {
|
|
||||||
$(cal).data('colorpicker').hue.css('top', parseInt(150 - 150 * hsb.h/360, 10));
|
|
||||||
},
|
|
||||||
setCurrentColor = function (hsb, cal) {
|
|
||||||
$(cal).data('colorpicker').currentColor.css('backgroundColor', '#' + HSBToHex(hsb));
|
|
||||||
},
|
|
||||||
setNewColor = function (hsb, cal) {
|
|
||||||
$(cal).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(hsb));
|
|
||||||
},
|
|
||||||
keyDown = function (ev) {
|
|
||||||
var pressedKey = ev.charCode || ev.keyCode || -1;
|
|
||||||
if ((pressedKey > charMin && pressedKey <= 90) || pressedKey == 32) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var cal = $(this).parent().parent();
|
|
||||||
if (cal.data('colorpicker').livePreview === true) {
|
|
||||||
change.apply(this);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
change = function (ev) {
|
|
||||||
var cal = $(this).parent().parent(), col;
|
|
||||||
if (this.parentNode.className.indexOf('_hex') > 0) {
|
|
||||||
cal.data('colorpicker').color = col = HexToHSB(fixHex(this.value));
|
|
||||||
} else if (this.parentNode.className.indexOf('_hsb') > 0) {
|
|
||||||
cal.data('colorpicker').color = col = fixHSB({
|
|
||||||
h: parseInt(cal.data('colorpicker').fields.eq(4).val(), 10),
|
|
||||||
s: parseInt(cal.data('colorpicker').fields.eq(5).val(), 10),
|
|
||||||
b: parseInt(cal.data('colorpicker').fields.eq(6).val(), 10)
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
cal.data('colorpicker').color = col = RGBToHSB(fixRGB({
|
|
||||||
r: parseInt(cal.data('colorpicker').fields.eq(1).val(), 10),
|
|
||||||
g: parseInt(cal.data('colorpicker').fields.eq(2).val(), 10),
|
|
||||||
b: parseInt(cal.data('colorpicker').fields.eq(3).val(), 10)
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
if (ev) {
|
|
||||||
fillRGBFields(col, cal.get(0));
|
|
||||||
fillHexFields(col, cal.get(0));
|
|
||||||
fillHSBFields(col, cal.get(0));
|
|
||||||
}
|
|
||||||
setSelector(col, cal.get(0));
|
|
||||||
setHue(col, cal.get(0));
|
|
||||||
setNewColor(col, cal.get(0));
|
|
||||||
cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]);
|
|
||||||
},
|
|
||||||
blur = function (ev) {
|
|
||||||
var cal = $(this).parent().parent();
|
|
||||||
cal.data('colorpicker').fields.parent().removeClass('colorpicker_focus');
|
|
||||||
},
|
|
||||||
focus = function () {
|
|
||||||
charMin = this.parentNode.className.indexOf('_hex') > 0 ? 70 : 65;
|
|
||||||
$(this).parent().parent().data('colorpicker').fields.parent().removeClass('colorpicker_focus');
|
|
||||||
$(this).parent().addClass('colorpicker_focus');
|
|
||||||
},
|
|
||||||
downIncrement = function (ev) {
|
|
||||||
var field = $(this).parent().find('input').focus();
|
|
||||||
var current = {
|
|
||||||
el: $(this).parent().addClass('colorpicker_slider'),
|
|
||||||
max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255),
|
|
||||||
y: ev.pageY,
|
|
||||||
field: field,
|
|
||||||
val: parseInt(field.val(), 10),
|
|
||||||
preview: $(this).parent().parent().data('colorpicker').livePreview
|
|
||||||
};
|
|
||||||
$(document).bind('mouseup', current, upIncrement);
|
|
||||||
$(document).bind('mousemove', current, moveIncrement);
|
|
||||||
},
|
|
||||||
moveIncrement = function (ev) {
|
|
||||||
ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val + ev.pageY - ev.data.y, 10))));
|
|
||||||
if (ev.data.preview) {
|
|
||||||
change.apply(ev.data.field.get(0), [true]);
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
upIncrement = function (ev) {
|
|
||||||
change.apply(ev.data.field.get(0), [true]);
|
|
||||||
ev.data.el.removeClass('colorpicker_slider').find('input').focus();
|
|
||||||
$(document).unbind('mouseup', upIncrement);
|
|
||||||
$(document).unbind('mousemove', moveIncrement);
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
downHue = function (ev) {
|
|
||||||
var current = {
|
|
||||||
cal: $(this).parent(),
|
|
||||||
y: $(this).offset().top
|
|
||||||
};
|
|
||||||
current.preview = current.cal.data('colorpicker').livePreview;
|
|
||||||
$(document).bind('mouseup', current, upHue);
|
|
||||||
$(document).bind('mousemove', current, moveHue);
|
|
||||||
},
|
|
||||||
moveHue = function (ev) {
|
|
||||||
change.apply(
|
|
||||||
ev.data.cal.data('colorpicker')
|
|
||||||
.fields
|
|
||||||
.eq(4)
|
|
||||||
.val(parseInt(360*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.y))))/150, 10))
|
|
||||||
.get(0),
|
|
||||||
[ev.data.preview]
|
|
||||||
);
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
upHue = function (ev) {
|
|
||||||
fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
|
|
||||||
fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
|
|
||||||
$(document).unbind('mouseup', upHue);
|
|
||||||
$(document).unbind('mousemove', moveHue);
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
downSelector = function (ev) {
|
|
||||||
var current = {
|
|
||||||
cal: $(this).parent(),
|
|
||||||
pos: $(this).offset()
|
|
||||||
};
|
|
||||||
current.preview = current.cal.data('colorpicker').livePreview;
|
|
||||||
$(document).bind('mouseup', current, upSelector);
|
|
||||||
$(document).bind('mousemove', current, moveSelector);
|
|
||||||
},
|
|
||||||
moveSelector = function (ev) {
|
|
||||||
change.apply(
|
|
||||||
ev.data.cal.data('colorpicker')
|
|
||||||
.fields
|
|
||||||
.eq(6)
|
|
||||||
.val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10))
|
|
||||||
.end()
|
|
||||||
.eq(5)
|
|
||||||
.val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10))
|
|
||||||
.get(0),
|
|
||||||
[ev.data.preview]
|
|
||||||
);
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
upSelector = function (ev) {
|
|
||||||
fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
|
|
||||||
fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
|
|
||||||
$(document).unbind('mouseup', upSelector);
|
|
||||||
$(document).unbind('mousemove', moveSelector);
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
enterSubmit = function (ev) {
|
|
||||||
$(this).addClass('colorpicker_focus');
|
|
||||||
},
|
|
||||||
leaveSubmit = function (ev) {
|
|
||||||
$(this).removeClass('colorpicker_focus');
|
|
||||||
},
|
|
||||||
clickSubmit = function (ev) {
|
|
||||||
var cal = $(this).parent();
|
|
||||||
var col = cal.data('colorpicker').color;
|
|
||||||
cal.data('colorpicker').origColor = col;
|
|
||||||
setCurrentColor(col, cal.get(0));
|
|
||||||
cal.data('colorpicker').onSubmit(col, HSBToHex(col), HSBToRGB(col), cal.data('colorpicker').el);
|
|
||||||
},
|
|
||||||
show = function (ev) {
|
|
||||||
var cal = $('#' + $(this).data('colorpickerId'));
|
|
||||||
cal.data('colorpicker').onBeforeShow.apply(this, [cal.get(0)]);
|
|
||||||
var pos = $(this).offset();
|
|
||||||
var viewPort = getViewport();
|
|
||||||
var top = pos.top + this.offsetHeight;
|
|
||||||
var left = pos.left;
|
|
||||||
if (top + 176 > viewPort.t + viewPort.h) {
|
|
||||||
top -= this.offsetHeight + 176;
|
|
||||||
}
|
|
||||||
if (left + 356 > viewPort.l + viewPort.w) {
|
|
||||||
left -= 356;
|
|
||||||
}
|
|
||||||
cal.css({left: left + 'px', top: top + 'px'});
|
|
||||||
if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) {
|
|
||||||
cal.show();
|
|
||||||
}
|
|
||||||
$(document).bind('mousedown', {cal: cal}, hide);
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
hide = function (ev) {
|
|
||||||
if (!isChildOf(ev.data.cal.get(0), ev.target, ev.data.cal.get(0))) {
|
|
||||||
if (ev.data.cal.data('colorpicker').onHide.apply(this, [ev.data.cal.get(0)]) != false) {
|
|
||||||
ev.data.cal.hide();
|
|
||||||
}
|
|
||||||
$(document).unbind('mousedown', hide);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isChildOf = function(parentEl, el, container) {
|
|
||||||
if (parentEl == el) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (parentEl.contains) {
|
|
||||||
return parentEl.contains(el);
|
|
||||||
}
|
|
||||||
if ( parentEl.compareDocumentPosition ) {
|
|
||||||
return !!(parentEl.compareDocumentPosition(el) & 16);
|
|
||||||
}
|
|
||||||
var prEl = el.parentNode;
|
|
||||||
while(prEl && prEl != container) {
|
|
||||||
if (prEl == parentEl)
|
|
||||||
return true;
|
|
||||||
prEl = prEl.parentNode;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
getViewport = function () {
|
|
||||||
var m = document.compatMode == 'CSS1Compat';
|
|
||||||
return {
|
|
||||||
l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft),
|
|
||||||
t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop),
|
|
||||||
w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth),
|
|
||||||
h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight)
|
|
||||||
};
|
|
||||||
},
|
|
||||||
fixHSB = function (hsb) {
|
|
||||||
return {
|
|
||||||
h: Math.min(360, Math.max(0, hsb.h)),
|
|
||||||
s: Math.min(100, Math.max(0, hsb.s)),
|
|
||||||
b: Math.min(100, Math.max(0, hsb.b))
|
|
||||||
};
|
|
||||||
},
|
|
||||||
fixRGB = function (rgb) {
|
|
||||||
return {
|
|
||||||
r: Math.min(255, Math.max(0, rgb.r)),
|
|
||||||
g: Math.min(255, Math.max(0, rgb.g)),
|
|
||||||
b: Math.min(255, Math.max(0, rgb.b))
|
|
||||||
};
|
|
||||||
},
|
|
||||||
fixHex = function (hex) {
|
|
||||||
var len = 6 - hex.length;
|
|
||||||
if (len > 0) {
|
|
||||||
var o = [];
|
|
||||||
for (var i=0; i<len; i++) {
|
|
||||||
o.push('0');
|
|
||||||
}
|
|
||||||
o.push(hex);
|
|
||||||
hex = o.join('');
|
|
||||||
}
|
|
||||||
return hex;
|
|
||||||
},
|
|
||||||
HexToRGB = function (hex) {
|
|
||||||
var hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
|
|
||||||
return {r: hex >> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)};
|
|
||||||
},
|
|
||||||
HexToHSB = function (hex) {
|
|
||||||
return RGBToHSB(HexToRGB(hex));
|
|
||||||
},
|
|
||||||
RGBToHSB = function (rgb) {
|
|
||||||
var hsb = {
|
|
||||||
h: 0,
|
|
||||||
s: 0,
|
|
||||||
b: 0
|
|
||||||
};
|
|
||||||
var min = Math.min(rgb.r, rgb.g, rgb.b);
|
|
||||||
var max = Math.max(rgb.r, rgb.g, rgb.b);
|
|
||||||
var delta = max - min;
|
|
||||||
hsb.b = max;
|
|
||||||
if (max != 0) {
|
|
||||||
|
|
||||||
}
|
|
||||||
hsb.s = max != 0 ? 255 * delta / max : 0;
|
|
||||||
if (hsb.s != 0) {
|
|
||||||
if (rgb.r == max) {
|
|
||||||
hsb.h = (rgb.g - rgb.b) / delta;
|
|
||||||
} else if (rgb.g == max) {
|
|
||||||
hsb.h = 2 + (rgb.b - rgb.r) / delta;
|
|
||||||
} else {
|
|
||||||
hsb.h = 4 + (rgb.r - rgb.g) / delta;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
hsb.h = -1;
|
|
||||||
}
|
|
||||||
hsb.h *= 60;
|
|
||||||
if (hsb.h < 0) {
|
|
||||||
hsb.h += 360;
|
|
||||||
}
|
|
||||||
hsb.s *= 100/255;
|
|
||||||
hsb.b *= 100/255;
|
|
||||||
return hsb;
|
|
||||||
},
|
|
||||||
HSBToRGB = function (hsb) {
|
|
||||||
var rgb = {};
|
|
||||||
var h = Math.round(hsb.h);
|
|
||||||
var s = Math.round(hsb.s*255/100);
|
|
||||||
var v = Math.round(hsb.b*255/100);
|
|
||||||
if(s == 0) {
|
|
||||||
rgb.r = rgb.g = rgb.b = v;
|
|
||||||
} else {
|
|
||||||
var t1 = v;
|
|
||||||
var t2 = (255-s)*v/255;
|
|
||||||
var t3 = (t1-t2)*(h%60)/60;
|
|
||||||
if(h==360) h = 0;
|
|
||||||
if(h<60) {rgb.r=t1; rgb.b=t2; rgb.g=t2+t3}
|
|
||||||
else if(h<120) {rgb.g=t1; rgb.b=t2; rgb.r=t1-t3}
|
|
||||||
else if(h<180) {rgb.g=t1; rgb.r=t2; rgb.b=t2+t3}
|
|
||||||
else if(h<240) {rgb.b=t1; rgb.r=t2; rgb.g=t1-t3}
|
|
||||||
else if(h<300) {rgb.b=t1; rgb.g=t2; rgb.r=t2+t3}
|
|
||||||
else if(h<360) {rgb.r=t1; rgb.g=t2; rgb.b=t1-t3}
|
|
||||||
else {rgb.r=0; rgb.g=0; rgb.b=0}
|
|
||||||
}
|
|
||||||
return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)};
|
|
||||||
},
|
|
||||||
RGBToHex = function (rgb) {
|
|
||||||
var hex = [
|
|
||||||
rgb.r.toString(16),
|
|
||||||
rgb.g.toString(16),
|
|
||||||
rgb.b.toString(16)
|
|
||||||
];
|
|
||||||
$.each(hex, function (nr, val) {
|
|
||||||
if (val.length == 1) {
|
|
||||||
hex[nr] = '0' + val;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return hex.join('');
|
|
||||||
},
|
|
||||||
HSBToHex = function (hsb) {
|
|
||||||
return RGBToHex(HSBToRGB(hsb));
|
|
||||||
},
|
|
||||||
restoreOriginal = function () {
|
|
||||||
var cal = $(this).parent();
|
|
||||||
var col = cal.data('colorpicker').origColor;
|
|
||||||
cal.data('colorpicker').color = col;
|
|
||||||
fillRGBFields(col, cal.get(0));
|
|
||||||
fillHexFields(col, cal.get(0));
|
|
||||||
fillHSBFields(col, cal.get(0));
|
|
||||||
setSelector(col, cal.get(0));
|
|
||||||
setHue(col, cal.get(0));
|
|
||||||
setNewColor(col, cal.get(0));
|
|
||||||
};
|
|
||||||
return {
|
|
||||||
init: function (opt) {
|
|
||||||
opt = $.extend({}, defaults, opt||{});
|
|
||||||
if (typeof opt.color == 'string') {
|
|
||||||
opt.color = HexToHSB(opt.color);
|
|
||||||
} else if (opt.color.r != undefined && opt.color.g != undefined && opt.color.b != undefined) {
|
|
||||||
opt.color = RGBToHSB(opt.color);
|
|
||||||
} else if (opt.color.h != undefined && opt.color.s != undefined && opt.color.b != undefined) {
|
|
||||||
opt.color = fixHSB(opt.color);
|
|
||||||
} else {
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
return this.each(function () {
|
|
||||||
if (!$(this).data('colorpickerId')) {
|
|
||||||
var options = $.extend({}, opt);
|
|
||||||
options.origColor = opt.color;
|
|
||||||
var id = 'collorpicker_' + parseInt(Math.random() * 1000);
|
|
||||||
$(this).data('colorpickerId', id);
|
|
||||||
var cal = $(tpl).attr('id', id);
|
|
||||||
if (options.flat) {
|
|
||||||
cal.appendTo(this).show();
|
|
||||||
} else {
|
|
||||||
cal.appendTo(document.body);
|
|
||||||
}
|
|
||||||
options.fields = cal
|
|
||||||
.find('input')
|
|
||||||
.bind('keyup', keyDown)
|
|
||||||
.bind('change', change)
|
|
||||||
.bind('blur', blur)
|
|
||||||
.bind('focus', focus);
|
|
||||||
cal
|
|
||||||
.find('span').bind('mousedown', downIncrement).end()
|
|
||||||
.find('>div.colorpicker_current_color').bind('click', restoreOriginal);
|
|
||||||
options.selector = cal.find('div.colorpicker_color').bind('mousedown', downSelector);
|
|
||||||
options.selectorIndic = options.selector.find('div div');
|
|
||||||
options.el = this;
|
|
||||||
options.hue = cal.find('div.colorpicker_hue div');
|
|
||||||
cal.find('div.colorpicker_hue').bind('mousedown', downHue);
|
|
||||||
options.newColor = cal.find('div.colorpicker_new_color');
|
|
||||||
options.currentColor = cal.find('div.colorpicker_current_color');
|
|
||||||
cal.data('colorpicker', options);
|
|
||||||
cal.find('div.colorpicker_submit')
|
|
||||||
.bind('mouseenter', enterSubmit)
|
|
||||||
.bind('mouseleave', leaveSubmit)
|
|
||||||
.bind('click', clickSubmit);
|
|
||||||
fillRGBFields(options.color, cal.get(0));
|
|
||||||
fillHSBFields(options.color, cal.get(0));
|
|
||||||
fillHexFields(options.color, cal.get(0));
|
|
||||||
setHue(options.color, cal.get(0));
|
|
||||||
setSelector(options.color, cal.get(0));
|
|
||||||
setCurrentColor(options.color, cal.get(0));
|
|
||||||
setNewColor(options.color, cal.get(0));
|
|
||||||
if (options.flat) {
|
|
||||||
cal.css({
|
|
||||||
position: 'relative',
|
|
||||||
display: 'block'
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
$(this).bind(options.eventName, show);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
showPicker: function() {
|
|
||||||
return this.each( function () {
|
|
||||||
if ($(this).data('colorpickerId')) {
|
|
||||||
show.apply(this);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
hidePicker: function() {
|
|
||||||
return this.each( function () {
|
|
||||||
if ($(this).data('colorpickerId')) {
|
|
||||||
$('#' + $(this).data('colorpickerId')).hide();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
setColor: function(col) {
|
|
||||||
if (typeof col == 'string') {
|
|
||||||
col = HexToHSB(col);
|
|
||||||
} else if (col.r != undefined && col.g != undefined && col.b != undefined) {
|
|
||||||
col = RGBToHSB(col);
|
|
||||||
} else if (col.h != undefined && col.s != undefined && col.b != undefined) {
|
|
||||||
col = fixHSB(col);
|
|
||||||
} else {
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
return this.each(function(){
|
|
||||||
if ($(this).data('colorpickerId')) {
|
|
||||||
var cal = $('#' + $(this).data('colorpickerId'));
|
|
||||||
cal.data('colorpicker').color = col;
|
|
||||||
cal.data('colorpicker').origColor = col;
|
|
||||||
fillRGBFields(col, cal.get(0));
|
|
||||||
fillHSBFields(col, cal.get(0));
|
|
||||||
fillHexFields(col, cal.get(0));
|
|
||||||
setHue(col, cal.get(0));
|
|
||||||
setSelector(col, cal.get(0));
|
|
||||||
setCurrentColor(col, cal.get(0));
|
|
||||||
setNewColor(col, cal.get(0));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}();
|
|
||||||
$.fn.extend({
|
|
||||||
ColorPicker: ColorPicker.init,
|
|
||||||
ColorPickerHide: ColorPicker.hidePicker,
|
|
||||||
ColorPickerShow: ColorPicker.showPicker,
|
|
||||||
ColorPickerSetColor: ColorPicker.setColor
|
|
||||||
});
|
|
||||||
})(jQuery)
|
|
||||||
34
resources/www/vendors/colorpicker/js/eye.js
vendored
34
resources/www/vendors/colorpicker/js/eye.js
vendored
@@ -1,34 +0,0 @@
|
|||||||
/**
|
|
||||||
*
|
|
||||||
* Zoomimage
|
|
||||||
* Author: Stefan Petre www.eyecon.ro
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
(function($){
|
|
||||||
var EYE = window.EYE = function() {
|
|
||||||
var _registered = {
|
|
||||||
init: []
|
|
||||||
};
|
|
||||||
return {
|
|
||||||
init: function() {
|
|
||||||
$.each(_registered.init, function(nr, fn){
|
|
||||||
fn.call();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
extend: function(prop) {
|
|
||||||
for (var i in prop) {
|
|
||||||
if (prop[i] != undefined) {
|
|
||||||
this[i] = prop[i];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
register: function(fn, type) {
|
|
||||||
if (!_registered[type]) {
|
|
||||||
_registered[type] = [];
|
|
||||||
}
|
|
||||||
_registered[type].push(fn);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}();
|
|
||||||
$(EYE.init);
|
|
||||||
})(jQuery);
|
|
||||||
67
resources/www/vendors/colorpicker/js/layout.js
vendored
67
resources/www/vendors/colorpicker/js/layout.js
vendored
@@ -1,67 +0,0 @@
|
|||||||
(function($){
|
|
||||||
var initLayout = function() {
|
|
||||||
var hash = window.location.hash.replace('#', '');
|
|
||||||
var currentTab = $('ul.navigationTabs a')
|
|
||||||
.bind('click', showTab)
|
|
||||||
.filter('a[rel=' + hash + ']');
|
|
||||||
if (currentTab.size() == 0) {
|
|
||||||
currentTab = $('ul.navigationTabs a:first');
|
|
||||||
}
|
|
||||||
showTab.apply(currentTab.get(0));
|
|
||||||
$('#colorpickerHolder').ColorPicker({flat: true});
|
|
||||||
$('#colorpickerHolder2').ColorPicker({
|
|
||||||
flat: true,
|
|
||||||
color: '#00ff00',
|
|
||||||
onSubmit: function(hsb, hex, rgb) {
|
|
||||||
$('#colorSelector2 div').css('backgroundColor', '#' + hex);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$('#colorpickerHolder2>div').css('position', 'absolute');
|
|
||||||
var widt = false;
|
|
||||||
$('#colorSelector2').bind('click', function() {
|
|
||||||
$('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);
|
|
||||||
widt = !widt;
|
|
||||||
});
|
|
||||||
$('#colorpickerField1, #colorpickerField2, #colorpickerField3').ColorPicker({
|
|
||||||
onSubmit: function(hsb, hex, rgb, el) {
|
|
||||||
$(el).val(hex);
|
|
||||||
$(el).ColorPickerHide();
|
|
||||||
},
|
|
||||||
onBeforeShow: function () {
|
|
||||||
$(this).ColorPickerSetColor(this.value);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.bind('keyup', function(){
|
|
||||||
$(this).ColorPickerSetColor(this.value);
|
|
||||||
});
|
|
||||||
$('#colorSelector').ColorPicker({
|
|
||||||
color: '#0000ff',
|
|
||||||
onShow: function (colpkr) {
|
|
||||||
$(colpkr).fadeIn(500);
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
onHide: function (colpkr) {
|
|
||||||
$(colpkr).fadeOut(500);
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
onChange: function (hsb, hex, rgb) {
|
|
||||||
$('#colorSelector div').css('backgroundColor', '#' + hex);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
var showTab = function(e) {
|
|
||||||
var tabIndex = $('ul.navigationTabs a')
|
|
||||||
.removeClass('active')
|
|
||||||
.index(this);
|
|
||||||
$(this)
|
|
||||||
.addClass('active')
|
|
||||||
.blur();
|
|
||||||
$('div.tab')
|
|
||||||
.hide()
|
|
||||||
.eq(tabIndex)
|
|
||||||
.show();
|
|
||||||
};
|
|
||||||
|
|
||||||
EYE.register(initLayout, 'init');
|
|
||||||
})(jQuery)
|
|
||||||
252
resources/www/vendors/colorpicker/js/utils.js
vendored
252
resources/www/vendors/colorpicker/js/utils.js
vendored
@@ -1,252 +0,0 @@
|
|||||||
/**
|
|
||||||
*
|
|
||||||
* Utilities
|
|
||||||
* Author: Stefan Petre www.eyecon.ro
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
(function($) {
|
|
||||||
EYE.extend({
|
|
||||||
getPosition : function(e, forceIt)
|
|
||||||
{
|
|
||||||
var x = 0;
|
|
||||||
var y = 0;
|
|
||||||
var es = e.style;
|
|
||||||
var restoreStyles = false;
|
|
||||||
if (forceIt && jQuery.curCSS(e,'display') == 'none') {
|
|
||||||
var oldVisibility = es.visibility;
|
|
||||||
var oldPosition = es.position;
|
|
||||||
restoreStyles = true;
|
|
||||||
es.visibility = 'hidden';
|
|
||||||
es.display = 'block';
|
|
||||||
es.position = 'absolute';
|
|
||||||
}
|
|
||||||
var el = e;
|
|
||||||
if (el.getBoundingClientRect) { // IE
|
|
||||||
var box = el.getBoundingClientRect();
|
|
||||||
x = box.left + Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) - 2;
|
|
||||||
y = box.top + Math.max(document.documentElement.scrollTop, document.body.scrollTop) - 2;
|
|
||||||
} else {
|
|
||||||
x = el.offsetLeft;
|
|
||||||
y = el.offsetTop;
|
|
||||||
el = el.offsetParent;
|
|
||||||
if (e != el) {
|
|
||||||
while (el) {
|
|
||||||
x += el.offsetLeft;
|
|
||||||
y += el.offsetTop;
|
|
||||||
el = el.offsetParent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (jQuery.browser.safari && jQuery.curCSS(e, 'position') == 'absolute' ) {
|
|
||||||
x -= document.body.offsetLeft;
|
|
||||||
y -= document.body.offsetTop;
|
|
||||||
}
|
|
||||||
el = e.parentNode;
|
|
||||||
while (el && el.tagName.toUpperCase() != 'BODY' && el.tagName.toUpperCase() != 'HTML')
|
|
||||||
{
|
|
||||||
if (jQuery.curCSS(el, 'display') != 'inline') {
|
|
||||||
x -= el.scrollLeft;
|
|
||||||
y -= el.scrollTop;
|
|
||||||
}
|
|
||||||
el = el.parentNode;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (restoreStyles == true) {
|
|
||||||
es.display = 'none';
|
|
||||||
es.position = oldPosition;
|
|
||||||
es.visibility = oldVisibility;
|
|
||||||
}
|
|
||||||
return {x:x, y:y};
|
|
||||||
},
|
|
||||||
getSize : function(e)
|
|
||||||
{
|
|
||||||
var w = parseInt(jQuery.curCSS(e,'width'), 10);
|
|
||||||
var h = parseInt(jQuery.curCSS(e,'height'), 10);
|
|
||||||
var wb = 0;
|
|
||||||
var hb = 0;
|
|
||||||
if (jQuery.curCSS(e, 'display') != 'none') {
|
|
||||||
wb = e.offsetWidth;
|
|
||||||
hb = e.offsetHeight;
|
|
||||||
} else {
|
|
||||||
var es = e.style;
|
|
||||||
var oldVisibility = es.visibility;
|
|
||||||
var oldPosition = es.position;
|
|
||||||
es.visibility = 'hidden';
|
|
||||||
es.display = 'block';
|
|
||||||
es.position = 'absolute';
|
|
||||||
wb = e.offsetWidth;
|
|
||||||
hb = e.offsetHeight;
|
|
||||||
es.display = 'none';
|
|
||||||
es.position = oldPosition;
|
|
||||||
es.visibility = oldVisibility;
|
|
||||||
}
|
|
||||||
return {w:w, h:h, wb:wb, hb:hb};
|
|
||||||
},
|
|
||||||
getClient : function(e)
|
|
||||||
{
|
|
||||||
var h, w;
|
|
||||||
if (e) {
|
|
||||||
w = e.clientWidth;
|
|
||||||
h = e.clientHeight;
|
|
||||||
} else {
|
|
||||||
var de = document.documentElement;
|
|
||||||
w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
|
|
||||||
h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
|
|
||||||
}
|
|
||||||
return {w:w,h:h};
|
|
||||||
},
|
|
||||||
getScroll : function (e)
|
|
||||||
{
|
|
||||||
var t=0, l=0, w=0, h=0, iw=0, ih=0;
|
|
||||||
if (e && e.nodeName.toLowerCase() != 'body') {
|
|
||||||
t = e.scrollTop;
|
|
||||||
l = e.scrollLeft;
|
|
||||||
w = e.scrollWidth;
|
|
||||||
h = e.scrollHeight;
|
|
||||||
} else {
|
|
||||||
if (document.documentElement) {
|
|
||||||
t = document.documentElement.scrollTop;
|
|
||||||
l = document.documentElement.scrollLeft;
|
|
||||||
w = document.documentElement.scrollWidth;
|
|
||||||
h = document.documentElement.scrollHeight;
|
|
||||||
} else if (document.body) {
|
|
||||||
t = document.body.scrollTop;
|
|
||||||
l = document.body.scrollLeft;
|
|
||||||
w = document.body.scrollWidth;
|
|
||||||
h = document.body.scrollHeight;
|
|
||||||
}
|
|
||||||
if (typeof pageYOffset != 'undefined') {
|
|
||||||
t = pageYOffset;
|
|
||||||
l = pageXOffset;
|
|
||||||
}
|
|
||||||
iw = self.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0;
|
|
||||||
ih = self.innerHeight||document.documentElement.clientHeight||document.body.clientHeight||0;
|
|
||||||
}
|
|
||||||
return { t: t, l: l, w: w, h: h, iw: iw, ih: ih };
|
|
||||||
},
|
|
||||||
getMargins : function(e, toInteger)
|
|
||||||
{
|
|
||||||
var t = jQuery.curCSS(e,'marginTop') || '';
|
|
||||||
var r = jQuery.curCSS(e,'marginRight') || '';
|
|
||||||
var b = jQuery.curCSS(e,'marginBottom') || '';
|
|
||||||
var l = jQuery.curCSS(e,'marginLeft') || '';
|
|
||||||
if (toInteger)
|
|
||||||
return {
|
|
||||||
t: parseInt(t, 10)||0,
|
|
||||||
r: parseInt(r, 10)||0,
|
|
||||||
b: parseInt(b, 10)||0,
|
|
||||||
l: parseInt(l, 10)
|
|
||||||
};
|
|
||||||
else
|
|
||||||
return {t: t, r: r, b: b, l: l};
|
|
||||||
},
|
|
||||||
getPadding : function(e, toInteger)
|
|
||||||
{
|
|
||||||
var t = jQuery.curCSS(e,'paddingTop') || '';
|
|
||||||
var r = jQuery.curCSS(e,'paddingRight') || '';
|
|
||||||
var b = jQuery.curCSS(e,'paddingBottom') || '';
|
|
||||||
var l = jQuery.curCSS(e,'paddingLeft') || '';
|
|
||||||
if (toInteger)
|
|
||||||
return {
|
|
||||||
t: parseInt(t, 10)||0,
|
|
||||||
r: parseInt(r, 10)||0,
|
|
||||||
b: parseInt(b, 10)||0,
|
|
||||||
l: parseInt(l, 10)
|
|
||||||
};
|
|
||||||
else
|
|
||||||
return {t: t, r: r, b: b, l: l};
|
|
||||||
},
|
|
||||||
getBorder : function(e, toInteger)
|
|
||||||
{
|
|
||||||
var t = jQuery.curCSS(e,'borderTopWidth') || '';
|
|
||||||
var r = jQuery.curCSS(e,'borderRightWidth') || '';
|
|
||||||
var b = jQuery.curCSS(e,'borderBottomWidth') || '';
|
|
||||||
var l = jQuery.curCSS(e,'borderLeftWidth') || '';
|
|
||||||
if (toInteger)
|
|
||||||
return {
|
|
||||||
t: parseInt(t, 10)||0,
|
|
||||||
r: parseInt(r, 10)||0,
|
|
||||||
b: parseInt(b, 10)||0,
|
|
||||||
l: parseInt(l, 10)||0
|
|
||||||
};
|
|
||||||
else
|
|
||||||
return {t: t, r: r, b: b, l: l};
|
|
||||||
},
|
|
||||||
traverseDOM : function(nodeEl, func)
|
|
||||||
{
|
|
||||||
func(nodeEl);
|
|
||||||
nodeEl = nodeEl.firstChild;
|
|
||||||
while(nodeEl){
|
|
||||||
EYE.traverseDOM(nodeEl, func);
|
|
||||||
nodeEl = nodeEl.nextSibling;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getInnerWidth : function(el, scroll) {
|
|
||||||
var offsetW = el.offsetWidth;
|
|
||||||
return scroll ? Math.max(el.scrollWidth,offsetW) - offsetW + el.clientWidth:el.clientWidth;
|
|
||||||
},
|
|
||||||
getInnerHeight : function(el, scroll) {
|
|
||||||
var offsetH = el.offsetHeight;
|
|
||||||
return scroll ? Math.max(el.scrollHeight,offsetH) - offsetH + el.clientHeight:el.clientHeight;
|
|
||||||
},
|
|
||||||
getExtraWidth : function(el) {
|
|
||||||
if($.boxModel)
|
|
||||||
return (parseInt($.curCSS(el, 'paddingLeft'))||0)
|
|
||||||
+ (parseInt($.curCSS(el, 'paddingRight'))||0)
|
|
||||||
+ (parseInt($.curCSS(el, 'borderLeftWidth'))||0)
|
|
||||||
+ (parseInt($.curCSS(el, 'borderRightWidth'))||0);
|
|
||||||
return 0;
|
|
||||||
},
|
|
||||||
getExtraHeight : function(el) {
|
|
||||||
if($.boxModel)
|
|
||||||
return (parseInt($.curCSS(el, 'paddingTop'))||0)
|
|
||||||
+ (parseInt($.curCSS(el, 'paddingBottom'))||0)
|
|
||||||
+ (parseInt($.curCSS(el, 'borderTopWidth'))||0)
|
|
||||||
+ (parseInt($.curCSS(el, 'borderBottomWidth'))||0);
|
|
||||||
return 0;
|
|
||||||
},
|
|
||||||
isChildOf: function(parentEl, el, container) {
|
|
||||||
if (parentEl == el) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (!el || !el.nodeType || el.nodeType != 1) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (parentEl.contains && !$.browser.safari) {
|
|
||||||
return parentEl.contains(el);
|
|
||||||
}
|
|
||||||
if ( parentEl.compareDocumentPosition ) {
|
|
||||||
return !!(parentEl.compareDocumentPosition(el) & 16);
|
|
||||||
}
|
|
||||||
var prEl = el.parentNode;
|
|
||||||
while(prEl && prEl != container) {
|
|
||||||
if (prEl == parentEl)
|
|
||||||
return true;
|
|
||||||
prEl = prEl.parentNode;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
centerEl : function(el, axis)
|
|
||||||
{
|
|
||||||
var clientScroll = EYE.getScroll();
|
|
||||||
var size = EYE.getSize(el);
|
|
||||||
if (!axis || axis == 'vertically')
|
|
||||||
$(el).css(
|
|
||||||
{
|
|
||||||
top: clientScroll.t + ((Math.min(clientScroll.h,clientScroll.ih) - size.hb)/2) + 'px'
|
|
||||||
}
|
|
||||||
);
|
|
||||||
if (!axis || axis == 'horizontally')
|
|
||||||
$(el).css(
|
|
||||||
{
|
|
||||||
left: clientScroll.l + ((Math.min(clientScroll.w,clientScroll.iw) - size.wb)/2) + 'px'
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (!$.easing.easeout) {
|
|
||||||
$.easing.easeout = function(p, n, firstNum, delta, duration) {
|
|
||||||
return -delta * ((n=n/duration-1)*n*n*n - 1) + firstNum;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1,162 +0,0 @@
|
|||||||
$colorPickerImagesPath: '/assets/vendors/colorpicker/images/' !default;
|
|
||||||
.colorpicker {
|
|
||||||
width: 356px;
|
|
||||||
height: 176px;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
background: url('#{$colorPickerImagesPath}colorpicker_background.png');
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.colorpicker_color {
|
|
||||||
width: 150px;
|
|
||||||
height: 150px;
|
|
||||||
left: 14px;
|
|
||||||
top: 13px;
|
|
||||||
position: absolute;
|
|
||||||
background: #f00;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: crosshair;
|
|
||||||
}
|
|
||||||
.colorpicker_color div {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 150px;
|
|
||||||
height: 150px;
|
|
||||||
background: url('#{$colorPickerImagesPath}colorpicker_overlay.png');
|
|
||||||
}
|
|
||||||
.colorpicker_color div div {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 11px;
|
|
||||||
height: 11px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: url('#{$colorPickerImagesPath}colorpicker_select.gif');
|
|
||||||
margin: -5px 0 0 -5px;
|
|
||||||
}
|
|
||||||
.colorpicker_hue {
|
|
||||||
position: absolute;
|
|
||||||
top: 13px;
|
|
||||||
left: 171px;
|
|
||||||
width: 35px;
|
|
||||||
height: 150px;
|
|
||||||
cursor: n-resize;
|
|
||||||
}
|
|
||||||
.colorpicker_hue div {
|
|
||||||
position: absolute;
|
|
||||||
width: 35px;
|
|
||||||
height: 9px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: url('#{$colorPickerImagesPath}colorpicker_indic.gif') left top;
|
|
||||||
margin: -4px 0 0 0;
|
|
||||||
left: 0px;
|
|
||||||
}
|
|
||||||
.colorpicker_new_color {
|
|
||||||
position: absolute;
|
|
||||||
width: 60px;
|
|
||||||
height: 30px;
|
|
||||||
left: 213px;
|
|
||||||
top: 13px;
|
|
||||||
background: #f00;
|
|
||||||
}
|
|
||||||
.colorpicker_current_color {
|
|
||||||
position: absolute;
|
|
||||||
width: 60px;
|
|
||||||
height: 30px;
|
|
||||||
left: 283px;
|
|
||||||
top: 13px;
|
|
||||||
background: #f00;
|
|
||||||
}
|
|
||||||
.colorpicker input {
|
|
||||||
background-color: transparent;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 10px;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
color: #898989;
|
|
||||||
top: 4px;
|
|
||||||
right: 11px;
|
|
||||||
text-align: right;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
height: 11px;
|
|
||||||
}
|
|
||||||
.colorpicker_hex {
|
|
||||||
position: absolute;
|
|
||||||
width: 72px;
|
|
||||||
height: 22px;
|
|
||||||
background: url('#{$colorPickerImagesPath}colorpicker_hex.png') top;
|
|
||||||
left: 212px;
|
|
||||||
top: 142px;
|
|
||||||
}
|
|
||||||
.colorpicker_hex input {
|
|
||||||
right: 6px;
|
|
||||||
}
|
|
||||||
.colorpicker_field {
|
|
||||||
height: 22px;
|
|
||||||
width: 62px;
|
|
||||||
background-position: top;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
.colorpicker_field span {
|
|
||||||
position: absolute;
|
|
||||||
width: 12px;
|
|
||||||
height: 22px;
|
|
||||||
overflow: hidden;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
cursor: n-resize;
|
|
||||||
}
|
|
||||||
.colorpicker_rgb_r {
|
|
||||||
background-image: url('#{$colorPickerImagesPath}colorpicker_rgb_r.png');
|
|
||||||
top: 52px;
|
|
||||||
left: 212px;
|
|
||||||
}
|
|
||||||
.colorpicker_rgb_g {
|
|
||||||
background-image: url('#{$colorPickerImagesPath}colorpicker_rgb_g.png');
|
|
||||||
top: 82px;
|
|
||||||
left: 212px;
|
|
||||||
}
|
|
||||||
.colorpicker_rgb_b {
|
|
||||||
background-image: url('#{$colorPickerImagesPath}colorpicker_rgb_b.png');
|
|
||||||
top: 112px;
|
|
||||||
left: 212px;
|
|
||||||
}
|
|
||||||
.colorpicker_hsb_h {
|
|
||||||
background-image: url('#{$colorPickerImagesPath}colorpicker_hsb_h.png');
|
|
||||||
top: 52px;
|
|
||||||
left: 282px;
|
|
||||||
}
|
|
||||||
.colorpicker_hsb_s {
|
|
||||||
background-image: url('#{$colorPickerImagesPath}colorpicker_hsb_s.png');
|
|
||||||
top: 82px;
|
|
||||||
left: 282px;
|
|
||||||
}
|
|
||||||
.colorpicker_hsb_b {
|
|
||||||
background-image: url('#{$colorPickerImagesPath}colorpicker_hsb_b.png');
|
|
||||||
top: 112px;
|
|
||||||
left: 282px;
|
|
||||||
}
|
|
||||||
.colorpicker_submit {
|
|
||||||
position: absolute;
|
|
||||||
width: 22px;
|
|
||||||
height: 22px;
|
|
||||||
background: url('#{$colorPickerImagesPath}colorpicker_submit.png') top;
|
|
||||||
left: 322px;
|
|
||||||
top: 142px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.colorpicker_focus {
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
.colorpicker_hex.colorpicker_focus {
|
|
||||||
background-position: bottom;
|
|
||||||
}
|
|
||||||
.colorpicker_submit.colorpicker_focus {
|
|
||||||
background-position: bottom;
|
|
||||||
}
|
|
||||||
.colorpicker_slider {
|
|
||||||
background-position: bottom;
|
|
||||||
}
|
|
||||||
@@ -1,236 +0,0 @@
|
|||||||
/*
|
|
||||||
(function ($) {
|
|
||||||
|
|
||||||
var methods = {
|
|
||||||
init: function (options) {
|
|
||||||
var settings = {
|
|
||||||
'zoomable': false,
|
|
||||||
'display_full_screen': false
|
|
||||||
};
|
|
||||||
return this.each(function () {
|
|
||||||
|
|
||||||
var $this = $(this), data = $(this).data('image_enhance');
|
|
||||||
|
|
||||||
if (!data) {
|
|
||||||
if (options) {
|
|
||||||
$.extend(settings, options);
|
|
||||||
}
|
|
||||||
|
|
||||||
var wrapper = $('.thumb_wrapper', $(this));
|
|
||||||
var $image = $('img', $this);
|
|
||||||
|
|
||||||
wrapper.css('position', 'relative');
|
|
||||||
|
|
||||||
reset_position($this);
|
|
||||||
|
|
||||||
if (settings.display_full_screen) {
|
|
||||||
$image.parent()
|
|
||||||
.append('<div class="image_enhance_titlebar" style="display:none;">\n\
|
|
||||||
<div class="image_enhance_title_options"><span class="full"><img src="/assets/common/images/icons/fullscreen.gif" /></span></div>\n\
|
|
||||||
<div class="image_enhance_title_bg"></div></div>');
|
|
||||||
|
|
||||||
var $titlebar = $('.image_enhance_titlebar', $this);
|
|
||||||
|
|
||||||
$('.image_enhance_title_bg', $titlebar).css('opacity', 0.5);
|
|
||||||
|
|
||||||
$image.parent()
|
|
||||||
.bind('mouseover.image_enhance', function () {
|
|
||||||
$titlebar.stop().show().animate({
|
|
||||||
'height': 28
|
|
||||||
}, 150);
|
|
||||||
})
|
|
||||||
.bind('mouseout.image_enhance', function () {
|
|
||||||
$titlebar.stop().animate({
|
|
||||||
'height': 0
|
|
||||||
}, 150, function () {
|
|
||||||
$titlebar.hide()
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.image_enhance_titlebar .full', wrapper).bind('click.image_enhance', function () {
|
|
||||||
$('body').append('<div class="image_enhance_theatre">\n\
|
|
||||||
\n\
|
|
||||||
<div class="image_enhance_theatre_closer_wrapper"><span class="closer">close</span></div>\n\
|
|
||||||
<img style="width:' + image_width + 'px;height:' + image_height + '" src="' + $image.attr('src') + '"/>\n\
|
|
||||||
</div>');
|
|
||||||
|
|
||||||
var $theatre = $('.image_enhance_theatre');
|
|
||||||
var $theatre_img = $('img', $theatre);
|
|
||||||
$(window).bind('resize.image_enhance dblclick.image_enhance', function (event) {
|
|
||||||
|
|
||||||
if (event.type == 'dblclick') {
|
|
||||||
$theatre_img.removeClass('zoomed');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if ($theatre_img.hasClass('zoomed'))
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var datas = calculate_sizes($(this).width(), $(this).height(), image_width, image_height, 80);
|
|
||||||
|
|
||||||
$theatre_img.width(datas.width).height(datas.height).css('top', datas.top).css('left', datas.left);
|
|
||||||
})
|
|
||||||
$(window).trigger('resize.image_enhance');
|
|
||||||
$('.closer', $theatre).bind('click.image_enhance', function () {
|
|
||||||
$theatre.remove();
|
|
||||||
});
|
|
||||||
|
|
||||||
if (typeof $theatre.disableSelection !== 'function' && window.console)
|
|
||||||
console.error('enhanced image require jquery UI\'s disableSelection');
|
|
||||||
$('img', $theatre).disableSelection();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
if (settings.zoomable) {
|
|
||||||
if (typeof $image.draggable !== 'function' && window.console)
|
|
||||||
console.error('zoomable require jquery UI\'s draggable');
|
|
||||||
|
|
||||||
if ($image.attr('ondragstart')) {
|
|
||||||
$image.removeAttr('ondragstart');
|
|
||||||
}
|
|
||||||
$image.draggable();
|
|
||||||
$image.css({
|
|
||||||
'max-width': 'none',
|
|
||||||
'max-height': 'none'
|
|
||||||
});
|
|
||||||
|
|
||||||
var image_width = parseInt($('input[name="width"]', $this).val());
|
|
||||||
var image_height = parseInt($('input[name="height"]', $this).val());
|
|
||||||
var ratio = image_width / image_height;
|
|
||||||
|
|
||||||
$this.bind('mousewheel',function (event, delta) {
|
|
||||||
$image.addClass('zoomed');
|
|
||||||
if (delta > 0) {
|
|
||||||
event.stopPropagation();
|
|
||||||
zoomPreview(true, ratio, $image, $(this));
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
event.stopPropagation();
|
|
||||||
zoomPreview(false, ratio, $image, $(this));
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}).bind('dblclick', function (event) {
|
|
||||||
reset_position($this);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$(this).data('image_enhance', {
|
|
||||||
width: image_width,
|
|
||||||
height: image_height
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
},
|
|
||||||
destroy: function () {
|
|
||||||
return this.each(function () {
|
|
||||||
$(this).data('image_enhance', null);
|
|
||||||
$('.image_enhance_titlebar, .image_enhance_theatre', this).remove();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
function zoomPreview(bool, ratio, $img, $container) {
|
|
||||||
if ($img.length === 0)
|
|
||||||
return;
|
|
||||||
|
|
||||||
var t1 = parseInt($img.css('top'));
|
|
||||||
var l1 = parseInt($img.css('left'));
|
|
||||||
var w1 = $img.width();
|
|
||||||
var h1 = $img.height();
|
|
||||||
|
|
||||||
var w2, t2;
|
|
||||||
|
|
||||||
if (bool) {
|
|
||||||
if ((w1 * 1.08) < 32767) {
|
|
||||||
w2 = w1 * 1.08;
|
|
||||||
} else {
|
|
||||||
w2 = w1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if ((w1 / 1.08) > 20) {
|
|
||||||
w2 = w1 / 1.08;
|
|
||||||
} else {
|
|
||||||
w2 = w1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var datas = $(this).data('image_enhance');
|
|
||||||
|
|
||||||
h2 = Math.round(w2 / ratio);
|
|
||||||
w2 = Math.round(w2);
|
|
||||||
|
|
||||||
t2 = Math.round(t1 - (h2 - h1) / 2) + 'px';
|
|
||||||
var l2 = Math.round(l1 - (w2 - w1) / 2) + 'px';
|
|
||||||
|
|
||||||
var wPreview = $container.width() / 2;
|
|
||||||
var hPreview = $container.height() / 2;
|
|
||||||
|
|
||||||
var nt = Math.round((h2 / h1) * (t1 - hPreview) + hPreview);
|
|
||||||
var nl = Math.round(((w2 / w1) * (l1 - wPreview)) + wPreview);
|
|
||||||
|
|
||||||
$img.css({
|
|
||||||
left: nl,
|
|
||||||
top: nt
|
|
||||||
}).width(w2).height(h2);
|
|
||||||
}
|
|
||||||
|
|
||||||
function calculate_sizes(window_width, window_height, image_width, image_height, border) {
|
|
||||||
if (typeof border !== 'number')
|
|
||||||
border = 0;
|
|
||||||
|
|
||||||
var width, height;
|
|
||||||
var ratio_display = window_width / window_height;
|
|
||||||
var ratio_image = image_width / image_height;
|
|
||||||
|
|
||||||
if (ratio_image > ratio_display) {
|
|
||||||
width = window_width - border;
|
|
||||||
height = Math.round(width / ratio_image);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
height = window_height - border;
|
|
||||||
width = Math.round(height * ratio_image);
|
|
||||||
}
|
|
||||||
|
|
||||||
var top = Math.round((window_height - height) / 2);
|
|
||||||
var left = Math.round((window_width - width ) / 2);
|
|
||||||
|
|
||||||
return {
|
|
||||||
top: top,
|
|
||||||
left: left,
|
|
||||||
width: width,
|
|
||||||
height: height
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function reset_position($this) {
|
|
||||||
var display_width = $this.width();
|
|
||||||
var display_height = $this.height();
|
|
||||||
var image_width = parseInt($('input[name="width"]', $this).val());
|
|
||||||
var image_height = parseInt($('input[name="height"]', $this).val());
|
|
||||||
|
|
||||||
var datas = calculate_sizes(display_width, display_height, image_width, image_height);
|
|
||||||
var $image = $('img', $this);
|
|
||||||
|
|
||||||
var top = Math.round((display_height - datas.height) / 2) + 'px';
|
|
||||||
var left = Math.round((display_width - datas.width) / 2) + 'px';
|
|
||||||
|
|
||||||
$image.width(datas.width).height(datas.height).css({top: top, left: left});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.image_enhance = function (method) {
|
|
||||||
|
|
||||||
if (methods[method]) {
|
|
||||||
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
|
||||||
} else if (typeof method === 'object' || !method) {
|
|
||||||
return methods.init.apply(this, arguments);
|
|
||||||
} else {
|
|
||||||
$.error('Method ' + method + ' does not exist on jQuery.image_enhance');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
};
|
|
||||||
})(jQuery);
|
|
||||||
*/
|
|
||||||
@@ -1,53 +0,0 @@
|
|||||||
|
|
||||||
.image_enhance_titlebar {
|
|
||||||
width: 100%;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image_enhance_title_options,
|
|
||||||
.image_enhance_title_bg {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 800;
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image_enhance_title_options {
|
|
||||||
background-color: transparent;
|
|
||||||
z-index: 900;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image_enhance_theatre {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: black;
|
|
||||||
z-index: 8000
|
|
||||||
}
|
|
||||||
|
|
||||||
.image_enhance_theatre_closer_wrapper {
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
right: 10px;
|
|
||||||
z-index: 8200;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image_enhance_theatre img {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 8100;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image_enhance_title_options span {
|
|
||||||
margin: 2px 5px;
|
|
||||||
float: right;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
@@ -66,13 +66,9 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block stylesheet %}
|
{% block stylesheet %}
|
||||||
<link type="text/css" rel="stylesheet" href="/assets/prod/css/prod{% if not app.debug %}.min{% endif %}.css">
|
{% if not app.debug %}<link type="text/css" rel="stylesheet" href="/assets/production/production.css">{% endif %}
|
||||||
<link id="skinCss" type="text/css" rel="stylesheet" href="/assets/prod/skins/{{ cssfile }}/skin-{{ cssfile }}{% if not app.debug %}.min{% endif %}.css">
|
<link id="skinCss" type="text/css" rel="stylesheet" href="/assets/prod/skins/{{ cssfile }}/skin-{{ cssfile }}{% if not app.debug %}.min{% endif %}.css">
|
||||||
<style title="color_selection" type="text/css">
|
<style title="color_selection" type="text/css">
|
||||||
/* .diapo.ui-selecting,#reorder_box .diapo.selecting, #EDIT_ALL .diapo.selecting, .list.selecting, .list.selecting .diapo {
|
|
||||||
color: #{{ app['settings'].getUserSetting(app.getAuthenticatedUser(), 'fontcolor-selection', 'FFFFFF') }};
|
|
||||||
background-color: #{{ app['settings'].getUserSetting(app.getAuthenticatedUser(), 'background-selection-disabled', '333333')}}};
|
|
||||||
}*/
|
|
||||||
.diapo.selected,#reorder_box .diapo.selected, #EDIT_ALL .diapo.selected, .list.selected, .list.selected .diapo {
|
.diapo.selected,#reorder_box .diapo.selected, #EDIT_ALL .diapo.selected, .list.selected, .list.selected .diapo {
|
||||||
color: {{"#" ~ app['settings'].getUserSetting(app.getAuthenticatedUser(), 'fontcolor-selection', 'FFFFFF')}};
|
color: {{"#" ~ app['settings'].getUserSetting(app.getAuthenticatedUser(), 'fontcolor-selection', 'FFFFFF')}};
|
||||||
background-color: {{"#" ~ app['settings'].getUserSetting(app.getAuthenticatedUser(), 'background-selection', '404040')}};
|
background-color: {{"#" ~ app['settings'].getUserSetting(app.getAuthenticatedUser(), 'background-selection', '404040')}};
|
||||||
@@ -787,5 +783,19 @@
|
|||||||
<div id="dialog_dwnl" title="{{ 'action : exporter' | trans }}" style="display:none;"></div>
|
<div id="dialog_dwnl" title="{{ 'action : exporter' | trans }}" style="display:none;"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function setCss(color) {
|
||||||
|
$("#skinCss").attr("href","/assets/production/css/skin-" + color + "{% if not app.debug %}.min{% endif %}.css");
|
||||||
|
$.post("{{ path('save_pref') }}", {
|
||||||
|
prop: "css",
|
||||||
|
value: color,
|
||||||
|
t: Math.random()
|
||||||
|
}, function(data){
|
||||||
|
return;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<script type="text/javascript" id="bitly_loader"></script>
|
<script type="text/javascript" id="bitly_loader"></script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user