diff --git a/.bowerrc b/.bowerrc index 93896b8083..764e156e8a 100644 --- a/.bowerrc +++ b/.bowerrc @@ -1,3 +1,3 @@ { - "directory" : "tmp-assets" + "directory" : "www/bower_components" } diff --git a/.gitignore b/.gitignore index 7e22a7b5a2..208178d22d 100644 --- a/.gitignore +++ b/.gitignore @@ -4,6 +4,7 @@ # Exclude javascript dependencies folder /www/assets +/www/bower_components /tmp-assets # Exclude thumbnails folder diff --git a/bower.json b/bower.json index 7c4b7aa8ba..939fce01d8 100644 --- a/bower.json +++ b/bower.json @@ -24,10 +24,8 @@ "tinymce": "~4.0", "jquery-galleria": "1.2.9", "jquery.cookie": "~1.4", - "when": "~2.7.0", "jquery.treeview": "1.4.1", "fancytree": "~2.7", - "joyride": "https://github.com/zurb/joyride/archive/v2.0.0.zip", "bootstrap-sass": "v2.3.2.2" }, "devDependencies": { @@ -40,7 +38,6 @@ "js-fixtures": "https://github.com/badunk/js-fixtures/archive/master.zip" }, "resolutions": { - "jquery": "1.8.3", - "bootstrap-sass": "v2.3.2.2" + "jquery": "1.8.3" } } diff --git a/lib/conf.d/minifyGroupsConfig.php b/lib/conf.d/minifyGroupsConfig.php index 0a67fa8ead..eed85f7104 100644 --- a/lib/conf.d/minifyGroupsConfig.php +++ b/lib/conf.d/minifyGroupsConfig.php @@ -27,20 +27,6 @@ $groups = [ '//assets/requirejs/require.js', '//scripts/apps/login/home/config.js' ], - 'client' => [ - '//assets/swfobject/swfobject.js' - , '//assets/jquery.ui/i18n/jquery-ui-i18n.js' - , '//assets/jquery.cookie/jquery.cookie.js' - , '//include/jquery.common.js' - , '//assets/json2/json2.js' - , '//include/jslibs/audio-player/audio-player-noswfobject.js' - , '//include/jslibs/jquery.form.2.49.js' - , '//skins/prod/jquery.Dialog.js' - , '//skins/client/jquery.p4client.1.0.js' - , '//include/jquery.tooltip.js' - , '//include/jquery.p4.preview.js' - , '//include/jquery.image_enhancer.js' - , '//include/jslibs/jquery.contextmenu_scroll.js'], 'admin' => [ '//assets/modernizr/modernizr.js' , '//assets/underscore-amd/underscore.js' diff --git a/package.json b/package.json index 58287f7e05..20e8114158 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,9 @@ "bower-files": "^3.11.3", "del": "^2.0.2", "gulp-concat": "^2.6.0", + "gulp-concat-util": "^0.5.4", "gulp-cssmin": "^0.1.7", + "gulp-debug": "^2.1.2", "gulp-install": "^0.6.0", "gulp-mocha-phantomjs": "^0.10.1", "gulp-qunit": "^1.2.1", diff --git a/resources/gulp/build.js b/resources/gulp/build.js new file mode 100644 index 0000000000..20e5f4567b --- /dev/null +++ b/resources/gulp/build.js @@ -0,0 +1,278 @@ +var gulp = require('gulp'); +var util = require('gulp-util'); +var rename = require('gulp-rename'); +var concat = require('gulp-concat'); +var uglify = require('gulp-uglify'); +var cssmin = require('gulp-cssmin'); +var sass = require('gulp-sass'); +var config = require('./config.js'); +var debug = require('gulp-debug'); +var fs = require('fs'); + + + + +var commonGroup = [ + // config.paths.dist + 'assets/bootstrap/js/bootstrap.js', // should append no conflict + config.paths.dist + 'include/jslibs/jquery.mousewheel.js', + // jquery ui date picker langs + config.paths.vendors + 'jquery-ui/ui/i18n/jquery.ui.datepicker-ar.js', + config.paths.vendors + 'jquery-ui/ui/i18n/jquery.ui.datepicker-de.js', + config.paths.vendors + 'jquery-ui/ui/i18n/jquery.ui.datepicker-es.js', + config.paths.vendors + 'jquery-ui/ui/i18n/jquery.ui.datepicker-fr.js', + config.paths.vendors + 'jquery-ui/ui/i18n/jquery.ui.datepicker-nl.js', + config.paths.vendors + 'jquery-ui/ui/i18n/jquery.ui.datepicker-en-GB.js', + config.paths.vendors + 'jquery.cookie/jquery.cookie.js', + config.paths.dist + 'include/jslibs/jquery.contextmenu_scroll.js', + config.paths.dist + 'include/jquery.common.js', + config.paths.dist + 'include/jquery.tooltip.js', + config.paths.dist + 'skins/prod/jquery.Dialog.js', + config.paths.vendors + 'swfobject/swfobject/swfobject.js', // @TODO: should be moved away (embed-bundle) + config.paths.dist + 'include/jslibs/flowplayer/flowplayer-3.2.13.min.js' // @TODO: should be moved away (embed-bundle) +]; + +var accountGroup = [ + // '//include/jslibs/jquery.contextmenu_scroll.js', + //'//assets/jquery.cookie/jquery.cookie.js', + // '//include/jquery.common.js', + config.paths.vendors + 'requirejs/require.js', + config.paths.dist + 'skins/account/account.js' +]; + +var authenticationGroup = [ + config.paths.vendors + 'requirejs/require.js', + config.paths.dist + 'scripts/apps/login/home/config.js' +]; + +var adminGroup = [ + config.paths.vendors + 'underscore-amd/underscore.js', + config.paths.vendors + 'jquery.treeview/jquery.treeview.js', + config.paths.dist + 'include/jquery.kb-event.js', + config.paths.dist + 'skins/admin/template-dialogs.js', + // loaded via requirejs + // config.paths.vendors + 'blueimp-load-image/js/load-image.js', + // config.paths.vendors + 'jquery-file-upload/js/jquery.iframe-transport.js', + // config.paths.vendors + 'jquery-file-upload/js/jquery.fileupload.js', + config.paths.vendors + 'requirejs/require.js', + config.paths.dist + 'scripts/apps/admin/require.config.js', + config.paths.dist + 'scripts/apps/admin/main/main.js', + // /assets/requirejs/require.js,/scripts/apps/admin/require.config.js,/scripts/apps/admin/main/main.js +]; + +var reportGroup = [ + config.paths.dist + 'include/jslibs/jquery.print.js', + config.paths.dist + 'include/jslibs/jquery.cluetip.js', + config.paths.dist + 'include/jquery.nicoslider.js', + config.paths.dist + 'skins/report/report.js' +]; + +var thesaurusGroup = [ + config.paths.dist + 'skins/thesaurus/win.js', + config.paths.dist + 'skins/thesaurus/xmlhttp.js', + config.paths.dist + 'skins/thesaurus/thesaurus.js', + config.paths.dist + 'skins/thesaurus/sprintf.js' +]; + +var lightboxGroup = [ + config.paths.dist + 'skins/lightbox/jquery.lightbox.js' +]; + +var lightboxIE6Group = [ + config.paths.dist + 'skins/lightbox/jquery.lightbox.ie6.js' +]; + +var uploadFlashGroup = [ + config.paths.dist + 'include/jslibs/SWFUpload/swfupload.js', + config.paths.dist + 'include/jslibs/SWFUpload/plugins/swfupload.queue.js' +]; + +var prodGroup = [ + config.paths.vendors + 'underscore-amd/underscore.js', + config.paths.dist + 'include/jslibs/colorpicker/js/colorpicker.js', + config.paths.dist + 'include/jslibs/jquery.lazyload/jquery.lazyload.1.8.1.js', + config.paths.vendors + 'humane-js/humane.js', // @TODO > extra files + config.paths.vendors + 'blueimp-load-image/js/load-image.js', // @TODO > extra files + config.paths.vendors + 'jquery-file-upload/js/jquery.iframe-transport.js', + config.paths.vendors + 'jquery-file-upload/js/jquery.fileupload.js', + config.paths.dist + 'include/jslibs/jquery.form.2.49.js', + config.paths.dist + 'include/jslibs/jquery.vertical.buttonset.js', + config.paths.dist + 'include/js/jquery.Selection.js', + config.paths.dist + 'include/js/jquery.Edit.js', + config.paths.dist + 'include/js/jquery.lists.js', + config.paths.dist + 'skins/prod/jquery.Prod.js', + config.paths.dist + 'skins/prod/jquery.Feedback.js', + config.paths.dist + 'skins/prod/jquery.Results.js', + config.paths.dist + 'skins/prod/jquery.main-prod.js', + config.paths.dist + 'skins/prod/jquery.WorkZone.js', + config.paths.dist + 'skins/prod/jquery.Alerts.js', + config.paths.dist + 'skins/prod/jquery.Upload.js', + config.paths.dist + 'include/jslibs/pixastic.custom.js', + config.paths.dist + 'skins/prod/ThumbExtractor.js', + config.paths.dist + 'skins/prod/publicator.js', + config.paths.dist + 'include/jslibs/jquery.sprintf.1.0.3.js', + config.paths.dist + 'include/jquery.p4.preview.js', + config.paths.dist + 'skins/prod/jquery.edit.js', + config.paths.dist + 'include/jslibs/jquery.color.animation.js', + config.paths.dist + 'include/jquery.image_enhancer.js', + config.paths.vendors + 'jquery.treeview/jquery.treeview.js', + config.paths.vendors + 'jquery.treeview/jquery.treeview.async.js', + config.paths.vendors + 'fancytree/dist/jquery.fancytree-all.min.js' +]; + +var permaviewGroup = [ + config.paths.dist + 'include/jslibs/jquery.mousewheel.js', + config.paths.dist + 'include/jquery.image_enhancer.js', + config.paths.vendors + 'swfobject/swfobject/swfobject.js', // @TODO: should be moved away (embed-bundle) + config.paths.dist + 'include/jslibs/flowplayer/flowplayer-3.2.13.min.js' // @TODO: should be moved away (embed-bundle) +]; + + +var setupGroup = [ + config.paths.vendors + 'jquery.cookie/jquery.cookie.js', + config.paths.dist + 'include/jslibs/jquery-validation/jquery.validate.js', + config.paths.dist + 'include/jslibs/jquery-validate.password/jquery.validate.password.js', + config.paths.dist + 'include/path_files_tests.jquery.js' +] + +var buildJsGroup = function(srcGroup, name, dest){ + if( dest === undefined ) { + dest = name; + } + // ensure all required files exists: + srcGroup.forEach(fs.statSync); //will trow an error if file not found + console.log('building group:', name, ' > ', config.paths.build + dest) + return gulp.src(srcGroup) + .pipe(concat(name + '.js', {newLine: ';'})) + .pipe(gulp.dest( config.paths.build + dest)) + .pipe(uglify().on('error', config.errorHandler('UGLIFY ERROR'))) //util.log)) + .pipe(rename({ extname: '.min.js' })) + .pipe(gulp.dest( config.paths.build + dest)) +}; +var buildCssGroup = function(srcGroup, name, dest){ + if( dest === undefined ) { + dest = name; + } + // ensure all required files exists: + srcGroup.forEach(fs.statSync); //will trow an error if file not found + console.log('building group:', name, ' > ', config.paths.build + dest) + return gulp.src(srcGroup) + .pipe(sass().on('error', sass.logError)) + .pipe(rename(name + '.css')) + .pipe(gulp.dest(config.paths.build + dest)) + .pipe(cssmin()) + .pipe(rename({suffix: '.min'})) + .pipe(gulp.dest(config.paths.build + dest)); +}; + +gulp.task('build', function(){ + //config.paths.dist + 'assets/json2/json2.js', jquery jquery ui + buildJsGroup([ + config.paths.vendors + 'jquery/jquery.js' + ], 'jquery', 'vendors/jquery'); + + buildJsGroup([ + config.paths.vendors + 'jquery-ui/ui/jquery-ui.js' + ], 'jquery-ui', 'vendors/jquery-ui'); + + buildJsGroup([ + config.paths.vendors + 'json2/json2.js' + ], 'json2', 'vendors/json2'); + + buildJsGroup([ + config.paths.vendors + 'modernizr/modernizr.js' + ], 'modernizr', 'vendors/modernizr'); + + + // build libraries loaded with require js: + // LOGIN + // login/home/config.js + buildJsGroup([ + config.paths.vendors + 'backbone-amd/backbone.js' + ], 'backbone', 'vendors/backbone'); + buildJsGroup([ + config.paths.vendors + 'underscore-amd/underscore.js' + ], 'underscore', 'vendors/underscore'); + buildJsGroup([ + config.paths.vendors + 'i18next/release/i18next.amd-1.6.3.js' + ], 'i18next', 'vendors/i18next'); + buildJsGroup([ + config.paths.vendors + 'bootstrap-multiselect/dist/js/bootstrap-multiselect.js' + ], 'bootstrap-multiselect', 'vendors/bootstrap-multiselect'); + buildJsGroup([ + config.paths.vendors + 'geonames-server-jquery-plugin/jquery.geonames.js' + ], 'jquery.geonames', 'vendors/jquery.geonames'); + // galleria.html.twig + buildJsGroup([ + config.paths.vendors + 'jquery-galleria/src/galleria.js' + ], 'galleria', 'vendors/jquery-galleria'); + buildJsGroup([ + config.paths.vendors + 'jquery-galleria/src/themes/classic/galleria.classic.js' + ], 'galleria.classic', 'vendors/jquery-galleria'); + // copy css too: + buildCssGroup([ + config.paths.vendors + 'jquery-galleria/src/themes/classic/galleria.classic.css' + ], 'galleria.classic', 'vendors/jquery-galleria'); + // galleria.classic.css + + + // ADMIN + // scripts/apps/admin/require.config.js + buildJsGroup([ + config.paths.vendors + 'jquery-file-upload/js/vendor/jquery.ui.widget.js' + ], 'jquery.ui.widget', 'vendors/jquery-file-upload'); + buildJsGroup([ + config.paths.vendors + 'jquery.cookie/jquery.cookie.js' + ], 'jquery.cookie', 'vendors/jquery.cookie'); + buildJsGroup([ + config.paths.vendors + 'jquery.treeview/jquery.treeview.js' + ], 'jquery.treeview', 'vendors/jquery.treeview'); + buildJsGroup([ + config.paths.vendors + 'blueimp-load-image/js/load-image.js' + ], 'load-image', 'vendors/blueimp-load-image'); + buildJsGroup([ + config.paths.vendors + 'jquery-file-upload/js/jquery.iframe-transport.js' + ], 'jquery.iframe-transport', 'vendors/jquery-file-upload'); + buildJsGroup([ + config.paths.vendors + 'jquery-file-upload/js/jquery.fileupload.js' + ], 'jquery.fileupload', 'vendors/jquery-file-upload'); + + // copy tinyMce: + gulp.src([config.paths.vendors + 'tinymce/**']) + .pipe(gulp.dest(config.paths.build + 'vendors/tinymce')); + + buildJsGroup([ + config.paths.vendors + 'zxcvbn/dist/zxcvbn.js' + ], 'zxcvbn', 'vendors/zxcvbn'); + + buildJsGroup([ + config.paths.vendors + 'requirejs/require.js' + ], 'require', 'vendors/requirejs'); + + //gulp.start('build-joyride'); + buildJsGroup(commonGroup, 'common', 'common/js'); + buildJsGroup(prodGroup, 'prod', 'prod/js'); + buildJsGroup(thesaurusGroup, 'thesaurus', 'thesaurus/js'); + buildJsGroup(uploadFlashGroup, 'uploadFlash', 'upload/js'); + buildJsGroup(lightboxGroup, 'lightbox', 'lightbox/js'); + buildJsGroup(lightboxIE6Group, 'lightboxIe6', 'lightbox/js'); + buildJsGroup(adminGroup, 'admin', 'admin/js'); + buildJsGroup(reportGroup, 'report', 'report/js'); + buildJsGroup(accountGroup, 'account', 'account/js'); + buildJsGroup(permaviewGroup, 'permaview', 'permaview/js'); + buildJsGroup(setupGroup, 'setup', 'setup/js'); + buildJsGroup(authenticationGroup, 'authentication', 'authentication/js'); + + // build mobile group: + buildJsGroup([ + config.paths.vendors + 'jquery-mobile-bower/js/jquery.mobile-1.3.2.js' + ], 'jquery-mobile', 'vendors/jquery-mobile'); + buildCssGroup([ + config.paths.vendors + 'jquery-mobile-bower/css/jquery.mobile-1.3.2.css' + ], 'jquery-mobile', 'vendors/jquery-mobile'); + + + + + + // uploadflash +}); \ No newline at end of file diff --git a/resources/gulp/config.js b/resources/gulp/config.js index db2109b179..c42fa4579d 100644 --- a/resources/gulp/config.js +++ b/resources/gulp/config.js @@ -1,7 +1,10 @@ var gutil = require("gulp-util"); var configPaths = { + src: 'resources/www/', vendors: 'tmp-assets/', - dist: 'www/assets/' + distVendors: 'www/assets/', //@deprecated + build: 'www/assets/', + dist: 'www/' }; exports.paths = configPaths; diff --git a/resources/gulp/install.js b/resources/gulp/install.js index ca2bbe185b..34fd91373a 100644 --- a/resources/gulp/install.js +++ b/resources/gulp/install.js @@ -14,169 +14,168 @@ var sass = require('gulp-sass'); var del = require('del'); var config = require('./config.js'); -gulp.task('clean:vendors', function(done){ - return del([config.paths.dist + '/**/*'], done); -}); - - -var lib = require('bower-files')({ - overrides: { - 'backbone-amd': { - main: ['./backbone.js', 'LICENSE'] - }, - 'font-awesome': { - main: ['css/*', 'font/*'] - }, - 'humane-js': { - main: ['humane.js', 'themes/libnotify.css'] - }, - 'jquery': { - main: 'jquery.js' - }, - 'jquery.treeview': { - main: ['images/*', - 'jquery.treeview*'] - }, - 'jquery-mobile-bower': { - main: ['css/jquery.mobile-1.3.2.css', 'js/jquery.mobile-1.3.2.js'] - }, - 'json2': { - main: ['json2.js'] - }, - 'modernizr': { - main: 'modernizr.js' - }, - 'tinymce': { - main: ['plugins/**', - 'skins/**', - 'themes/**', - '*.js', - 'changelog.txt', - 'license.txt'] - }, - 'underscore-amd': { - main: - 'underscore.js' - }, - zxcvbn: { - main: [/* ignore, will be copied manually for legacy code compatibility */] - }, - 'jquery-galleria': { - main: [/* ignore, will be copied manually for legacy code compatibility */] - }, - 'bootstrap-multiselect': { - main: [/* ignore, will be copied manually for legacy code compatibility */] - }, - 'fancytree': { - main: [/* ignore, will be copied manually for legacy code compatibility */] - }, - 'jquery-ui': { - main: [/* ignore, will be copied manually for legacy code compatibility */] - }, - 'swfobject': { - main: [/* ignore, will be copied manually for legacy code compatibility */] - }, - 'blueimp-load-image': { - main: [/* ignore, will be copied manually for legacy code compatibility */] - }, - 'jquery-file-upload': { - main: [/* ignore, will be copied manually for legacy code compatibility */] - }, - 'i18next': { - main: [/* ignore, will be copied manually for legacy code compatibility */] - } - } -}); - -gulp.task('copy-dev-vendors', function(){ - gulp.src(config.paths.vendors + 'chai/chai.js') - .pipe(gulp.dest( config.paths.dist + 'chai/')); - - gulp.src(config.paths.vendors + 'js-fixtures/fixtures.js') - .pipe(gulp.dest( config.paths.dist + 'js-fixtures/')); - - gulp.src([config.paths.vendors + 'mocha/mocha.js', config.paths.vendors + 'mocha/mocha.css']) - .pipe(gulp.dest( config.paths.dist + 'mocha/')); - - gulp.src(config.paths.vendors + 'sinon-chai/lib/sinon-chai.js') - .pipe(gulp.dest( config.paths.dist + 'sinon-chai/')); - - gulp.src(config.paths.vendors + 'sinonjs/sinon.js') - .pipe(gulp.dest( config.paths.dist + 'sinonjs/')); - - gulp.src(config.paths.vendors + 'squire/src/Squire.js') - .pipe(gulp.dest( config.paths.dist + 'squire/')); - - gulp.src([config.paths.vendors + 'qunit/qunit/qunit.js', config.paths.vendors + 'qunit/qunit/qunit.css']) - .pipe(gulp.dest( config.paths.dist + 'qunit/')); - - gulp.src(config.paths.vendors + 'qunit/addons/phantomjs/*') - .pipe(gulp.dest( config.paths.dist + 'qunit/addons/phantomjs')); -}); - -gulp.task('copy-vendors-via-bower', function () { - var vendorConfig = { - 'jquery-mobile-bower/css': { - dirname: 'jquery-mobile' - }, - 'jquery-mobile-bower/js': { - dirname: 'jquery-mobile' - } - }; - - return gulp.src(lib.ext().files, { base: config.paths.vendors }) - .pipe(rename(function (path) { - if( vendorConfig[path.dirname] !== undefined ) { - // console.log('reading path', path) - var cuConf = vendorConfig[path.dirname]; - path.dirname = cuConf.dirname; - } - return path; - })) - .pipe(gulp.dest(config.paths.dist)); -}); - -// copy additionnal assets from vendors to match old legacy assets: -gulp.task('copy-vendors', ['copy-vendors-via-bower'],function () { - gulp.src([config.paths.vendors + 'fancytree/dist/skin-win8/**/*']) //, config.paths.vendors + 'fancytree/dist/jquery.fancytree-all.min - .pipe(gulp.dest( config.paths.dist + 'fancytree/dist/skin-win8')) - - gulp.src(config.paths.vendors + 'jquery-ui/ui/jquery-ui.js') - .pipe(gulp.dest( config.paths.dist + 'jquery.ui/')); - - gulp.src(config.paths.vendors + 'jquery-ui/themes/base/*.css') - .pipe(gulp.dest( config.paths.dist + 'jquery.ui/')); - - gulp.src(config.paths.vendors + 'jquery-ui/ui/i18n/*') - .pipe(gulp.dest( config.paths.dist + 'jquery.ui/i18n')); - - gulp.src(config.paths.vendors + 'jquery-ui/themes/base/images/*') - .pipe(gulp.dest( config.paths.dist + 'jquery.ui/images')); - - gulp.src(config.paths.vendors + 'swfobject/swfobject/swfobject.js') - .pipe(gulp.dest( config.paths.dist + 'swfobject')); - - - gulp.src([config.paths.vendors + 'jquery-file-upload/js/*', config.paths.vendors + 'jquery-file-upload/js/vendor/*', config.paths.vendors + 'jquery-file-upload/css/*']) - .pipe(gulp.dest( config.paths.dist + 'jquery-file-upload')); - - gulp.src(config.paths.vendors + 'blueimp-load-image/js/*.js') - .pipe(gulp.dest( config.paths.dist + 'blueimp-load-image')); - - gulp.src(config.paths.vendors + 'i18next/release/i18next.amd-1.6.3.js') - .pipe(gulp.dest( config.paths.dist + 'i18next')); - - gulp.src(config.paths.vendors + 'bootstrap-multiselect/dist/**/*') - .pipe(gulp.dest( config.paths.dist + 'bootstrap-multiselect')); - - gulp.src([config.paths.vendors + 'jquery-galleria/src/galleria.js', config.paths.vendors + 'jquery-galleria/src/themes/classic/*']) - .pipe(gulp.dest( config.paths.dist + 'jquery-galleria')); - - gulp.src(config.paths.vendors + 'zxcvbn/dist/zxcvbn.js') - .pipe(gulp.dest( config.paths.dist + 'zxcvbn')); - - gulp.start('copy-dev-vendors'); -}); +// gulp.task('clean:vendors', function(done){ +// return del([config.paths.distVendors + '/**/*'], done); +// }); +// +// +// var lib = require('bower-files')({ +// overrides: { +// 'backbone-amd': { +// main: ['./backbone.js', 'LICENSE'] +// }, +// 'font-awesome': { +// main: ['css/*', 'font/*'] +// }, +// 'humane-js': { +// main: ['humane.js', 'themes/libnotify.css'] +// }, +// 'jquery': { +// main: 'jquery.js' +// }, +// 'jquery.treeview': { +// main: ['images/*', +// 'jquery.treeview*'] +// }, +// 'jquery-mobile-bower': { +// main: ['css/jquery.mobile-1.3.2.css', 'js/jquery.mobile-1.3.2.js'] +// }, +// 'json2': { +// main: [/* ignore, will be copied manually in groups */] +// }, +// 'modernizr': { +// main: [/* ignore, will be copied manually in groups */] +// }, +// 'tinymce': { +// main: ['plugins/**', +// 'skins/**', +// 'themes/**', +// '*.js', +// 'changelog.txt', +// 'license.txt'] +// }, +// 'underscore-amd': { +// main: [/* ignore, will be copied manually in groups */] +// }, +// zxcvbn: { +// main: [/* ignore, will be copied manually for legacy code compatibility */] +// }, +// 'jquery-galleria': { +// main: [/* ignore, will be copied manually for legacy code compatibility */] +// }, +// 'bootstrap-multiselect': { +// main: [/* ignore, will be copied manually for legacy code compatibility */] +// }, +// 'fancytree': { +// main: [/* ignore, will be copied manually for legacy code compatibility */] +// }, +// 'jquery-ui': { +// main: [/* ignore, will be copied manually for legacy code compatibility */] +// }, +// 'swfobject': { +// main: [/* ignore, will be copied manually for legacy code compatibility */] +// }, +// 'blueimp-load-image': { +// main: [/* ignore, will be copied manually for legacy code compatibility */] +// }, +// 'jquery-file-upload': { +// main: [/* ignore, will be copied manually for legacy code compatibility */] +// }, +// 'i18next': { +// main: [/* ignore, will be copied manually for legacy code compatibility */] +// } +// } +// }); +// +// gulp.task('copy-dev-vendors', function(){ +// gulp.src(config.paths.vendors + 'chai/chai.js') +// .pipe(gulp.dest( config.paths.distVendors + 'chai/')); +// +// gulp.src(config.paths.vendors + 'js-fixtures/fixtures.js') +// .pipe(gulp.dest( config.paths.distVendors + 'js-fixtures/')); +// +// gulp.src([config.paths.vendors + 'mocha/mocha.js', config.paths.vendors + 'mocha/mocha.css']) +// .pipe(gulp.dest( config.paths.distVendors + 'mocha/')); +// +// gulp.src(config.paths.vendors + 'sinon-chai/lib/sinon-chai.js') +// .pipe(gulp.dest( config.paths.distVendors + 'sinon-chai/')); +// +// gulp.src(config.paths.vendors + 'sinonjs/sinon.js') +// .pipe(gulp.dest( config.paths.distVendors + 'sinonjs/')); +// +// gulp.src(config.paths.vendors + 'squire/src/Squire.js') +// .pipe(gulp.dest( config.paths.distVendors + 'squire/')); +// +// gulp.src([config.paths.vendors + 'qunit/qunit/qunit.js', config.paths.vendors + 'qunit/qunit/qunit.css']) +// .pipe(gulp.dest( config.paths.distVendors + 'qunit/')); +// +// gulp.src(config.paths.vendors + 'qunit/addons/phantomjs/*') +// .pipe(gulp.dest( config.paths.distVendors + 'qunit/addons/phantomjs')); +// }); +// +// gulp.task('copy-vendors-via-bower', function () { +// var vendorConfig = { +// 'jquery-mobile-bower/css': { +// dirname: 'jquery-mobile' +// }, +// 'jquery-mobile-bower/js': { +// dirname: 'jquery-mobile' +// } +// }; +// +// return gulp.src(lib.ext().files, { base: config.paths.vendors }) +// .pipe(rename(function (path) { +// if( vendorConfig[path.dirname] !== undefined ) { +// // console.log('reading path', path) +// var cuConf = vendorConfig[path.dirname]; +// path.dirname = cuConf.dirname; +// } +// return path; +// })) +// .pipe(gulp.dest(config.paths.distVendors)); +// }); +// +// // copy additionnal assets from vendors to match old legacy assets: +// gulp.task('copy-vendors', ['copy-vendors-via-bower'],function () { +// gulp.src([config.paths.vendors + 'fancytree/dist/skin-win8/**/*']) //, config.paths.vendors + 'fancytree/dist/jquery.fancytree-all.min +// .pipe(gulp.dest( config.paths.distVendors + 'fancytree/dist/skin-win8')) +// +// gulp.src(config.paths.vendors + 'jquery-ui/ui/jquery-ui.js') +// .pipe(gulp.dest( config.paths.distVendors + 'jquery.ui/')); +// +// gulp.src(config.paths.vendors + 'jquery-ui/themes/base/*.css') +// .pipe(gulp.dest( config.paths.distVendors + 'jquery.ui/')); +// +// gulp.src(config.paths.vendors + 'jquery-ui/ui/i18n/*') +// .pipe(gulp.dest( config.paths.distVendors + 'jquery.ui/i18n')); +// +// gulp.src(config.paths.vendors + 'jquery-ui/themes/base/images/*') +// .pipe(gulp.dest( config.paths.distVendors + 'jquery.ui/images')); +// +// gulp.src(config.paths.vendors + 'swfobject/swfobject/swfobject.js') +// .pipe(gulp.dest( config.paths.distVendors + 'swfobject')); +// +// +// gulp.src([config.paths.vendors + 'jquery-file-upload/js/*', config.paths.vendors + 'jquery-file-upload/js/vendor/*', config.paths.vendors + 'jquery-file-upload/css/*']) +// .pipe(gulp.dest( config.paths.distVendors + 'jquery-file-upload')); +// +// gulp.src(config.paths.vendors + 'blueimp-load-image/js/*.js') +// .pipe(gulp.dest( config.paths.distVendors + 'blueimp-load-image')); +// +// gulp.src(config.paths.vendors + 'i18next/release/i18next.amd-1.6.3.js') +// .pipe(gulp.dest( config.paths.distVendors + 'i18next')); +// +// gulp.src(config.paths.vendors + 'bootstrap-multiselect/dist/**/*') +// .pipe(gulp.dest( config.paths.distVendors + 'bootstrap-multiselect')); +// +// gulp.src([config.paths.vendors + 'jquery-galleria/src/galleria.js', config.paths.vendors + 'jquery-galleria/src/themes/classic/*']) +// .pipe(gulp.dest( config.paths.distVendors + 'jquery-galleria')); +// +// gulp.src(config.paths.vendors + 'zxcvbn/dist/zxcvbn.js') +// .pipe(gulp.dest( config.paths.distVendors + 'zxcvbn')); +// +// gulp.start('copy-dev-vendors'); +// }); gulp.task('bootstrap-js', function () { var btSource = [ @@ -196,42 +195,53 @@ gulp.task('bootstrap-js', function () { gulp.src(btSource) .pipe(concat('bootstrap.js')) - .pipe(gulp.dest( config.paths.dist + 'bootstrap/js')) + .pipe(gulp.dest( config.paths.build + 'vendors/bootstrap/js')) .pipe(uglify()) .pipe(rename({ extname: '.min.js' })) - .pipe(gulp.dest( config.paths.dist + 'bootstrap/js')) + .pipe(gulp.dest( config.paths.build + 'vendors/bootstrap/js')) }); gulp.task('bootstrap-assets', function () { gulp.src([config.paths.vendors + 'bootstrap-sass/vendor/assets/images/**/*']) - .pipe(gulp.dest( config.paths.dist + 'bootstrap/img')); + .pipe(gulp.dest( config.paths.build + 'vendors/bootstrap/img')); }); gulp.task('build-bootstrap', ['bootstrap-assets', 'bootstrap-js'], function () { gulp.src(config.paths.vendors + 'bootstrap-sass/vendor/assets/stylesheets/bootstrap.scss') - .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) - .pipe(gulp.dest( config.paths.dist + 'bootstrap/css/')) + .pipe(sass().on('error', sass.logError)) + .pipe(gulp.dest( config.paths.build + 'vendors/bootstrap/css/')) .pipe(cssmin()) .pipe(rename({ suffix: '.min' })) - .pipe(gulp.dest( config.paths.dist + 'bootstrap/css')); + .pipe(gulp.dest( config.paths.build + 'vendors/bootstrap/css')); gulp.src(config.paths.vendors + 'bootstrap-sass/vendor/assets/stylesheets/bootstrap-responsive.scss') - .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) - .pipe(gulp.dest( config.paths.dist + 'bootstrap/css/')) + .pipe(sass().on('error', sass.logError)) + .pipe(gulp.dest( config.paths.build + 'vendors/bootstrap/css/')) .pipe(cssmin()) .pipe(rename({ suffix: '.min' })) - .pipe(gulp.dest( config.paths.dist + 'bootstrap/css')); + .pipe(gulp.dest( config.paths.build + 'vendors/bootstrap/css')); }); - -gulp.task('install-dependencies', function(done){ +gulp.task('install-bower-dependencies', function(){ return gulp.src(['./bower.json']) .pipe(install()); }); -gulp.task('copy-dependencies', ['install-dependencies'], function(){ +gulp.task('install-dependencies', ['install-bower-dependencies'], function(done){ gulp.start('copy-vendors'); gulp.start('build-bootstrap'); }); +gulp.task('deploy-dependencies', ['install-dependencies'], function(){ + //gulp.start('copy-vendors'); + //gulp.start('build-bootstrap'); + gulp.start('build'); +}); + gulp.task('install-assets', ['clean:vendors'], function(){ - gulp.start('copy-dependencies'); + gulp.start('deploy-dependencies'); +}); + +gulp.task('install', function(){ + gulp.start('build-bootstrap'); + gulp.start('build-css'); + gulp.start('build'); }); diff --git a/resources/gulp/styles.js b/resources/gulp/styles.js new file mode 100644 index 0000000000..53c18aba68 --- /dev/null +++ b/resources/gulp/styles.js @@ -0,0 +1,51 @@ +var gulp = require('gulp'); +var util = require('gulp-util'); +var rename = require('gulp-rename'); +var concat = require('gulp-concat'); +var uglify = require('gulp-uglify'); +var cssmin = require('gulp-cssmin'); +var config = require('./config.js'); +var debug = require('gulp-debug'); +var sass = require('gulp-sass'); +var fs = require('fs'); + + +var buildCssGroup = function(srcGroup, name, dest){ + if( dest === undefined ) { + dest = name; + } + // ensure all required files exists: + srcGroup.forEach(fs.statSync); //will trow an error if file not found + console.log('building group:', name, ' > ', config.paths.build + dest) + return gulp.src(srcGroup) + .pipe(sass().on('error', sass.logError)) + .pipe(rename(name + '.css')) + .pipe(gulp.dest(config.paths.build + dest)) + .pipe(cssmin()) + .pipe(rename({suffix: '.min'})) + .pipe(gulp.dest(config.paths.build + dest)); +}; + +gulp.task('build-css', function () { + + // copy fontawesome fonts and alt stylesheet: + gulp.src([config.paths.vendors + 'font-awesome/font/*']) + .pipe(gulp.dest( config.paths.build + 'common/font')); + + gulp.src([config.paths.vendors + 'font-awesome/css/font-awesome-ie7.min.css']) + .pipe(gulp.dest( config.paths.distVendors + 'common/css')); + + buildCssGroup([config.paths.src + 'common/main.scss'], 'common', 'common/css/'); + buildCssGroup([config.paths.src + 'admin/main.scss'], 'admin', 'admin/css/'); + buildCssGroup([config.paths.src + 'thesaurus/main.scss'], 'thesaurus', 'thesaurus/css/'); + buildCssGroup([config.paths.src + 'prod/main.scss'], 'prod', 'prod/css/'); + buildCssGroup([config.paths.src + 'prod/skin-000000.scss'], 'skin-000000', 'prod/css/'); + buildCssGroup([config.paths.src + 'prod/skin-959595.scss'], 'skin-959595', 'prod/css/'); + buildCssGroup([config.paths.src + 'setup/main.scss'], 'setup', 'setup/css/'); + buildCssGroup([config.paths.src + 'authentication/main.scss'], 'authentication', 'authentication/css/'); + buildCssGroup([config.paths.src + 'account/main.scss'], 'account', 'account/css/'); + buildCssGroup([config.paths.src + 'oauth/main.scss'], 'oauth', 'oauth/css/'); + + buildCssGroup([config.paths.src + 'vendors/jquery-ui/dark-hive.scss'], 'dark-hive', 'vendors/jquery-ui/css/'); + buildCssGroup([config.paths.src + 'vendors/jquery-ui/ui-lightness.scss'], 'ui-lightness', 'vendors/jquery-ui/css/'); +}); \ No newline at end of file diff --git a/resources/www/account/_skin.scss b/resources/www/account/_skin.scss new file mode 100644 index 0000000000..b023366db9 --- /dev/null +++ b/resources/www/account/_skin.scss @@ -0,0 +1,1016 @@ +/* + * HTML5 Boilerplate + * + * What follows is the result of much research on cross-browser styling. + * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, + * Kroc Camen, and the H5BP dev community and team. + */ + +/* ========================================================================== + Base styles: opinionated defaults + ========================================================================== */ + +/* + * Remove text-shadow in selection highlight: h5bp.com/i + * These selection declarations have to be separate. + * Customize the background color to match your design. + */ + +::-moz-selection { + background: #b3d4fc; + text-shadow: none; +} + +::selection { + background: #b3d4fc; + text-shadow: none; +} + +/* + * A better looking default horizontal rule + */ + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; +} + +/* + * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 + */ + +img { + vertical-align: middle; +} + +/* + * Remove default fieldset styles. + */ + +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +/* + * Allow only vertical resizing of textareas. + */ + +textarea { + resize: vertical; +} + +/* ========================================================================== + Chrome Frame prompt + ========================================================================== */ + +.chromeframe { + margin: 0.2em 0; + background: #ccc; + color: #000; + padding: 0.2em 0; +} + +/* ========================================================================== + Author's custom styles + ========================================================================== */ + +html, +body { + background: $background; + color: $textColor; + -webkit-font-smoothing: antialiased; + text-shadow: 0 0 1px rgba(0,0,0,0.3); + cursor: default; + height: 100%; +} + +/** Reset style */ + +ul { + margin: 0; + padding: 0; +} + +/** Button style */ + +.btn-flat { + filter:progid:DXImageTransform.Microsoft.gradient(enabled='false'); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background-image:none; + border:0; + text-shadow: none; +} + +/** Helpers style */ + +.full-height { + height: 100%; +} + +.full-width { + width: 100%; +} + +.text-error { + color: $colorError; +} + +.text-center { + text-align: center; +} + +.text-right { + text-align: right; +} + +.one-line { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.no-overflow { + overflow: hidden; +} + +.fixed-table { + table-layout: fixed; + width:100%; +} + +.rounded { + @include border-radius($borderRadiusSmall); +} + +/** Recaptcha style */ + +#recaptcha_widget .btn-toolbar { + width: 300px; +} + +#recaptcha_widget .btn-toolbar .btn { + min-width: 20%; +} + +#recaptcha_widget table tr td { + text-align: center; +} + +#recaptcha_image { + width: 100% !important; +} + +#recaptcha_image img { + width: 100% !important; +} + +.footer a { + color: $footerLinkColor; +} + +.footer a:hover { + color: $footerLinkColorHover; +} + +/** Alert style */ + +.alert { + padding: 0px; + text-shadow: 0 -1px 0 rgba(0,0,0,.5); + line-height: 16px; + $glow: 0 1px 7px rgba(0, 0, 0, 1); + @include glow($glow); +} + +.alert .alert-block-close { + width:45px; + text-align: center; + font-size:36px; +} + +.alert table { + border-collapse: separate; +} + +.alert .alert-block-logo { + width: 45px; + vertical-align: top; + text-align: center; +} + +.alert .alert-block-close a:hover { + text-decoration: none; +} + +.alert.alert-success .alert-block-content { + border-right: 1px solid lighten($successBackground, 10%); +} + +.alert.alert-success .alert-block-close { + border-left: 1px solid darken($successBackground, 20%); +} + +.alert.alert-success .alert-block-close a { + color: $successText; +} + +.alert.alert-error .alert-block-content { + border-right: 1px solid lighten($errorBackground, 10%); +} + +.alert.alert-error .alert-block-close { + border-left: 1px solid darken($errorBackground, 20%); +} + +.alert.alert-error .alert-block-close a { + color: $errorText; +} + +.alert.alert-info .alert-block-content { + border-right: 1px solid lighten($infoBackground, 10%); +} + +.alert.alert-info .alert-block-close { + border-left: 1px solid darken($infoBackground, 20%); +} + +.alert.alert-info .alert-block-close a { + color: $infoText; +} + +.alert.alert-warning .alert-block-content { + border-right: 1px solid lighten($warningBackground, 10%); +} + +.alert.alert-warning .alert-block-close { + border-left: 1px solid darken($warningBackground, 20%); +} + +.alert.alert-warning .alert-block-close a { + color: $warningText; +} + +.alert .close { + position: static; +} + +.alert table { + table-layout: fixed; + width: 100%; +} + +.alert table td { + padding: 9px 5px; +} + +/** app css */ + +.help-block-error { + border: 1px solid $colorError; +} + +.well-large { + padding: 20px; +} + +.close { + color: $white; + opacity: 1; +} + +.btn-trigger { + padding: 7px 12px; + min-width: 100px; +} + +.facebook-badge { + background-color: $colorFacebook; + @include gradient($colorFacebook, 0.8); +} + +.google-plus-badge { + background-color: $colorGooglePlus; + @include gradient($colorGooglePlus, 0.8); +} + +.viadeo-badge { + background-color: $colorViadeo; + @include gradient($colorViadeo, 0.8); +} + +.twitter-badge { + background-color: $colorTwitter; + @include gradient($colorTwitter, 0.8); +} + +.github-badge { + background-color: $colorGithub; + @include gradient($colorGithub, 0.8); +} + +.linkedin-badge { + background-color: $colorLinkedin; + @include gradient($colorLinkedin, 0.8); +} + +.match-hint { + font-size: 13px; +} + +.input-block-level { + min-height: 36px; +} + +.dropdown-menu { + border-radius: 0px; + min-width: 60px; + @include glow($dropDownLanguageGlow); +} + +#authentication-sidebar-language button { + background-color: $backgroundSideBar; + color: $textColor; + border-radius: 0px; + text-shadow: none; + border-left: 1px solid $inputOutsideBorder; + background-image: none; + font-size: $fontSizeSmall; + padding: 0 12px; +} + +#authentication-sidebar-language li a { + font-size: $fontSizeSmall +} + +#authentication-sidebar-language .language { + margin-right: 8px; +} + +#authentication-sidebar-language .caret { + margin:9px 0px 0px 7px; + border-top-color: $languageCaretColor; +} + +.left-content h1 { + font-size: $fontSizeLarge; +} + +.left-content .logo img { + max-height: 100px; +} + +.forget-password-link { + font-size: $fontSizeSmall; + text-decoration: underline; +} + +label[for=remember-me]{ + padding-top: 5px; +} + +.logo, +.header { + padding: 10px 0; +} + +button[type=submit] { + margin: 30px 0px 0px 0px; + width: 100%; +} + +.authentication-sidebar { + min-height: 100%; + height: auto; + background: $backgroundSideBar; + border-radius: 0; + @include glow($sideBarGlow); + padding-bottom:50px; +} + +.authentication-sidebar .text-title { + margin: 15px 0; +} + +.authentication-sidebar form .input-prepend { + margin-left: 0px; +} + +.authentication-sidebar form input { + padding: 8px 5px; +} + +.authentication-sidebar form label { + margin-top: 15px; +} + +.authentication-sidebar form .switch label { + margin-top: 0; +} + +.authentication-sidebar .switch-control { + margin-top: 15px; +} + +.authentication-sidebar form table { + width: 100%; + table-layout: fixed; +} + +.authentication-sidebar form table tr { + border:1px solid $inputOutsideBorder; +} + +.authentication-sidebar form table td.icon { + width: 20px; + padding-left: 8px; +} + +.authentication-sidebar form .field-error { + position: relative; + display: block; + margin: 15px; + color: $white; + max-width: none; + background-color: $colorError; + color: $white; + border: 1px solid lighten($colorError, 10%); + @include border-radius($borderRadiusSmall); + line-height: 16px; +} + +.authentication-sidebar form .field-error table { + table-layout: fixed; + width: 100%; +} + +.authentication-sidebar form .field-error table tr { + border: none; +} + +.authentication-sidebar form .field-error td { + vertical-align: middle; +} + +.authentication-sidebar form .field-error table td.icon { + width:30px; +} + +.authentication-sidebar form .field-error.bottom .arrow::after { + border-bottom-color: $colorError; +} + +.sidebar-block { + border-radius :0px; + border-bottom: 1px solid $sideBarBlockBorderColorBottom; + border-top: 1px solid $sideBarBlockBorderColorTop; +} + +.sidebar-block:first-child { + border-top: none; +} + +.sidebar-block:last-child { + border-bottom: none; +} + +.authentication-no-account { + padding: 4px 12px; +} + +.sidebar-hint { + margin: 10px 0; + font-size: $fontSizeSmall; +} +.sidebar-hint-large { + font-size: 16px; +} + +.text-title { + font-size: 36px; + line-height: 36px; +} + +#forgot-password { + margin-top: 50px; +} + +.input-table textarea:hover, +.input-table input:hover, +.input-table textarea:active, +.input-table input:active, +.input-table textarea:focus, +.input-table input:focus { + outline: none; + border: none !important; + box-shadow: none !important; + box-radius: $inputBorderRadius !important; +} + +.input-table input, .input-table select, .input-table textarea { + border: $inputBorder !important; + background-color: $inputBackground !important; + color: $textColor !important; + margin: 0 !important; +} + +.input-table.input-table-error tr { + border: 1px solid $colorError; +} + +.input-table.input-table-error td { + color: $colorError; +} + +.input-table.input-table-error input { + color: $colorError; +} + +.input-table.input-table-error input::-webkit-input-placeholder { + color: $colorError; +} + +.input-table.input-table-error input:-moz-placeholder { + color: $colorError; +} + +.input-table.input-table-error input:-ms-input-placeholder { + color: $colorError; +} + +.input-table.input-table-success tr { + border: 1px solid $colorSuccess; +} + +.input-table.input-table-success td { + color: $colorSuccess; +} + +.input-table.input-table-success input { + color: $colorSuccess; +} + +.input-table.input-table-success input::-webkit-input-placeholder { + color: $colorSuccess; +} + +.input-table.input-table-success input:-moz-placeholder { + color: $colorSuccess; +} + +.input-table.input-table-success input:-ms-input-placeholder { + color: $colorSuccess; +} + +.input-table td { + background-color: $inputBackground; +} + +form[name=forgottenPasswordForm] { + margin-top: 50px; +} + +form[name=loginForm] label,form[name=register] label { + font-size: $fontSizeLarge; +} + +form[name=loginForm] label[for=remember-me], +form[name=registerForm] label[for=terms-of-use] { + font-size: $fontSizeSmall; +} + +form[name=loginForm] label[for=remember-me] input, +form[name=registerForm] label[for=terms-of-use] input{ + margin-right: 5px !important; +} + +.provider-list li { + padding: 0; +} + +.provider-badge table { + table-layout: fixed; + width: 100%; +} + +.cgu-content { + margin: 50px 0; +} + +.left-content .content { + border-radius: 0; + min-height: 550px; + height: 100%; +} + +.footer { + padding: 10px 0; +} + +.footer-list { + margin: 0; + padding: 0; + height: 16px; +} + +.footer-list li { + border-left: 1px solid $textColor; + padding: 0 10px; + line-height: 16px; +} + +.footer-list li.item-first{ + border: none; + padding: 0 10px 0 0; +} + +.container { + max-width: 980px; +} + +.provider-badge { + margin: 15px 0 5px 0; + min-height: 55px; + $glow: 0 1px 7px rgba(0, 0, 0, 1); + @include glow($glow); +} + +.provider-badge img { + height: 55px; + max-width: 55px; +} + +.provider-badge .pseudo { + font-size: 15px; + min-width: 80px; +} + +.provider-badge .email { + font-size: $fontSizeSmall; + min-width: 80px; +} + +.provider-badge ul { + margin: 5px 0 5px 10px;; +} + +.authentication-user-pres-phraseanet { + margin: 5px 0; + padding: 15px 15px 20px 15px; + color: $identityPhraseanetColor; + background: $identityPhraseanetBackgroundColor; + font-size: $fontSizeSmall; +} + +.authentication-user-pres-phraseanet i { + color: $identityPhraseanetIconColor; +} + +.authentication-user-pres-phraseanet ul li{ + height: 25px; + line-height: 25px; +} + +.authentication-user-pres-phraseanet ul li i { + padding: 5px; +} + +.switch { + background: none; +} + +#headerDetail { + height: auto; + margin: 15px 0; +} + +.icon { + background-color: $black; +} + +.app-name { + color: $colorSuccess; + font-weight: bold; + font-size: 22px; +} + +.authorize-panel { + margin-top: 30px; +} + +.authorize-panel a:not(.btn) { + text-decoration: underline; +} + +form[name=desktop_code] { + margin-top:30px; +} + +form[name=registerForm] .btn-group { + width: 100%; +} + +form[name=registerForm] .multiselect { + text-align: left; +} + +form[name=registerForm] .multiselect-container { + width: 100%; + z-index: 1020; +} + +form[name=registerForm] .multiselect-container input[type=checkbox] { + float: left; + margin-left: -20px; +} + +form[name=registerForm] .multiselect-container li label { + margin: 0; + min-height: 20px; + padding-left: 20px; +} + +form[name=registerForm] .multiselect-container li.active label { + margin: 0; +} + +form[name=registerForm] .multiselect b.caret { + float: right; + +} + +form[name=registerForm] .multiselect-group { + font-weight: bold; + padding-left: 20px; + padding-top: 10px; + padding-bottom: 5px; + font-size: $fontSizeLarge; +} + +.password_strength_widget, .password_strength_widget tr, .password_strength_widget td { + border: none !important; +} + +.password_strength_label, .password_strength_desc { + font-size: $fontSizeMini; + color: lighten($backgroundSideBar, 5%) ; +} + +.password_strength_desc { + text-align: right; +} + +.password_strength_container { + position: relative; + width: 100%; + margin: 5px auto 0 auto; + height: 10px; +} + +.password_strength_bg { + height: 4px; + background-color: lighten($backgroundSideBar, 5%); + width: 100%; + position: absolute; + left: 0; +} + +.password_strength { + height: 4px; + background-color: #c81818; + width: 0%; + position: absolute; + left: 0; +} + +.password_strength_separator { + height: 4px; + width: 2px; + background-color: $backgroundSideBar; + position: absolute; + left: 0; +} + +.geocompleter-menu { + background: $backgroundSideBar; + @include glow($sideBarGlow); +} + +.geocompleter-menu .ui-menu-item a.ui-state-focus, +.geocompleter-menu .ui-menu-item a.ui-state-hover, +.geocompleter-menu .ui-menu-item a.ui-state-active { + text-decoration: none; +} + +.geocompleter-menu .ui-menu-item { + padding: 5px 10px; +} + +.geocompleter-menu .ui-menu-item:nth-child(odd) { + background: lighten($backgroundSideBar, 25%); + border: 1px solid lighten($backgroundSideBar, 25%); +} + +.geocompleter-menu .ui-menu-item:nth-child(even) { + border: 1px solid $backgroundSideBar; +} + +.geocompleter-menu .ui-menu-item.selected { + border: 1px solid $green; +} + +.geocompleter-menu .region { + font-size: $fontSizeMini; +} + +.geocompleter-menu .ui-state-highlight { + background: $green; +} + +.geocompleter-input.input-loading { + background: url('/skins/icons/loader-black.gif') $black center right no-repeat; +} + +/** IE Fixes */ + +.lt-ie8 #authentication-sidebar-language .caret { + margin:0; +} + +.lt-ie8 .inline li { + display: inline; + zoom: 1; +} + +.lt-ie9 .input-table { + border: 1px solid $inputOutsideBorder; +} + +.lt-ie9 .input-table input, +.lt-ie9 .input-table .input { + background-color: $inputIEBackground !important; + color: contrast($inputIEBackground) !important; + /** If font family is issued front google fonts hidden dot characters will always be white */ + font-family: Arial !important; +} + + +/* Portrait tablet to landscape and desktop */ +@media (max-width: 979px) { + .authentication-sidebar-title { + font-size: $fontSizeLarge; + } +} + +/* Landscape phone to portrait tablet */ +@media (max-width: 767px) { + #recaptcha_widget .btn { + min-width:33%; + } + + #authentication-sidebar-language { + position: absolute; + top: 0; + left: 20px; + right: 20px; + } + + .left-content .text-title, + .right-content .text-title { + font-size :26px; + } + + #headerDetail { + height: 0; + } + + .footer-block { + text-align: center; + } + + .header, + .logo, + .footer { + background-color: $backgroundSideBar; + @include border-radius(0px); + padding: 20px; + } + + .logo { + padding-top: 40px; + } + + .authentication-sidebar { + border-top: 1px solid $sideBarBlockBorderColorTop; + @include glow(none); + } + + .header { + border-bottom: 1px solid $black; + } + + .container { + @include glow($sideBarGlow); + } + + .footer .footer-block { + padding: 15px 0; + } +} + +/* Landscape phones and down */ +@media (max-width: 480px) { + +} + +/* ========================================================================== + EXAMPLE Media Queries for Responsive Design. + Theses examples override the primary ('mobile first') styles. + Modify as content requires. + ========================================================================== */ + +@media print, + (-o-min-device-pixel-ratio: 5/4), + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + /* Style adjustments for high resolution devices */ +} + +/* ========================================================================== + Print styles. + Inlined to avoid required HTTP connection: h5bp.com/r + ========================================================================== */ + +@media print { + * { + background: transparent !important; + color: #000 !important; /* Black prints faster: h5bp.com/s */ + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + /* + * Don't show links for images, or javascript/internal links + */ + + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; /* h5bp.com/t */ + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + @page { + margin: 0.5cm; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} diff --git a/resources/www/account/_variables.scss b/resources/www/account/_variables.scss new file mode 100644 index 0000000000..108dcbe982 --- /dev/null +++ b/resources/www/account/_variables.scss @@ -0,0 +1,346 @@ +// Variables +// -------------------------------------------------- + +@mixin glow($glow) { + box-shadow: $glow; + -webkit-box-shadow: $glow; + -moz-box-shadow: $glow; +} + +@mixin gradient ($colorButton, $multiplier){ + $colorHsl: lightness($colorButton) * $multiplier; + + background: -moz-linear-gradient($colorButton, hsl(hue($colorButton), saturation($colorButton), $colorHsl)); /* FF 3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $colorButton), color-stop(100%, hsl(hue($colorButton), saturation($colorButton), $colorHsl))); /*Safari 4+, Chrome 2+*/ + background: -webkit-linear-gradient($colorButton, hsl(hue($colorButton), saturation($colorButton), $colorHsl)); /* Safari 5.1+, Chrome 10+ */ + background: -o-linear-gradient($colorButton, hsl(hue($colorButton), saturation($colorButton), $colorHsl)); /* Opera 11.10 */ +/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff'); IE6 & IE7 + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff')"; IE8+ */ + background: linear-gradient($colorButton, hsl(hue($colorButton), saturation($colorButton), $colorHsl)); /* the standard */ +} + +// Global values +// -------------------------------------------------- + + +// Grays +// ------------------------- +$black: #000; +$grayDarker: #222; +$grayDark: #333; +$gray: #555; +$grayLight: #999; +$grayLighter: #eee; +$white: #fff; + + +// Accent colors +// ------------------------- +$blue: #049cdb; +$blueDark: #0064cd; +$green: #46a546; +$red: #9d261d; +$yellow: #ffc40d; +$orange: #f89406; +$pink: #c3325f; +$purple: #7a43b6; + + +// Own variables +// ---------------------------- + +$inputOutsideBorder: #4c4c4c; +$colorError: #af3030; +$colorSuccess: #108946; +$colorFacebook: #3b5a97; +$colorGooglePlus: #ba2828; +$colorViadeo: #242424; +$colorTwitter: #2fa3dc; +$colorLinkedin: #025b8e; +$colorGithub: #908c8b; +$backgroundSideBar: #1a1a1a; +$background: #141414; +$defaultFontFamily: 'tahoma', lucida grande,verdana,arial,sans-serif; +$sideBarGlow: 0 0 15px rgba(0, 0, 0, 1); +$dropDownLanguageGlow: 0 0 15px rgba(0, 0, 0, 1); +$sideBarBlockBorderColorBottom: $black; +$sideBarBlockBorderColorTop: #232222; +$identityPhraseanetBackgroundColor: #f2f2f2; +$identityPhraseanetColor: #323232; +$identityPhraseanetIconColor: #b3b3b3; +$languageCaretColor: $white; +$inputIEBackground: #6D6D6D; + +// Scaffolding +// ------------------------- +$bodyBackground: $white; +$textColor: $white; + + +// Links +// ------------------------- +$linkColor: #fff; +$linkColorHover: darken($linkColor, 15%); +$footerLinkColor: $linkColor; +$footerLinkColorHover: $linkColorHover; + + +// Typography +// ------------------------- +$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; +$serifFontFamily: Georgia, "Times New Roman", Times, serif; +$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace; + +$baseFontSize: 14px; +$baseFontFamily: $defaultFontFamily; +$baseLineHeight: 20px; +$altFontFamily: $serifFontFamily; + +$headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily +$headingsFontWeight: bold; // instead of browser default, bold +$headingsColor: inherit; // empty to use BS default, $textColor + + +// Component sizing +// ------------------------- +// Based on 14px font-size and 20px line-height + +$fontSizeLarge: $baseFontSize * 1.25; // ~18px +$fontSizeSmall: $baseFontSize * 0.85; // ~12px +$fontSizeMini: $baseFontSize * 0.75; // ~11px + +$paddingLarge: 11px 19px; // 44px +$paddingSmall: 2px 10px; // 26px +$paddingMini: 0 6px; // 22px + +$baseBorderRadius: 4px; +$borderRadiusLarge: 6px; +$borderRadiusSmall: 3px; + + +// Tables +// ------------------------- +$tableBackground: transparent; // overall background-color +$tableBackgroundAccent: #f9f9f9; // for striping +$tableBackgroundHover: #f5f5f5; // for hover +$tableBorder: #ddd; // table and cell border + +// Buttons +// ------------------------- +$btnBackground: $white; +$btnBackgroundHighlight: darken($white, 10%); +$btnBorder: #bbb; + +$btnPrimaryBackground: $linkColor; +$btnPrimaryBackgroundHighlight: spin($btnPrimaryBackground, 20%); + +$btnInfoBackground: #3d8fa8; +$btnInfoBackgroundHighlight: #0d4461; + +$btnSuccessBackground: #2fac74; +$btnSuccessBackgroundHighlight: #118749; + +$btnWarningBackground: lighten($orange, 15%); +$btnWarningBackgroundHighlight: $orange; + +$btnDangerBackground: #ee5f5b; +$btnDangerBackgroundHighlight: #bd362f; + +$btnInverseBackground: #444; +$btnInverseBackgroundHighlight: $grayDarker; + + +// Forms +// ------------------------- +$inputBackground: $black; +$inputBorder: none; +$inputBorderRadius: 0px; +$inputDisabledBackground: $grayLighter; +$formActionsBackground: #f5f5f5; +$inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border + + +// Dropdowns +// ------------------------- +$dropdownBackground: $backgroundSideBar; +$dropdownBorder: rgba(0,0,0,.2); +$dropdownDividerTop: #e5e5e5; +$dropdownDividerBottom: $white; + +$dropdownLinkColor: $white; +$dropdownLinkColorHover: $white; +$dropdownLinkColorActive: $white; + +$dropdownLinkBackgroundActive: lighten($backgroundSideBar, 10%); +$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive; + + + +// COMPONENT VARIABLES +// -------------------------------------------------- + + +// Z-index master list +// ------------------------- +// Used for a bird's eye view of components dependent on the z-axis +// Try to avoid customizing these :) +$zindexDropdown: 1000; +$zindexPopover: 1010; +$zindexTooltip: 1030; +$zindexFixedNavbar: 1030; +$zindexModalBackdrop: 1040; +$zindexModal: 1050; + + +// Sprite icons path +// ------------------------- +$iconSpritePath: "/skins/build/bootstrap/img/glyphicons-halflings.png"; +$iconWhiteSpritePath: "/skins/build/bootstrap/img/glyphicons-halflings-white.png"; + + +// Input placeholder text color +// ------------------------- +$placeholderText: $grayLight; + + +// Hr border color +// ------------------------- +$hrBorder: $grayLighter; + + +// Horizontal forms , lists +// ------------------------- +$horizontalComponentOffset: 180px; + + +// Wells +// ------------------------- +$wellBackground: #f5f5f5; + + +// Navbar +// ------------------------- +$navbarCollapseWidth: 979px; +$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1; + +$navbarHeight: 40px; +$navbarBackgroundHighlight: #ffffff; +$navbarBackground: darken($navbarBackgroundHighlight, 5%); +$navbarBorder: darken($navbarBackground, 12%); + +$navbarText: #777; +$navbarLinkColor: #777; +$navbarLinkColorHover: $grayDark; +$navbarLinkColorActive: $gray; +$navbarLinkBackgroundHover: transparent; +$navbarLinkBackgroundActive: darken($navbarBackground, 5%); + +$navbarBrandColor: $navbarLinkColor; + +// Inverted navbar +$navbarInverseBackground: #111111; +$navbarInverseBackgroundHighlight: #222222; +$navbarInverseBorder: #252525; + +$navbarInverseText: $grayLight; +$navbarInverseLinkColor: $grayLight; +$navbarInverseLinkColorHover: $white; +$navbarInverseLinkColorActive: $navbarInverseLinkColorHover; +$navbarInverseLinkBackgroundHover: transparent; +$navbarInverseLinkBackgroundActive: $navbarInverseBackground; + +$navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%); +$navbarInverseSearchBackgroundFocus: $white; +$navbarInverseSearchBorder: $navbarInverseBackground; +$navbarInverseSearchPlaceholderColor: #ccc; + +$navbarInverseBrandColor: $navbarInverseLinkColor; + + +// Pagination +// ------------------------- +$paginationBackground: #fff; +$paginationBorder: #ddd; +$paginationActiveBackground: #f5f5f5; + + +// Hero unit +// ------------------------- +$heroUnitBackground: $grayLighter; +$heroUnitHeadingColor: inherit; +$heroUnitLeadColor: inherit; + + +// Form states and alerts +// ------------------------- +$warningText: $white; +$warningBackground: $grayDark; +$warningBorder: darken(adjust-hue($warningBackground, -10), 3%); + +$errorText: $white; +$errorBackground: #c9322b; +$errorBorder: darken(adjust-hue($errorBackground, -10), 3%); + +$successText: $white; +$successBackground: #1f914f; +$successBorder: darken(adjust-hue($successBackground, -10), 5%); + +$infoText: $white; +$infoBackground: #4889af; +$infoBorder: darken(adjust-hue($infoBackground, -10), 7%); + + + + +// Tooltips and popovers +// ------------------------- +$tooltipColor: #fff; +$tooltipBackground: #000; +$tooltipArrowWidth: 5px; +$tooltipArrowColor: $tooltipBackground; + +$popoverBackground: #fff; +$popoverArrowWidth: 10px; +$popoverArrowColor: #fff; +$popoverTitleBackground: darken($popoverBackground, 3%); + +// Special enhancement for popovers +$popoverArrowOuterWidth: $popoverArrowWidth + 1; +$popoverArrowOuterColor: rgba(0,0,0,.25); + + + +// GRID +// -------------------------------------------------- + + +// Default 940px grid +// ------------------------- +$gridColumns: 12; +$gridColumnWidth: 60px; +$gridGutterWidth: 20px; +$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)); + +// 1200px min +$gridColumnWidth1200: 70px; +$gridGutterWidth1200: 30px; +$gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)); + +// 768px-979px +$gridColumnWidth768: 42px; +$gridGutterWidth768: 20px; +$gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)); + + +// Fluid grid +// ------------------------- +$fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth); +$fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth); + +// 1200px min +$fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200); +$fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200); + +// 768px-979px +$fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768); +$fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768); diff --git a/resources/www/account/main.scss b/resources/www/account/main.scss new file mode 100644 index 0000000000..b527aa862d --- /dev/null +++ b/resources/www/account/main.scss @@ -0,0 +1,9 @@ +$fontAwesomePath: "../../common/font"; // dist path +@import '../../../www/bower_components/normalize-css/normalize'; // not extension for inline import +@import '../shared/bootstrap'; +// @TODO enable importation of: @import "../../../../plugins/login.less"; +@import 'variables'; +@import 'skin'; +@import '../shared/skin/geonames'; +@import '../../../www/bower_components/font-awesome/sass/font-awesome.scss'; +@import '../../../www/bower_components/jquery-ui/themes/base/jquery.ui.autocomplete'; // not extension for inline import \ No newline at end of file diff --git a/www/skins/admin/css/Bases.css b/resources/www/admin/_databases.scss similarity index 98% rename from www/skins/admin/css/Bases.css rename to resources/www/admin/_databases.scss index c60c60819e..a9a7b04e33 100644 --- a/www/skins/admin/css/Bases.css +++ b/resources/www/admin/_databases.scss @@ -73,7 +73,7 @@ div[id$="_indexed_percent"] { } a.btn { - text-decoration: none; + text-decoration: none; } .status-img { diff --git a/resources/www/admin/_fields.scss b/resources/www/admin/_fields.scss new file mode 100644 index 0000000000..3f39371279 --- /dev/null +++ b/resources/www/admin/_fields.scss @@ -0,0 +1,291 @@ +#admin-field-app .row-top { + min-height: 60px; + border-bottom: 1px solid #000; +} + +#admin-field-app .row-bottom { + position: relative; +} + +#admin-field-app .right-block { + border-left: 1px dashed #000; + overflow: auto; + min-height: 200px; +} + +#admin-field-app h4 { + padding: 10px 0; +} + +#admin-field-app .lng-label a { + color: #aaa; + text-transform: capitalize; + font-weight: bold; + font-size: 14px; +} + +#admin-field-app .lng-label.select a { + color: #0080FF; +} + +#admin-field-app #collection-fields li { + background: #FFF; + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; + height: 55px; +} + +#admin-field-app ul.inline li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} + +#admin-field-app #collection-fields li .trigger-click { + cursor: pointer; +} + +#admin-field-app #collection-fields li.border-bottom{ + border-bottom: 1px solid #ccc; +} + +#admin-field-app #collection-fields li table { + table-layout: fixed; + width: 100%; + height: 100%; +} + +#admin-field-app #collection-fields li .field-name { + font-weight: bold; + font-size: 16px; + color: #666; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +#admin-field-app #collection-fields li .field-tag { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +#admin-field-app #collection-fields li .handle { + width: 10%; + vertical-align: middle; + text-align: center; + cursor: move; +} + +#admin-field-app #collection-fields li .trigger-click { + padding: 10px; +} + +#admin-field-app #collection-fields li .position { + width: 10%; + vertical-align: bottom; + text-align: center; +} + +#admin-field-app #collection-fields li .chip { + width: 10%; +} + +#admin-field-app #collection-fields li .handle, #admin-field-app #collection-fields li .position { + color: #ccc; + border-right: 1px solid #ccc; +} + +#admin-field-app #collection-fields li.last { + border-bottom: 1px solid #ccc; +} + +#admin-field-app #collection-fields li.selected { + border-top-color: #0080FF; + background: #FFF; + color: #000; +} + +#admin-field-app #collection-fields li.last.selected { + border-bottom-color: #0080FF; +} + +#admin-field-app #collection-fields li.last.selected.error { + border-bottom-color: #9d261d; +} + +#admin-field-app #collection-fields li.selected + li { + border-top-color: #0080FF; +} + +#admin-field-app #collection-fields li.selected.error { + border-top-color: #9d261d; +} + +#admin-field-app #collection-fields li.selected.error + li { + border-top-color: #9d261d; +} + +#admin-field-app #collection-fields li.selected .field-name { + color: #0080FF; +} + +#admin-field-app #collection-fields li.error .field-name { + color: #9d261d; +} + +#admin-field-app .item-list-placeholder { + border-top: 1px solid #ccc; + background-color: red; + height: 70px; +} + +#admin-field-app .add-field-block { + margin-bottom: 0px; +} + +#admin-field-app .add-field-block .control-label { + width: 80px; + text-align: left; +} + +#admin-field-app .add-field-block .controls { + margin-left: 100px; +} + +#admin-field-app .edit-form label { + width: 160px; +} + +#admin-field-app .edit-form select { + min-width: 220px; +} + +#admin-field-app .sidebar-add-block { + margin-top: 20px; +} +#admin-field-app .sidebar-search-block { + margin: 20px 0; +} + +#admin-field-app .list-block { + height: 450px; + min-height: 130px; + overflow: auto; + position: relative; +} + +#admin-field-app .edit-block { + padding: 5px 20px; +} + +#admin-field-app .edit-block table { + table-layout: fixed; + width: 100%; +} + +#admin-field-app .edit-block table label { + margin: 0px; + width: auto; +} + +#admin-field-app .edit-block table td:first-child { + width: 130px; +} + +#admin-field-app .edit-block td { + height: 25px; +} + +#admin-field-app .edit-block .dces-help-block { + height: auto; +} + +#admin-field-app .info { + color: #aaa; + padding: 10px; +} + +#admin-field-app .edit-block .edit-order { + height: 50px; +} + +#admin-field-app .edit-block .edit-order td { + height: 50px; +} + +#admin-field-app .edit-block .edit-label { + height: 75px; +} + +#admin-field-app .edit-block .edit-label ul { + margin: 0; +} + +#admin-field-app .edit-block .edit-name td { + font-size: 28px; + color: #0080FF; + height: 42px; + line-height: 42px; + font-weight: bold +} + +#admin-field-app .save-all{ + padding: 15px; +} + +#admin-field-app .overlay { + zoom: 1; + filter: alpha(opacity=50); + opacity: 0.5; + background: #fff; + position: absolute; + width: 100%; + height: 100%; + z-index: 2000; +} + +#admin-field-app .list-field-error li { + color: #9d261d; +} + +#admin-field-app .save-block.loading { + background: url('#{$iconsPath}loaderFFF.gif') #fff no-repeat center right; +} + +/* jquery ui autocomplete style */ +.ui-autocomplete-admin-field { + list-style-type: none; + overflow-y: auto; + overflow-x: hidden; + max-height: 180px; + background: #FFF; + max-width: 300px; + -webkit-box-shadow: 0 10px 6px -6px #777; + -moz-box-shadow: 0 10px 6px -6px #777; + box-shadow: 0 10px 6px -6px #777; +} + +.ui-autocomplete-admin-field li { + padding: 5px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.ui-autocomplete-admin-field li:hover { + padding: 5px; + background: #ccc; +} + +.ui-autocomplete-admin-field li a { + text-decoration: none; +} + +.ui-autocomplete-admin-field li a:hover { + text-decoration: none; + background: none; + color: #000; + border: none; +} diff --git a/www/skins/admin/css/Tables.css b/resources/www/admin/_tables.scss similarity index 98% rename from www/skins/admin/css/Tables.css rename to resources/www/admin/_tables.scss index f4135153fe..99ac491150 100644 --- a/www/skins/admin/css/Tables.css +++ b/resources/www/admin/_tables.scss @@ -136,5 +136,5 @@ td.users_col.options { } .detail-table tr.even { - background-color: #FAFBDF; + background-color: #FAFBDF; } diff --git a/www/skins/admin/css/Main.css b/resources/www/admin/main.scss similarity index 83% rename from www/skins/admin/css/Main.css rename to resources/www/admin/main.scss index 5e6aca3a1e..c54c8fdbbb 100644 --- a/www/skins/admin/css/Main.css +++ b/resources/www/admin/main.scss @@ -1,3 +1,12 @@ +$skinsPath: '../../../skins/'; +$iconsPath: '../../../skins/icons/'; + +@import '../vendors/jquery.treeview/jquery.treeview'; // to inline import css file, don't put extension +@import '../../../www/bower_components/jquery-file-upload/css/jquery.fileupload-ui'; // to inline import css file, don't put extension +@import '../shared/jquery.contextmenu'; +@import '../shared/skin/main'; +@import '../shared/skin/geonames'; + /******* GLOBAL CSS for ADMIN *************************************************/ body { margin: 0; @@ -81,7 +90,7 @@ div.selected a { background-color: transparent; } #right-ajax.loading { - background-image: url('/skins/icons/loaderFFF.gif'); + background-image: url('#{$iconsPath}loaderFFF.gif'); background-repeat: no-repeat; background-position: center center; } @@ -165,7 +174,7 @@ div.no_switch { width: 12px; height: 12px; margin: 0 auto; - background-image: url('/skins/icons/ccoch5.gif'); + background-image: url('#{$iconsPath}ccoch5.gif'); background-repeat: no-repeat; background-position: center center; } @@ -181,7 +190,7 @@ div.switch_quota.mixed, div.switch_masks.mixed, div.switch_time.mixed, div.switch_right.mixed { - background-image: url('/skins/icons/ccoch2.gif'); + background-image: url('#{$iconsPath}ccoch2.gif'); background-repeat: no-repeat; background-position: center center; } @@ -189,7 +198,7 @@ div.switch_quota.checked, div.switch_masks.checked, div.switch_time.checked, div.switch_right.checked { - background-image: url('/skins/icons/ccoch1.gif'); + background-image: url('#{$iconsPath}ccoch1.gif'); background-repeat: no-repeat; background-position: center center; } @@ -197,7 +206,7 @@ div.switch_quota.unchecked, div.switch_masks.unchecked, div.switch_time.unchecked, div.switch_right.unchecked { - background-image: url('/skins/icons/ccoch0.gif'); + background-image: url('#{$iconsPath}ccoch0.gif'); background-repeat: no-repeat; background-position: center center; } @@ -227,13 +236,13 @@ div.switch_right.unchecked { background-position: 5px center; } .board_section div[class="section"] ul.setup li.good-enough { - background-image: url(/skins/icons/ok.png); + background-image: url('#{$iconsPath}ok.png'); } .board_section div[class="section"] ul.setup li.non-blocker { - background-image: url(/skins/icons/alert.png); + background-image: url('#{$iconsPath}alert.png'); } .board_section div[class="section"] ul.setup li.blocker { - background-image: url(/skins/icons/delete.png); + background-image: url('#{$iconsPath}delete.png'); } .board_section div[class="section"] ul.setup li:hover { background-color: #fffbcd; @@ -269,11 +278,11 @@ div.switch_right.unchecked { } #GV_form .controls { - margin-left: 260px; + margin-left: 260px; } #GV_form .control-label { - width: 240px; + width: 240px; } #GV_form .section h1 { @@ -285,21 +294,26 @@ div.switch_right.unchecked { } #tab-registrations .dl-horizontal dd { - word-break: break-all; - margin-left: 140px; + word-break: break-all; + margin-left: 140px; } #tab-registrations .dl-horizontal dt { - width: 130px; + width: 130px; } #tab_demandes .table .btn-group { - display: block; + display: block; } #admin_setup_registry .control-label { - min-width: 260px; + min-width: 260px; } #admin_setup_registry .form-horizontal .controls, #admin_setup_registry .form-horizontal .help-message { - margin-left: 300px; + margin-left: 300px; } + + +@import './databases'; +@import './fields'; +@import './tables'; diff --git a/resources/www/authentication/main.scss b/resources/www/authentication/main.scss new file mode 100644 index 0000000000..273b143657 --- /dev/null +++ b/resources/www/authentication/main.scss @@ -0,0 +1 @@ +@import '../account/main'; diff --git a/resources/www/common/main.scss b/resources/www/common/main.scss new file mode 100644 index 0000000000..b92e8eca01 --- /dev/null +++ b/resources/www/common/main.scss @@ -0,0 +1,13 @@ +/** + * Common stylesheet, builded into assets/common/css/common.css + */ +@import '../shared/bootstrap.scss'; +@import '../shared/bootstrap-responsive.scss'; +$fontAwesomePath: "../font"; // dist path +@import '../../../www/bower_components/font-awesome/sass/font-awesome.scss'; + +// to inline import css file, don't put extension +// assets/fancytree/dist/skin-win8/ui.fancytree.min.css + +@import '../shared/skin/main'; +@import '../shared/skin/geonames'; \ No newline at end of file diff --git a/resources/www/oauth/main.scss b/resources/www/oauth/main.scss new file mode 100644 index 0000000000..6b7269be27 --- /dev/null +++ b/resources/www/oauth/main.scss @@ -0,0 +1,95 @@ +/********* Default CSS Oauth pages *********/ + +/****************** Page *******************/ + +html, body { + background: #000000; + font-family: Verdana, sans-serif; + color: #FFFFFF; +} + +/**************** Title-box ****************/ + +#title-box { + height: 40px; + padding: 50px 10px 50px 10px; + background: #666666; /* Old browsers */ + background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #595959 0%, #4c4c4c 12%, #474747 20%, #131313 77%); /* FF3.6+ */ + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#666666), color-stop(0%,#595959), color-stop(12%,#4c4c4c), color-stop(20%,#474747), color-stop(77%,#131313)); /* Chrome,Safari4+ */ + background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#595959 0%,#4c4c4c 12%,#474747 20%,#131313 77%); /* Chrome10+,Safari5.1+ */ + background: -o-radial-gradient(center, ellipse cover, #666666 0%,#595959 0%,#4c4c4c 12%,#474747 20%,#131313 77%); /* Opera 12+ */ + background: -ms-radial-gradient(center, ellipse cover, #666666 0%,#595959 0%,#4c4c4c 12%,#474747 20%,#131313 77%); /* IE10+ */ + background: radial-gradient(center, ellipse cover, #666666 0%,#595959 0%,#4c4c4c 12%,#474747 20%,#131313 77%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ +} +#namePhr { + color: #A9A9A9; + text-align: center; +} + +/*************** Content-box ***************/ + +#content-box { + padding: 10px; + text-align: center; +} +p.login_error { + color: #FF0000; +} +p.login_hello { + color: #FFFFFF; +} +#login-form { + text-align: center; +} +#myLogin { + background: #FFFFFF; + box-shadow: 0px 0px 10px #DCDCDC; + border-bottom: 1px solid #DCDCDC; + border-radius: 15px 15px 0 0; + padding: 10px; + margin-bottom: 0; +} +#myPass { + background: #FFFFFF; + box-shadow: 0px 0px 10px #DCDCDC; + border-top: 1px solid #DCDCDC; + border-radius: 0 0 15px 15px; + padding: 10px; + margin-bottom: 0; +} +#button_login { + margin-top: 20px; +} +#hello-box { + padding: 10px; + text-align: center; +} +#text-box { + background: #FFFFFF; + box-shadow: 0px 0px 10px #DCDCDC; + border-radius: 15px; + padding: 10px; + color: #000000; +} +#top-text-box { + padding-bottom: 5px; + border-bottom: 1px dashed #000000; + font-weight: bold; +} +#main-text-box { + padding-top: 10px; + color: #808080; +} +#main-text-box span { + color: #FFA500; +} +#btn-box { + padding: 10px; + text-align: center; +} +form.access-deny { + display: inline-block; + margin-top: 10px; + margin-bottom: 10px; +} diff --git a/resources/www/prod/_ie7.scss b/resources/www/prod/_ie7.scss new file mode 100644 index 0000000000..8dec9593f9 --- /dev/null +++ b/resources/www/prod/_ie7.scss @@ -0,0 +1,32 @@ +.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; + } +} diff --git a/resources/www/prod/_ie8.scss b/resources/www/prod/_ie8.scss new file mode 100644 index 0000000000..0c61f87314 --- /dev/null +++ b/resources/www/prod/_ie8.scss @@ -0,0 +1,11 @@ +.lt-ie9 { + #adv_search table.colllist + { + width:270px; + } + + #adv_search table.filterlist + { + width:580px; + } +} \ No newline at end of file diff --git a/resources/www/prod/main.scss b/resources/www/prod/main.scss new file mode 100644 index 0000000000..020bde4c3b --- /dev/null +++ b/resources/www/prod/main.scss @@ -0,0 +1,107 @@ + +@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'; // to inline import css file, don't put extension +@import '../../../www/bower_components/humane-js/themes/libnotify'; +@import '../shared/jquery.contextmenu'; +@import '../shared/jquery.image_enhancer'; +@import '../shared/colorpicker'; +@import '../shared/skin/main'; +@import '../shared/skin/geonames'; +@import '../shared/skin/basket'; +@import '../shared/skin/push'; +//include/jslibs/colorpicker/css/colorpicker.css, + + +#idFrameC { + top: 10px; + bottom: 10px; +} + +#idFrameC .ui-tabs { + bottom: 10px; + left: 0; +} + +#answers { + overflow-x: hidden; + overflow-y: auto; +} + +.caption-tooltip-container { + max-width: 500px; + +} +.caption-tooltip-container .popover-inner .popover-content { + max-width: 500px; + max-height: 500px; + overflow: auto; + overflow-x: hidden; +} + +.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;} \ No newline at end of file diff --git a/resources/www/prod/skin-000000.scss b/resources/www/prod/skin-000000.scss new file mode 100644 index 0000000000..f9b6b64390 --- /dev/null +++ b/resources/www/prod/skin-000000.scss @@ -0,0 +1,4992 @@ +$imagesPath: ''; +$col1: #3b3b3b; +$col2: #1a1a1a; +$imagesPath: '../../../skins/prod/000000/images/'; +$skinsPath: '../../../skins/'; +$iconsPath: '../../../skins/icons/'; +/******* GLOBAL PROD **********************************************************/ + +::-webkit-scrollbar-track +{ + border-radius: 0; + background-color: #080808; +} + +::-webkit-scrollbar { + width: 6px; + border-radius: 0; +} + +::-webkit-scrollbar-thumb { + border-radius: 0; + width: 3px; + background-color: $col1; +} + +::-webkit-scrollbar-button { + width: 0; + height: 0; + display: none; +} +::-webkit-scrollbar-corner { + background-color: transparent; +} + +html { + border: medium none; + height: 100%; + margin: 0; + padding: 0; + z-index: 1; +} + +html, body { + font-size: 12px; + z-index: 1; +} + +#desktop { + min-width: 1100px; +} + +*::-moz-selection, *::selection{ + background: #FFFFFF; + color: black; +} + +input::selection, textarea::selection, +input::-moz-selection, textarea::-moz-selection { + background: #404040; + color: #FFFFFF; +} + +label { + color: #FFFFFF; +} + +legend { + color: #FFFFFF; + width: auto; + border: none; +} + +EM { + FONT-STYLE: normal; + BACKGROUND-COLOR: #D82400; +} + +.clickable { + cursor: pointer; +} + +.diapo.selected { + cursor: url('#{$iconsPath}cursor-move.png'), -moz-grab; +} + +.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; +} + +body { + color: #FFFFFF; + background-color: $col2; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + overflow: hidden; + overflow-x: hidden; + overflow-y: hidden; +} + +#maincontainer { + min-width: 970px; + min-height: 500px; +} + +#mainContent { + 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: 12px; + text-align: right; + text-decoration: underline; + height: 16px; +} + +.ww_status { + background-image: url('#{$imagesPath}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; +} + +.ui-dialog .ui-dialog-content.loading, .loading { + background-image: url('#{$iconsPath}loader000.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#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; +} + +#idFrameC { + top: 0 !important; + min-width: 300px; + bottom: 0 !important; +} + +#idFrameC.closed { + min-width: 0; +} + + +#idFrameC #retractableButton { + cursor: pointer; + width: 70px; + height: 85px; + float: right; + text-align: center; + line-height: 70px; + margin-bottom: -20px; + background: url("/skins/icons/workzoneEscamote.png") 30px 36px no-repeat; +} + +#idFrameC.closed #retractableButton { + background: url("/skins/icons/workzoneEscamote_on.png") 30px 30px no-repeat; +} + +#idFrameC .wrapper { + background-color: $col1; + right: 10px; + border-top: 1px solid #000; +} + +.ui-tabs { + background-color: tranparent; + padding: 0; + border-style: none; +} + +.ui-tabs .ui-tabs-nav { + border: none; + padding: 0px; +} + +#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: $col2; + width: 8px; + cursor: col-resize; +} + +.ui-widget-header { + background: none; + border: transparent 0px none; +} + +.ui-tabs .ui-tabs-nav li { + background-color: #666666; + height: 30px; + border: none; + overflow: hidden; +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + background-color: #404040; + border: none; +} + +#idFrameC .ui-tabs .ui-tabs-nav li { + width: auto; + height: 85px; + display: inline-block; + background-color: $col1; + z-index: 10; +} + +#idFrameC .ui-tabs .ui-tabs-nav li.proposals_WZ.ui-state-active a { + border-bottom: 3px solid #4c5d84; +} + +#idFrameC .ui-tabs .ui-tabs-nav li.thesaurus.ui-state-active a { + border-bottom: 3px solid #884c92; +} + +#idFrameC .ui-tabs .ui-tabs-nav li.baskets.ui-state-active a { + border-bottom: 3px solid #076882; +} + + +#idFrameC .ui-tabs #thesaurus_tab li a { + color: #FFFFFF; +} + +#idFrameC .ui-tabs #thesaurus_tab li.th_tab a { + height: 43px; + line-height: 43px; + vertical-align: middle; + margin: 0; + padding: 0 20px; + display: block; + text-decoration: none; +} + +#idFrameC .ui-tabs #thesaurus_tab li.th_tab .ui-state-active { + border-bottom: 1px solid #884c92; +} + +#idFrameC .ui-tabs #thesaurus_tab li.th_tab { + height: 43px; + margin: 0; +} + +#THPD_T, #THPD_C { + margin-top: 10px; + margin-left: 0px; +} + +#THPD_WIZARDS .gform .input-append { + width: 100%; + margin: 0; + padding: 0; + border: 1px solid #303030; + border-top: none; +} + +#THPD_WIZARDS .gform .input-append input.input-medium { + width: 80%; + border-radius: 0; + height: 50px; + padding: 0 2.5%; + background: #ededed; + border: none; + float: left; + margin: 0; +} + +#THPD_WIZARDS .gform .input-append .th_ok { + width: 15%; + line-height: 50px; + vertical-align: middle; + padding: 0; + border-radius: 0; + background: $col1 url('#{$skinsPath}icons/icon_magnify.png') 50% no-repeat; + border: none; + margin: 0; + outline:none; + float: left; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; +} + + +#THPD_WIZARDS .gform .input-append .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('#{$skinsPath}icons/icon_clear_search.png') 50% no-repeat; + border: none; + outline: none; + box-shadow: none; + -webkit-appearance: none; +} + +.treeview li { + background-image: none; +} + +.treeview>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 #303030; +} + +.treeview>li.expandable>.hitarea { + height: 51px; + background: url('#{$skinsPath}icons/sprite_tree_first.png') 99% 22px no-repeat; + border-left: 5px $col1 solid; +} + +.treeview>li.expandable>.hitarea:hover, +.treeview>li.expandable>.hitarea.active { + border-left: 5px #884c93 solid; +} + +.treeviewul li { + color: #a1a1a1; + vertical-align: middle; +} + +.treeview .hitarea { + background: none; + width: 100%; + height: 100%; + position: absolute; +} + +.treeview ul li .hitarea { + background: url('#{$skinsPath}icons/icon_tree.png') 0 0 no-repeat; + position: relative; + height: 9px; + width: 9px; + margin-top: 5px; +} + +.treeview ul li:hover { + color: #FFFFFF; +} + +.treeview ul li span.h { + color: #884c92 !important; +} + + +.treeview ul li span { + color: #a6a6a6; +} + +#THPD_T_treeBox { + font-size: 0.85em; +} + +#THPD_T_treeBox { + overflow-x: hidden; + overflow-y: hidden; +} + +#THPD_T_treeBox>div { + width: 100%; + display: inline-block; +} + +#THPD_T_treeBox: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; +} + +#THPD_tabs .treeview LI.selected SPAN { + background-color: #884c92 !important; + color: #FFFFFF !important; +} + +#THPD_tabs .treeview ul li.expandable { + +} + +#idFrameC .ui-tabs .ui-tabs-nav li { + border-radius: 0; +} + +#idFrameC .ui-tabs .ui-tabs-nav li a { + padding: 0; + margin: 0; + border-radius: 0; +} + +#idFrameC .ui-tabs .ui-tabs-nav li a.escamote { + margin:25px 25px 0 0; +} + +#idFrameC .ui-tabs .ui-tabs-nav li:hover a { + background-color: #666666; +} + +#idFrameC .ui-tabs .ui-tabs-nav li.ui-state-active a { + background-color: #333; + border-bottom: 1px solid #884c92; + height: 82px; +} + +#idFrameC ul.icon-menu { + width: 100%; +} + +#idFrameC .icon-menu .WZbasketTab { + display: block; + background-image: url("/skins/icons/workzone32.png"); + background-repeat: no-repeat; + background-position: 9px 21px; + width: 70px; + height: 82px; +} + +#idFrameC .icon-menu .WZtabs { + display: block; + width: 70px; + height: 82px; + line-height: 82px; + vertical-align: middle; + text-align: center; +} + +#basket_menu_trigger { + padding: 32px 7px 0 0; + float: right; + font-size: 9px; + cursor: pointer; +} + +#idFrameC.closed .icon-menu li { + clear: left; +} + +#idFrameC.closed .ui-tabs-panel, +#idFrameC.closed .ui-resizable-handle { + display: none; +} + +#idFrameC li.proposals_WZ.active img.proposals_off, +#idFrameC li.proposals_WZ img.proposals_on { + display: none; +} + +.ui-tabs .ui-tabs-nav li a { + padding: 10px 8px; + font-size: 0.8em; + font-weight: normal; +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-active a, +.ui-tabs .ui-tabs-nav li.ui-state-disabled a, +.ui-tabs .ui-tabs-nav li.ui-state-processing a { + cursor: pointer; +} + +.ui-tabs .ui-tabs-nav li a, +.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { + cursor: pointer; +} + +.ui-tabs .ui-tabs-panel { + overflow-x: hidden; + overflow-y: auto; + display: block; + border-width: 0; + padding: 0px; + background-color: $col1; +} + +.ui-tabs .ui-tabs-panel.tabBox { + height: 405px; + overflow: auto; + position: relative; + padding: 10px; + +} + +.ui-tabs .ui-tabs-hide { + display: none !important; +} + +.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: #EAEAEA; + 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; +} + +.ui-dialog.ui-widget-content { + background-color: #111111; +} + +.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('/include/jslibs/jquery-ui-1.10.3/css/dark-hive/images/ui-icons_cccccc_256x240.png'); +} + +#baskets .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { + color: #FFFFFF; + font-size: 1em; +} + +.ui-accordion .ui-accordion-content.loading { + background-image: url('#{$skinsPath}icons/loader000.gif'); + 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-image: url('#{$iconsPath}bask_back.png');*/ + background-repeat: repeat-x; + margin-bottom: 0; + height: 44px; + line-height: 44px; + background-color: $col1; + border-bottom: 1px solid #000; + border-radius: 0; +} + +.ui-accordion>div { + border-top: 1px solid #000; +} + +.ui-accordion .ui-accordion-header.unread .workzone-menu-title { + font-style: italic; + font-weight: bold; +} + +.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: #474747; +} + +#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 { + +} + +.cgu-dialog blockquote p { + margin: 10px 30px 10px 0; +} + +.cgu-dialog blockquote { + margin: 10px 30px; + overflow: auto; + max-height: 400px; +} + +/******* .colorpickerbox ******************************************************/ + +.colorpickerbox .colorpicker_submit .submiter { + padding: 3px 0 0 0; +} + +.colorpickerbox .colorpicker_submit { + background-image: none; + background-color: black; + height: 25px; + left: 90px; + overflow: hidden; + position: absolute; + top: 15px; + width: 100px; + border: 1px solid #404040; + cursor: pointer; + text-align: center; +} + +.colorpickerbox .colorpicker_focus { + border: 1px solid #999999; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.colorpickerbox .colorpicker_current_color, +.colorpickerbox .colorpicker_field, +.colorpickerbox .colorpicker_hex { + display: none; +} + +.colorpickerbox .colorpicker_color, +.colorpickerbox .colorpicker_hue { + top: 56px; +} + +.colorpickerbox .colorpicker_new_color { + left: 14px; +} + +.colorpickerbox .colorpicker { + width: 210px; + height: 220px; +} + +.colorpickerbox { + position: relative; + float: left; +} + +/******* FORMULAIRE DE RECHERCHE **********************************************/ + +.searchFormWrapper { + margin: 30px 0 0 5px; + line-height: 30px; +} + +#searchForm { + width: 100%; + float: left; +} + +#searchForm .input-append { + float: left; + width: 50%; +} + +#searchForm .control-group { + float: right; + margin-left: 0; +} + +#searchForm .input-append .btn { + border:none; +} + +#searchForm .input-append a.btn { + height: 22px; + width: 20px; +} + +#searchForm .input-append button.btn { + height: 30px; + width: 110px; + border-left: 1px solid #242424; +} + +/******* PRESENTATION DE MINIATURES *******************************************/ + +/* +.infoTips { + background: none !important; + width: 13px !important; + height: 10px !important; + padding-top: 4px; + margin-right: 9px; +} +*/ + +.contextMenuTrigger { + color: #FFFFFF; + font-size: 10px; + margin-left: 5px; + line-height: 18px; + vertical-align: middle; +} + +.contextMenuTrigger:hover { + color: #FFFFFF; +} + +.captionRolloverTips, .previewTips, .infoTips, +.baskAdder, .printer, .downloader, .baskDeleter { + background-image: url('#{$iconsPath}zoom.gif'); + background-repeat: no-repeat; + background-position: center center; + width: 18px; + height: 18px; + float: right; + cursor: pointer; +} + +.captionRolloverTips { + background-image: url('#{$iconsPath}mode_list.gif'); +} + +.infoTips { + background-image: url('#{$iconsPath}info.gif'); +} + +.baskAdder { + background-image: url('#{$iconsPath}basket.gif'); +} + +.baskDeleter { + background-image: url('#{$iconsPath}delete.gif'); +} + +.printer { + background-image: url('#{$iconsPath}print.gif'); +} + +.downloader { + background-image: url('#{$iconsPath}download.gif'); +} + +#tool_navigate input { + text-align: center; +} + +#tool_navigate a { + padding: 1px 5px; + margin: 0 4px; + background-color: #0077BC; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + font-size: 12px; + line-height: 14px; + font-weight: bold; + cursor: pointer; +} + +.diapo div.title { + overflow: hidden; + text-overflow: ellipsis; +} + +div.diapo { + position: relative; + display: block; + float: left; + border: 1px solid #404040; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + text-align: center; + margin: 8px 5px; +} + +#idFrameT #answers { + background-color: #111111; + border: 1px solid #111111; + top: 55px; + bottom: 0; + margin-right: 8px; + overflow-y: hidden; + padding-left: 10px; +} + +#idFrameT #answers:hover { + overflow-y: auto; +} + +#answers_status{ + position: absolute; + bottom: 0px; + left: 10px; + height: 60px; + width: 400px; + z-index: 1000; +} + +#answers_status table{ + width: 100%; +} + +#answers_status table tr{ + height: 20px; + vertical-align: middle; +} + +#answers_status table tr td.navigation{ + text-align: right; +} + +#answers_status .infos { + text-align: left; + line-height: 18px; + font-size: 11px; + color: #949494; + height: 60px; +} + +#answers_status .infos .infoDialog { + float: left; + background: #0c4554; + color: #FFFFFF; + padding: 0 25px; + font-size: 11px; + padding-top: 24px; + margin-right: 10px; + height: 36px; +} + +#answers_status .infos .infoDialog span { + font-size: 22px; + margin-bottom: 3px; + float: left; + margin-right: 10px; +} + +#answers_status #docInfo { + height: 40px; + background: #0c4554; + color: #FFFFFF; + padding: 0 25px; + padding-top: 20px; + float: left; + min-width: 105px; + font-size: 11px; + line-height: 12px; + border-right: 1px solid #000; +} + + +#answers_status .infos #nbrecsel { + font-size: 22px; + margin-top: 7px; + float: left; + margin-right: 7px; + display: block; + height: 40px; +} + + +/******* POPOVERS *************************************************************/ +#tooltip .popover { + background-color:inherit; +} + +.popover-inner { + background-color: black; + border: 2px solid #444; + padding: 0px; + color: #FFFFFF; + border-radius: 4px; +} + +.popover-inner .popover-title { + background-color: #404040; + border-radius: 0; +} + +.popover-inner .popover-content { + background-color: #000000; +} + +/******* idFrameT CSS *********************************************************/ + +#idFrameT { + margin-left: -20px; + margin-right: -20px; +} + +.submenu .ui-buttonset { + z-index: 120; +} + +#idFrameT #selectCase { + background: url('#{$skinsPath}icons/ccoch0.gif') no-repeat center center; + padding-left: 16px; +} + +#idFrameT .btn-toolbar { + margin-bottom: 0px; + margin-top: 0px; + height: 30px; + background-color: $col1; + font-size:10px; + z-index:100; + height:45px; +} + +#idFrameC .tools { + text-align: left !important; +} + +#idFrameC .tools label { + display: inline; + margin: 0 15px 0 0; + float: left; + font-size: 11px; + color: #7f7f7f; + line-height: 22px; + vertical-align: middle; +} + +#idFrameT .tools .classicButton button.btn, +#idFrameT .tools .dropdownButton { + margin: 0; +} + +#idFrameT .tools:first-child .btn-group { + border-right: 1px solid #474747; +} + +#idFrameT .tools .btn-group { + float: left; +} + +#idFrameT .tools .classicButton button.btn, +#idFrameT .tools .dropdownButton button.btn { + height: 30px; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + -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); +} + +#idFrameT .tools .classicButton button.btn-inverse, +#idFrameT .tools .dropdownButton button.btn-inverse { + /* + *background-color: #404040; + background-image: -ms-linear-gradient(top, #444444, #393939); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#393939)); + background-image: -webkit-linear-gradient(top, #444444, #393939); + background-image: -o-linear-gradient(top, #444444, #393939); + background-image: -moz-linear-gradient(top, #444444, #393939); + background-image: linear-gradient(top, #444444, #393939); + *border: 1px solid #515151; + color: #AAAAAA; + padding-left: 5px; + */ + background-image: none; + background-color: $col1; + border-radius: 0; + margin: 0; + height: 45px; + border: 0; +} + +#idFrameT .tools .classicButton button.btn-inverse { + border-right: 0; +} + +#idFrameT .tools .dropdownButton button.btn-inverse { + border-left: 0; + border-right: 0; +} + +#idFrameT .tools .classicButton button.btn-inverse:hover, +#idFrameT .tools .dropdownButton button.btn-inverse:hover { + background-color: #393939; + *background-color: #393939; + color: #FFFFFF; +} + +#idFrameT .tools .classicButton button.btn-inverse img, +#idFrameT .tools .dropdownButton button.btn-inverse img { + margin: 0 2px; + max-width: none; +} + +#idFrameT .tools .dropdown-menu { + min-width: 95px; + background-color: #393939; + *border: 1px solid #515151; +} + +#idFrameT .tools .dropdown-menu a { + padding: 3px 10px; + font-size: 12px; + color: #aaaaaa; + cursor: pointer; +} + +#idFrameT .tools .dropdown-menu a:hover { + background-color: #313131; + color: #FFFFFF; +} + +#idFrameT .tools .dropdown-menu img { + margin-right: 5px; +} + +#idFrameT .tools #settings { + display: block; + float: right; + line-height: 45px; + padding-right: 30px; + padding-left: 21px; + margin-right: 21px; + color: #949494; + background: url('#{$iconsPath}icone_settings.png') right 15px no-repeat; + border-left: 1px solid #474747; +} + +#idFrameT .tools #settings:hover { + background-color: #393939; +} + +.dropdown-menu .divider { + background-color: #515151; + border-bottom: 1px solid #404040; + margin: 3px 1px 3px 1px; +} + +/******* BASKETS **************************************************************/ + +#idFrameC .tools { + text-align: center; +} + +#idFrameC .tools button { + background-color: transparent; + border: none; + width: 16px; + height: 22px; + cursor: pointer; + padding: 0px; +} + +#idFrameC #baskets .alert_datas_changed { + position: absolute; + top: 5px; + height: 20px; + right: 26px; + left: 10px; + background-color: #fff190; + color: $col2; + text-align: center; + font-weight: bold; + font-size: 12px; + display: none; + z-index: 5000; +} + +#idFrameC #baskets .content.grouping .alert_datas_changed, +#idFrameC #baskets .content.basket .alert_datas_changed { + position: relative; + margin: 10px 0; + right: 0; + left: 0; +} + +#idFrameC #baskets .bloc { + position: absolute; + top: 31px; + left: 0pt; + right: 1px; + bottom: 0px; + overflow-y: auto; + overflow-x: hidden; +} + +#baskets .insidebloc { + top: 0; +} + +#baskets .top-scroller, +#baskets .bottom-scroller { + height: 80px; + position: absolute; + border: none; + top: 0px; + bottom: 0; + left: 0; + right: 0; +} + +#baskets .top-scroller { + bottom: auto; +} + +#baskets .bottom-scroller { + top: auto; +} + +#idFrameC #baskets .bloc.groupDrop { + border: 3px solid #a00; +} + +#idFrameC .ui-tabs,#idFrameE .ui-tabs { + position: absolute; + top: 0px; + left: 10px; + bottom: 0px; + right: 0; +} + +#idFrameC .ui-tabs .ui-tabs-nav,#idFrameE .ui-tabs .ui-tabs-nav { + background-color: transparent; + top: 0px; + left: 10px; + right: 10px; + margin-top: 21px; + border-top: 1px solid #303030; + border-radius: 0; + height: 43px; + border-bottom: 1px solid #303030; +} + +#idFrameC .ui-tabs .ui-tabs-panel,#idFrameE .ui-tabs .ui-tabs-panel { + position: absolute; + top: 56px; + left: 0px; + bottom: 0px; + right: 0px; +} + +.CHIM.diapo { + width: 100px; + overflow: hiden; +} + +.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; +} + +.CHIM.diapo .bottom span,.CHIM.diapo .bottom img { + cursor: pointer; + vertical-align: middle; + color: #FFFFFF; + font-size: 10px; +} + +.CHIM.diapo img { + margin-top: 9px; + z-index: 14; + position: relative; +} + +#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: #414141; +} + +.diapo .thumb { + overflow: hidden; + position: relative; +} + +.diapo .thumb .record { + position: relative; + margin: 0 auto; +} + +.diapo.CHIM .thumb_wrapper { + padding: 6px 9px; +} + +.diapo.IMGT .thumb_wrapper { + padding: 0 11px; +} + +.diapo .bottom { + position: absolute; bottom: 0px; +} + +#answers .list { + position: relative; + float: left; + margin: 10px; + width: 600px; + overflow: hidden; + border: 3px solid #404040; +} + +.ui-accordion .ui-accordion-content { + background-color: #212121; + margin-top: 0; + border-top: none; + margin-top: -1px; + margin-bottom: 0px; +} + +.ui-accordion .ui-accordion-content.grouping { + border: 1px solid #2f4a6f; + border-top: none; +} + +#baskets .SSTT.active { + border: 1px solid #b1b1b1; +} + +#baskets .SSTT .title { + overflow: hidden; + left: 30px; + right: 40px; + height: 16px; + margin: 2px 0; + font-size: 12px; +} + +#baskets .SSTT .menu { + text-align: right; + position: absolute; + right: 0; + top: 0; + padding: 3px; + margin: 0 5px 0 0; +} + +#baskets .SSTT .menu table td { + width:20px; +} + +#baskets .SSTT .workzone-menu-title { + text-overflow: ellipsis; + padding-right:65px; + overflow: hidden; + white-space: nowrap; + display: block; +} + +#baskets .menu .contextMenuTrigger { + cursor: pointer; + display: block; + padding: 0; + margin: 0; + background: url('#{$iconsPath}contextMenuTrigger.png') 0 13px no-repeat; + height: 45px; + width: 13px; +} + +/** hack IE7 only */ +*:first-child+html .workzone-menu-title { + margin-right:65px; +} + +#baskets .SSTT img { + max-height: 18px; + vertical-align: middle; + cursor: help; + margin-right: 9px; +} + +#baskets .SSTT.grouping.active { + border: 1px solid #2f4a6f; +} + +#baskets .SSTT.grouping.active.ui-corner-top { + border-bottom: none; +} + +#baskets .SSTT.active.ui-corner-top { + border: none; + border-top: 1px solid #000; + top: 0; + background-color: #212121; +} + +.ui-accordion .ui-accordion-header.baskDrop { + color: red; +} + +form.phrasea_query input.query { + padding-left: 30px; + font-size: 16px; + margin: 0; + width: 59%; +} + +#basket-rename-box .btn, #reorder_box .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#basket-rename-box .btn-inverse, #reorder_box .btn-inverse { + *border: 1px solid #515151; + color: #AAAAAA; +} + +#basket-rename-box .btn-inverse:hover, #reorder_box .btn-inverse:hover { + color: #FFFFFF; +} + +/******* QUERIES HISTORY ******* (currently not used in HTML code )************/ +/* +#history-queries ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +#history-queries ul li { + cursor: pointer; +} + +#history-queries ul li.hover { + color: #838383; +} + +#choosen-topics UL.opened { + margin-left: 5px; + padding-left: 10px; + list-style-type: none; +} + +#choosen-topics UL.static { + margin-left: 5px; + padding-left: 10px; + list-style-type: none; +} + +#choosen-topics UL.closed { + display: none; +} + +#choosen-topics UL.nobox { + border-left: 0px none transparent; + margin-left: 4px; + padding-left: 0px; + list-style-type: none; +} + +#choosen-topics LI { + position: relative; + left: 0px; + margin: 0px; + padding: 0px; +} + +#choosen-topics LI A { + color: #000000; + padding: 0px; + background-repeat: no-repeat; + width: 11px; + height: 11px; +} + +#choosen-topics LI A.opened { + display: inline-block; + background-image: url('#{$iconsPath}tri_minus.gif'); +} + +#choosen-topics LI A.closed { + display: inline-block; + background-image: url('#{$iconsPath}tri_plus.gif'); +} + +#choosen-topics LI SPAN { + padding: 0px; + background-repeat: no-repeat; + width: 11px; + height: 11px; +} + +#choosen-topics LI SPAN.static { + display: inline-block; + background-image: url('#{$iconsPath}tri_static.gif'); +} + +#choosen-topics LI SPAN.none { + display: inline-block; + background-image: none; +} + +#choosen-topics div.searchZone { + height: 100%; +} +*/ +/******* QUERY ****************************************************************/ + +#TOPIC_UL li { + float: none; + margin: 0; +} + +.alert_datas_changed a { + color: #414141; + text-decoration: underline; +} + +#searchForm .danger .danger_indicator, +#searchForm .danger.danger_indicator { + border-color: #c9c900; + background-color: #FCEC98; + color: #000000; +} + + +#adv_search table.colllist { + width: 290px; +} + +#adv_search table.filterlist { + width: 600px; +} + +.history-collection { + background-image: url('#{$skinsPath}icons/chgcoll_history.png'); +} + +.history-status { + background-image: url('#{$skinsPath}icons/chgstatus_history.png'); +} + +.history-print { + background-image: url('#{$skinsPath}icons/print_history.png'); +} + +.history-substit, .history-publish { + background-image: url('#{$skinsPath}icons/imgtools_history.png'); +} + +.history-download, .history-mail, .history-ftp { + background-image: url('#{$skinsPath}icons/disktt_history.png'); +} +.history-edit { + background-image: url('#{$skinsPath}icons/ppen_history.png'); +} + +.history-validate, .history-push { + background-image: url('#{$skinsPath}icons/push16.png'); +} + +.history-collection, .history-status, .history-print, .history-substit, .history-publish, .history-download, .history-mail, .history-ftp, .history-edit, .history-validate, .history-push { + 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; + } +} + + +/******* ACTIONS **************************************************************/ + +.toolbutton { + float: left; + width: 70px; + height: 50px; + overflow: hidden; + margin: 0px; + cursor: pointer; +} + +.toolbuttonimg { + float: left; + width: 50px; + margin: 0px 10px 0px; + height: 30px; + overflow: hidden; + text-align: center; +} + +.toolbuttonlabel { + float: left; + width: 70px; + height: 20px; + overflow: visible; + text-align: center; +} + +#TOOL_disktt { + background-image: url('#{$imagesPath}disktt_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_disktt.actif { + background-image: url('#{$imagesPath}disktt_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_ppen { + background-image: url('#{$imagesPath}ppen_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_ppen.actif { + background-image: url('#{$imagesPath}ppen_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgstatus { + background-image: url('#{$imagesPath}chgstatus_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgstatus.actif { + background-image: url('#{$imagesPath}chgstatus_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgcoll { + background-image: url('#{$imagesPath}chgcoll_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgcoll.actif { + background-image: url('#{$imagesPath}chgcoll_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_pushdoc { + background-image: url('#{$imagesPath}pushdoc_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_pushdoc.actif { + background-image: url('#{$imagesPath}pushdoc_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_print { + background-image: url('#{$imagesPath}print_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_print.actif { + background-image: url('#{$imagesPath}print_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_imgtools{ + background-image: url('#{$imagesPath}imgtools_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_imgtools.actif{ + background-image: url('#{$imagesPath}imgtools_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_trash { + background-image: url('#{$imagesPath}trash_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_trash.actif { + background-image: url('#{$imagesPath}trash_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +.colorpicker_box { + border: 1px solid #FFFFFF; + cursor: pointer; + float: left; + margin: 2px; + padding: 0; +} + +#prod-tool-box .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#prod-tool-box .btn-inverse { + background-color: #444444; + *background-color: #393939; + background-image: -ms-linear-gradient(top, #444444, #393939); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#393939)); + background-image: -webkit-linear-gradient(top, #444444, #393939); + background-image: -o-linear-gradient(top, #444444, #393939); + background-image: -moz-linear-gradient(top, #444444, #393939); + background-image: linear-gradient(top, #444444, #393939); + *border: 1px solid #515151; + color: #aaaaaa; +} + +#prod-tool-box .btn-inverse:hover { + background-color: #393939; + *background-color: #393939; + color: #ffffff; +} + +/******* 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; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.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; +} + + + + + +.pubchut, .pubchutmine,.regIndicator,.baskIndicator { + position: relative; + float: left; + width: 16px; + height: 16px; + background-image: url('#{$imagesPath}pubchut.gif'); + background-repeat: no-repeat; +} + +.pubchutmine { + background-image: url('#{$imagesPath}pubchutmine.gif'); +} + +.baskIndicator { + background-image: url('#{$imagesPath}chu.gif'); + background-position: middle left; +} + +.regIndicator { + background-image: url('#{$imagesPath}regroup.gif'); + background-position: middle left; +} + +/******* INPUTS ***************************************************************/ +input.input-button.hover { + color: #FEFEFE; +} + +input.search { + padding-left: 25px; + background-image: url('#{$skinsPath}icons/search.png'); + background-repeat: no-repeat; + background-position: 3px center; +} + +input, select, textarea { + margin: 2px; + padding: 2px; + *border: 1px solid #b1b1b1; + /*background: #FFFFFF; + resize: none;*/ + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; +} + +input:radio, input: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; +} + +#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 .btn-inverse { + *background-color: #393939; + background-image: -ms-linear-gradient(top, #444444, #393939); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#393939)); + background-image: -webkit-linear-gradient(top, #444444, #393939); + background-image: -o-linear-gradient(top, #444444, #393939); + background-image: -moz-linear-gradient(top, #444444, #393939); + background-image: linear-gradient(top, #444444, #393939); + *border: 1px solid #515151; + color: #AAAAAA; +} + +#look_box .btn-inverse:hover { + background-color: #393939; + *background-color: #393939; + color: #FFFFFF; +} + +#look_box .radio.inline, #look_box .checkbox.inline { + padding-top: 0px; +} + +#look_box label, #basket_preferences label { + line-height: 21px; + color: #999999; +} + +#look_box h1, #basket_preferences h1 { + margin: 5px 0; + color: #FFFFFF; + font-size: 12px; + font-weight: bold; +} + +#look_box div.box, #basket_preferences div.box { + margin: 5px; + float: left; + width: 98%; +} + +#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: 12px; + font-weight: bold; + line-height: 14px; + text-align: center; + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + float: left; +} + +/******* GUI ******************************************************************/ + +.gui_grip { + background-image: url('#{$imagesPath}grip.gif'); + background-position: 0 0; + background-repeat: no-repeat; + height: 19px; + width: 5px; +} + +.gui_vsplitter,.ui-resizable-e { + top: 50%; + width: 13px; + padding: 0 0; + height: 54px; + position: absolute; + background-image: url('#{$iconsPath}vsplitter.png'); + background-color: $col1; + 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}vsplitter2.png'); +} + +.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('#{$imagesPath}vsplitter.gif'); + cursor: pointer; +} + +.gui_ckbox_0 { + display: block; + position: relative; + width: 12px; + height: 12px; + float: left; + background-image: url('#{$imagesPath}ccoch0.gif'); + cursor: pointer; +} + +.gui_ckbox_1 { + display: block; + position: relative; + width: 12px; + height: 12px; + float: left; + background-image: url('#{$imagesPath}ccoch1.gif'); + cursor: pointer; +} + +.gui_ckbox_2 { + display: block; + position: relative; + width: 12px; + height: 12px; + float: left; + background-image: url('#{$imagesPath}ccoch2.gif'); + cursor: pointer; +} + +/******* ONGLETS **************************************************************/ + +.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, .diapo .duration { + background-color: black; + color: #FFFFFF; +} + +DIV.onglets { + white-space: nowrap; +} + +DIV.onglets SPAN { + position: relative; + border: #212121 1px none; + padding: 5px 15px; + margin-left: 2px; + margin-right: 2px; + background-color: #212121; + -webkit-border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topleft: 3px; + -moz-border-radius-topright: 3px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + color: #888888; + cursor: pointer; + Z-INDEX: 2; +} + +DIV.onglets SPAN.actif { + BORDER: #404040 1px none; + BORDER-BOTTOM: #404040 1px solid; + BACKGROUND-COLOR: #404040; + COLOR: #949494; +} + +IFRAME { + BORDER-RIGHT: #000000 1px solid; + PADDING-RIGHT: 0px; + BORDER-TOP: #000000 1px solid; + PADDING-LEFT: 0px; + PADDING-BOTTOM: 0px; + MARGIN: 0px; + BORDER-LEFT: #000000 1px solid; + PADDING-TOP: 0px; + BORDER-BOTTOM: #000000 1px solid +} + +H4 { + MARGIN-TOP: 0px; + FONT-WEIGHT: normal; + FONT-SIZE: 16px; + MARGIN-BOTTOM: 0px; + MARGIN-LEFT: 5px +} + +/******* PROPOSALS ************************************************************/ + +#proposals { + border-top: 1px solid #303030; + top: 87px !important; +} + +#proposals ul li { + line-height: 17px; + font-size: 13px; +} + +#proposals ul ul { + background-color: #292929; +} + +#proposals *:focus{ + outline: none; +} + +#proposals UL.fancytree-container { + background-color: $col1; + border: 0px none transparent; + overflow-x: hidden; + padding-left: 0; + padding-top: 0; +} + +#proposals UL.fancytree-container UL { + padding: 17px 0; + overflow: auto; + width: 101%; + max-height: 400px; + overflow-x: hidden; +} + +#proposals UL.fancytree-container UL li { + padding-left: 30px; + line-height: 25px; +} + +#proposals UL.fancytree-container UL li:hover { + background-color: #4c5d84; +} + +#proposals .fancytree-folder { + font-weight: bold; + height: 49px; + line-height: 49px; + margin-left: 0; + border-left: 4px solid $col1; + border-bottom: 1px solid #303030; +} + +#proposals .fancytree-folder:hover { + border-left: 4px solid #4c5d84; + color: #FFFFFF; +} + +#proposals .fancytree-folder:hover .fancytree-title { + color: #FFFFFF; +} + +#proposals .fancytree-folder .fancytree-title { + font-size: 12px; + margin-left: 10px; +} + +#proposals .fancytree-expander { + position:absolute; + right: 10px; + background-image: none; + margin: 0px; + padding: 0px; + width: auto; + height: auto; + font-weight: normal; + font-size: 65%; +} + +#proposals UL.fancytree-container UL li{ + white-space: pre-line !important; +} + +#proposals .fancytree-folder .fancytree-expander:before { + content: '\25C0'; /* U+25C0 BLACK LEFT-POINTING TRIANGLE */ + color: #a0a0a0; +} + +#proposals .fancytree-expanded .fancytree-expander:before { + content: '\25BC'; /* U+25BC BLACK BLACK DOWN-POINTING TRIANGLE */ + color: #ffffff; +} + +#proposals .fancytree-folder .fancytree-expander:hover:before { + /* display: none; */ + color: #076882; +} + +#proposals .fancytree-title { + font-size: 12px; + color: #A6A6A6; + background-color: transparent; + border: 0px none transparent; +} + +#proposals UL.fancytree-container UL li:hover .fancytree-title { + color: #FFFFFF; +} + +#proposals .facetFilter { + font-weight: normal; + position:absolute; + width:127px; + height:25px; + line-height: 25px; + vertical-align: middle; + border-radius: 4px; + right:28px; + background-color: #4c5d84; + padding-left: 13px; + padding-right: 13px; + margin-top: 11px; +} + +#proposals .facetFilter-label { + position:absolute; + left:13px; + right: 14px; + overflow:hidden; + cursor: default; +} + +#proposals .facetFilter-gradient { + position:absolute; + width:20px; + right: 0px; +} + +#proposals .facetFilter-closer { + position:absolute; + right:13px; + cursor: pointer; +} + +#proposals .facetFilter-closer { + background: url('#{$iconsPath}bgd_facetFilter.png') 0 5px no-repeat; + height: 25px; + width: 14px; +} + +/******* /PROPOSALS ************************************************************/ + + +.proposals { /*** page proposals.php ***/ + POSITION: relative; + LEFT: 5px; +} + +.proposals A { /*** page proposals.php ***/ + FONT-SIZE: 11px; +} + +.proposals H1,.proposals H2 { /*** page proposals.php ***/ + FONT-SIZE: 10px; + POSITION: relative; + PADDING: 3px; + MARGIN: 0px; + MARGIN-TOP: 10px; + MARGIN-BOTTOM: 5px; +} + +.proposals HR { /*** page proposals.php ***/ + POSITION: relative; + HEIGHT: 1px; + PADDING: 0px; + MARGIN: 0px; + BACKGROUND-COLOR:#d0d0d0; + BORDER-TOP: #808080 1px solid; + TEXT-DECORATION: none; +} + +/******* BOITES MODALES *******************************************************/ + +.bodyprofile { + background-color: transparent; + color: #404040; +} + +.bodyprofile .ui-tabs .ui-tabs-panel { + background-color: #a3a3a3; + color: $col1; +} + +.bodyprofile .ui-tabs .ui-tabs-nav li.ui-tabs-active { + background-color: #a3a3a3; + color: #404040; +} + +.bodyprofile .ui-tabs li.ui-state-active a, +.ui-state-active a:link, .ui-state-active a:visited { + color: #404040; +} + +.bodyprofile .ui-widget-content { + color: #404040; + background-color: #404040; +} + +.overlay, .ui-widget-overlay { + background-color: #111111; + opacity: 0.7; + filter: alpha(opacity=70); +} + +.overlay_box { + position: absolute; + background-color: #999999; + display: none; + overflow-y: auto; + padding: 5px; + max-width: 800px; + max-height: 400px; +} + +/******* SEARCH ***************************************************************/ + +#adv_search .sbasglob, +.adv_options .sbasglob, +#sbasfiltercont { + color: #FFFFFF; + 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; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +#adv_search .sbasglob .sbas_list.selected, +.adv_options .sbasglob .sbas_list.selected { + border: 2px solid #404040; + background-color: #404040; +} + +.sbasglob .btn-toolbar, +#sbasfiltercont .btn-toolbar { + margin: 10px; + text-align: center; +} + +.sbasglob .btn-inverse, +#sbasfiltercont .btn-inverse { + *border: 1px solid #515151; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + color: #AAAAAA; + -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); +} + +.sbasglob .btn-inverse:hover, +#sbasfiltercont .btn-inverse:hover { + color: #FFFFFF; +} + +.sbaslist { + background-color: #404040; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.sbas_list label { + color: #FFFFFF; +} + +.clksbas span { + cursor: pointer; + font-weight: bold; + margin: 0 5px; +} + +.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; +} + +#searchForm .clkbas label { + overflow: hidden; + text-overflow: ellipsis; +} + +.clkbas img { + vertical-align: middle; + max-height: 22px; +} + +/******* EXPORT ***************************************************************/ + +#printBox { + background-color: #404040; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +#printBox h4, #download h4, +#sendmail h4, #ftp h4 { + margin-bottom: 10px; + font-weight: bold; + font-size: 14px; + line-height: 18px; + color: #FFFFFF; + text-decoration: none; +} + +#printBox label, #download label, +#sendmail label, #ftp label { + line-height: 18px; + color: #FFFFFF; +} + +#sendmail p, #ftp p, +.buttons_line p { + margin: 20px 0 10px 0; + font-weight: bold; +} + +#ftp .form-horizontal .control-group { + margin-bottom: 10px; +} + +#printBox .btn, #download .btn, +#sendmail .btn, #ftp .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#printBox .btn-inverse, #download .btn-inverse, +#sendmail .btn-inverse, #ftp .btn-inverse { + *background-color: #393939; + background-image: -ms-linear-gradient(top, #444444, #393939); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#393939)); + background-image: -webkit-linear-gradient(top, #444444, #393939); + background-image: -o-linear-gradient(top, #444444, #393939); + background-image: -moz-linear-gradient(top, #444444, #393939); + background-image: linear-gradient(top, #444444, #393939); + *border: 1px solid #515151; + color: #AAAAAA; +} + +#printBox .btn-inverse:hover, #download .btn-inverse:hover, +#sendmail .btn-inverse:hover, #ftp .btn-inverse:hover { + background-color: #393939; + *background-color: #393939; + color: #FFFFFF; +} + +/******************************************************************************/ + +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: 18px; + height: 20px; +} + +TABLE.ulist TBODY TR.selected { + COLOR: #FFFFFF; + 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 +} + + + + +a { + COLOR: #b1b1b1; + TEXT-DECORATION: none +} + +a:hover { + COLOR: #838383; + TEXT-DECORATION: none +} + +.dragover { + BACKGROUND-COLOR: #fff100 +} + +/******* THESAURUS ************************************************************/ + +DIV.thesaurus { + MARGIN-LEFT: 2px; + white-space: nowrap; +} + +DIV.thesaurus P { + MARGIN: 0px; +} + +DIV.thesaurus DIV.c { + DISPLAY: none +} + +#idFrameE #TH_Ofull, #idFrameTH #TH_Oprop, #idFrameTH #TH_Oclip { + margin: 0; + padding: 0; + width: 100%; +} + +#idFrameE DIV.searchZone { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + PADDING: 0px; + MARGIN: 0px; + BACKGROUND: #404040; + BORDER: #a9a9a9 1px solid; +} + +#idFrameE .onglets SPAN { + BORDER-TOP: #a9a9a9 1px solid; + BORDER-LEFT: #a9a9a9 1px solid; + BORDER-RIGHT: #a9a9a9 1px solid; + BORDER-BOTTOM: #404040 1px solid; + COLOR: #FFFFFF; +} + +#idFrameE .onglets SPAN.inactif { + BORDER-TOP: #a9a9a9 1px solid; + BORDER-LEFT: #a9a9a9 1px solid; + BORDER-RIGHT: #a9a9a9 1px solid; + BORDER-BOTTOM: #a9a9a9 1px solid; + BACKGROUND-COLOR: transparent; + COLOR: #a9a9a9; +} + +#idFrameE DIV.thesaurus DIV.c { + DISPLAY: none +} + +#idFrameE DIV.thesaurus DIV.o { + MARGIN-BOTTOM: 1px; + PADDING-BOTTOM: 2px; + PADDING-LEFT: 5px; + MARGIN-LEFT: 3px; + BORDER-LEFT: #a9a9a9 1px solid; + BORDER-BOTTOM: #a9a9a9 1px solid; +} + +#idFrameE DIV.thesaurus DIV.h { + MARGIN-BOTTOM: 1px; + PADDING-BOTTOM: 2px; + PADDING-LEFT: 5px; + MARGIN-LEFT: 3px; + BORDER-LEFT: #a9a9a9 1px solid; + BORDER-BOTTOM: #a9a9a9 1px solid; +} + +#idFrameE DIV.thesaurus 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; +} + +#idFrameE DIV.thesaurus B { + cursor: pointer; +} + +#idFrameE DIV.thesaurus I { + FONT-STYLE: normal; + cursor: pointer; +} + +DIV.thesaurus U.w { + cursor: auto; +} + +/******* EDITION **************************************************************/ + +#EDIT_ALL { + white-space: normal; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +#EDIT_TOP { + background-color: #404040; + position: absolute; + top: 0; + left: 0; + width: 100%; + overflow: visible; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +#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 #B1B1B1; + background-color: $col2; + 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: #404040; + width: 700px; + left: 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +#EDIT_MID_R { + width: 400px; + right: 0; +} + +#EDIT_MID_R .ui-tabs-panel { + background-color: #404040; +} + +#EDIT_MID_R li.ui-tabs-active, +#EDIT_MID_R li.ui-state-active { + background-color: #404040; +} + +#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; +} + +#divS div.edit_field { + cursor: pointer; + font-weight: bold; + padding: 2px; + margin-right: 10px; + position: relative; +} + +#divS div.edit_field.odd { + background-color: #5F5F5F; +} + +#divS div.edit_field.hover, #divS div.edit_field.active { + background-color: #B1B1B1; + color: #404040; +} + +#divS div.edit_field.active { + border: 1px solid #FEFEFE; +} + +#divS 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; +} + +#idFrameE .ui-datepicker-inline { + background-color: #111111; + background-image: url('#{$skinsPath}prod/000000/images/ui-bg_gloss-wave_20_111111_500x100.png'); + background-repeat: repeat-x; + background-position: 50% top; +} + +#idExplain { + top: auto; + height: 20px; + color: #FFB300; + text-align: right; +} + +#idExplain img { + vertical-align: middle; + width: 20px; + height: 20px; +} + +#idExplain .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; +} + +#buttonEditing .btn { + margin: 0; + padding: 2px 9px; + height: 24px; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + 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); +} + +#buttonEditing .btn-inverse { + *border: 1px solid #515151; + color: #AAAAAA; +} + +#buttonEditing .btn-inverse:hover { + color: #FFFFFF; +} + +.edit-btn { + margin: 2px; + font-weight: bold; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + display: inline-block; + *display: inline; + font-size: 13px; + line-height: 18px; + *line-height: 20px; + color: #EAEAEA; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + vertical-align: middle; + cursor: pointer; + background-color: #B1B1B1; + *background-color: #B1B1B1; + background-image: -ms-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9B9B9), to(#A4A4A4)); + background-image: -webkit-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -o-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -moz-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: linear-gradient(top, #B9B9B9, #A4A4A4); + background-repeat: repeat-x; + border: 1px solid #cccccc; + *border: 0; + border-color: #222222 #222222 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B9B9B9', endColorstr='#A4A4A4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + *zoom: 1; + -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); +} + +.edit-btn:hover { + background-color: #A4A4A4; + *background-color: #A4A4A4; + color: #FFFFFF; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -ms-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + + +#EDIT_WORKING { + position: absolute; + top: 100px; + left: 1px; + width: 100%; + display: none; +} + +#EDIT_EDIT { + top: 35px; + 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: #FFFFFF; +} + +.Edit_preset_item { + position: relative; + top: 0px; + left: 0px; + width: 550px; + height: 250px; + overflow: auto; + color: #999999; +} + +#TH_Oreplace .btn, +#TH_Opresets .btn { + margin-bottom: 20px; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#TH_Oreplace .btn-inverse, +#TH_Opresets .btn-inverse { + *background-color: #393939; + background-image: -ms-linear-gradient(top, #444444, #393939); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#393939)); + background-image: -webkit-linear-gradient(top, #444444, #393939); + background-image: -o-linear-gradient(top, #444444, #393939); + background-image: -moz-linear-gradient(top, #444444, #393939); + background-image: linear-gradient(top, #444444, #393939); + *border: 1px solid #515151; + color: #AAAAAA; +} + +#TH_Oreplace .btn-inverse:hover, +#TH_Opresets .btn-inverse:hover { + background-color: #393939; + *background-color: #393939; + color: #FFFFFF; +} + +#ZTextMultiValued_values { + background-color: #444444; + border: 1px solid #999999; + position: absolute; + top: 30px; + left: 4px; + right: 4px; + bottom: 4px; + overflow-x: auto; + overflow-y: scroll; +} + +#idFrameE #ZTextMultiValued_values div { + cursor: pointer; + height: 20px; + padding: 2px 14px 2px 2px; +} + +#idFrameE #ZTextMultiValued_values div table { + width: 100%; + border: none; +} + +#idFrameE #ZTextMultiValued_values div table td { + vertical-align: middle; +} + +#idFrameE #ZTextMultiValued_values div table td.options { + width: 40px; + text-align: right; +} + +#idFrameE #ZTextMultiValued_values div table td.options .add_all { + display: none; +} + +#idFrameE #ZTextMultiValued_values div.hetero table td.options .add_all { + display: inline; +} + +#idFrameE .hetero { + color: #ff8000; +} + +#idFrameE #ZTextMultiValued_values DIV.hilighted { + background-color: #222222; +} + +#idFrameE #ZTextMultiValued_values DIV I { + color: #FFFF00; + font-style: normal; + font-weight: 700; + background-color: #222222; +} + +#idFrameE .EDIT_presets_list { + padding-left: 3px; + padding-right: 6px; +} +#idFrameE .EDIT_presets_list LI { + margin: 0px; +} + +#idFrameE .EDIT_presets_list DIV { + display: none; + padding-left: 15px; + padding-bottom: 5px; +} + +#idFrameE .EDIT_presets_list DIV P { + font-size: 9px; + padding: 0px; + margin: 0px; +} + +#idFrameE .EDIT_presets_list LI.opened DIV { + display: block; +} + +#idFrameE .EDIT_presets_list H1 { + margin: 0px; + padding: 0px; + font-size: 12px; +} + +#idFrameE .EDIT_presets_list H1 A.delete { + font-weight: 100; + font-size: 10px; +} + +#idFrameE .EDIT_presets_list LI .triDown { + display: none; +} + +#idFrameE .EDIT_presets_list LI.opened .triRight { + display: none; +} + +#idFrameE .EDIT_presets_list LI.opened .triDown { + display: inherit; +} + +/******* MAINMENU ************************************************************/ + +#mainMenu { + height: 40px; + line-height: 40px; + vertical-align: middle; +} + +#mainMenu #mainLogo { + margin:0 10px; + margin-top: -4px; +} + +#mainMenu li, #mainMenu li span { + height: 40px; + line-height: 40px; +} + +#mainMenu .PNB.right li { + border-left: 1px solid #292929; +} + +#mainMenu .PNB.right li span { + padding: 0 15px; +} + +#mainMenu .PNB.right li.user { + background: url('#{$skinsPath}icons/icon_user.png') 15px 7px no-repeat; + padding-left: 41px; +} + +#mainMenu .PNB.right li.user:hover { + background-color: #FFFFFF; + color: black; +} + +#mainMenu, .publi_group { + background-color: $col1; +} + +.context-menu-item a { + color: #75ABFF; +} + +.context-menu-item-hover a { + color: #212121; +} + +#tooltip { + position: absolute; + z-index: 32000; + overflow: hidden; +} + +#PREVIEWBOX, #EDITWINDOW { + z-index: 1200; + background-color: $col2; + display: none; + border: 2px solid #666666; +} + +#PREVIEWBOX img { + cursor: pointer; +} + +#PREVIEWBOX a.bounce { + BORDER-BOTTOM: #ffe000 1px dashed; + cursor: pointer; +} + +#PREVIEWBOX #PREVIEWTITLE_COLLNAME { + display:none; +} + +.PREVIEW_PIC,.PREVIEW_HD { + position: absolute; +} + +#PREVIEWCURRENT li.selected { + background-color: #FFFFFF; +} + +#PREVIEWBOX li { + list-style-type: none; +} + +#PREVIEWIMGDESC .descBoxes { + top: 30px; + overflow: auto; +} + +#PREVIEWIMGDESCINNER span.fieldName { + font-weight: bold; +} + +#PREVIEWIMGDESC em { + background-color: red; +} + +#PREVIEWOTHERS { + background-color: #404040; + 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: 13px; + margin: 10px 10px 5px; +} + +#PREVIEWOTHERSINNER li.otherRegToolTip, +#PREVIEWOTHERSINNER li.otherBaskToolTip { + background-color: #404040; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + 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: #404040; + bottom: 0; +} + +#SPANTITLE { + font-size: 16px; + line-height: 25px; + font-weight: bold; +} + +#PREVIEWCURRENTGLOB, .preview_col_film { + height: 96px; + width: 100%; +} + +#PREVIEWCURRENT { + background-color: #404040; +} + +#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; +} + +.cont_infos { + position: absolute; + bottom: 10px; + right: 10px; + height: 60px; + top: auto; + text-align: center; + width: 70px; + right: 60px; +} + +.cont_infos div { + line-height: 20px; + font-size: 10px; + font-weight: bold; +} + +.cont_infos span { + cursor: pointer; + font-size: 10px; +} + +#SPANTITLE img { + height: 16px; + vertical-align: middle; + margin: 0 10px; +} + +#PREVIEWTOOL img, #PREVIEWTOOL span { + float: left; +} + +.otherRegToolTip img { + vertical-align: middle; +} + +#ui-datepicker-div { + z-index: 2000; + background-color: $col2; + position: absolute; +} + +/* +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-family: Tahoma,Arial; + 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: #FFFFFF; +} + +.context-menu-theme-default .context-menu-item-disabled-hover { + background-color: #0A246A; +} + +/* ================================== +dans l'onglet thesaurus : arbres, menus contextuels +===================================== */ + +#THPD_tabs { + right: 0; +} + +#THPD_tabs .ui-tabs-nav .ui-state-default A { + color: #c0c0c0; +} + +#THPD_tabs .ui-tabs-nav .ui-tabs-active A { + color: #FFFFFF; + text-decoration: underline; +} + +#THPD_tabs .treeview UL { + background-color: #292929; + margin-left: -16px; + padding-left: 16px; +} + +#THPD_tabs .treeview ul li { + padding-top: 5px; + padding-bottom: 5px; +} + +#THPD_tabs .treeview SPAN { + cursor: pointer; +} + +#THPD_tabs .treeview SPAN.h { /* highlighted (filtered) */ + color: #FFFFD0; + font-weight: bold; +} + +#THPD_tabs .treeview I { /* count of hits */ + color: #80FF80; + background-color: #606060; + font-style: normal; + margin-left: 10px; + padding-left: 3px; + padding-right: 3px; + font-family: courier; +} + +#THPD_tabs .treeview LI.selected SPAN { + background-color: #ff0000; +} + +#THPD_tabs .treeview LI.selected LI SPAN { + background-color: transparent; +} + +#THPD_tabs .context-menu-item-disabled { + background-color: #ff0000; +} + +/******* DIALOGS **************************************************************/ + +#dialog_dwnl input.required.error, +#dialog_dwnl textarea.required.error { + border: 1px solid red; +} + +#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; +} + +.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; +} + +/******* 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; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + 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; +} + +/******* PUSH (CSS theme-dependant) *******************************************/ + +.PushBox .content { + background-color: #404040; +} + +.PushBox .grey-bg .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + padding: 4px 10px; +} + +#PushBox .btn-inverse, +.PushBox .grey-bg .btn-inverse { + background-color: #444444; + *background-color: #393939; + background-image: -ms-linear-gradient(top, #444444, #393939); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#393939)); + background-image: -webkit-linear-gradient(top, #444444, #393939); + background-image: -o-linear-gradient(top, #444444, #393939); + background-image: -moz-linear-gradient(top, #444444, #393939); + background-image: linear-gradient(top, #444444, #393939); + *border: 1px solid #515151; + color: #AAAAAA; +} + +#PushBox .btn-inverse:hover, +.PushBox .grey-bg .btn-inverse:hover { + background-color: #393939; + *background-color: #393939; + color: #FFFFFF; +} + +.PushBox .theme-bg .btn, +#QuickAddUser .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.PushBox .theme-bg .btn-inverse, +#QuickAddUser .btn-inverse { + *border: 1px solid #515151; + color: #AAAAAA; +} + +.PushBox .theme-bg .btn-inverse:hover, +#QuickAddUser .btn-inverse:hover { + color: #FFFFFF; +} + +#modal_feed form .feeds { + overflow: auto; +} + +#modal_feed form .feeds .list { + margin: 10px 0; +} + +#modal_feed form .feeds .feed { + width: 95%; + height: 18px; + padding: 5px 0; + border: 1px solid #414141; + color: #FFFFFF; + font-size: 13px; + cursor: pointer; +} + +#modal_feed form .feeds .feed.odd { + background-color: #414141; + color: #FFFFFF; +} + +#modal_feed form .feeds .feed.hover { + background-color: #606060; +} + +#modal_feed form .feeds .feed.selected { + background-color: #0088CC; +} + +#modal_feed form .feeds .feed span { + margin: 0 10px; +} + +#modal_feed form input.error, +#modal_feed form textarea.error { + border: 1px solid red; +} + +/******* FEEDS ****************************************************************/ + +#answers .feed { + margin: 10px; +} + +#answers .feed .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#answers .feed .btn-inverse { + margin-left: 4px; + *border: 1px solid #515151; + color: #AAAAAA; + font-weight: bold; +} + +#answers .feed .btn-inverse:hover { + color: #FFFFFF; +} + +#answers .feed .btn-group.open .btn-inverse.dropdown-toggle { + background-color: #222222; + background-image: none; +} + +#answers .feed .headblock { + max-width:800px; + margin-bottom:20px; +} + +#answers .feed .headblock table { + width:100%; +} + +#answers .feed .headblock h1 { + font-size:22px; +} + +#answers .feed .headblock h1 img { + margin-right:15px; +} + +#answers .feed .headblock a.subscribe_rss { + font-size:14px; + margin-left:15px; +} + +#answers .feed .entry { + margin:0 0 30px; + padding:10px; + border: 3px solid #212121; + background-color: #666666; + float: left; +} + +#answers .feed .entry.hover { + border: 3px solid #404040; +} + +#answers .feed .entry table.head { + vertical-align: middle; + margin: 10px 0; + width: 600px; +} + +#answers .feed .entry table a.tools { + display: none; +} + +#answers .feed .entry.hover table a.tools { + display: inline; +} + +#answers .feed h1, +#answers .feed .post_date { + width: 100%; +} + +#answers .feed, +#answers .feed .entry, +#answers .feed h1, +#answers .feed p, +#answers .feed .contents, +#answers .feed .see_more, +#answers .feed .post_date { + position: relative; + clear: left; +} + +#answers .feed .see_more{ + height: 60px; + text-align: center; + font-weight: bold; + font-size: 13px; + background-position: center bottom; +} + +#answers .feed .contents { + clear: left; +} + +#answers .feed .post_date { + text-align: right; + font-style: italic; + max-width: 600px; + *width: 600px; + margin-bottom: 20px; +} + +#answers .feed h1 { + font-weight: bold; + font-size: 20px; +} + +#answers .feed h1 .author { + font-size: 12px; + font-weight: normal; + margin-left: 15px; +} + +#answers .feed .entry h1 { + margin-bottom: 0; +} + +#answers .feed p { + max-width: 600px; + line-height: 18px; + margin: 5px 0; + text-align: justify; +} + +#answers .feed .dropdown-menu { + background-color: #000000; + border: 1px solid #404040; +} + +#answers .feed .dropdown-menu a { + color: #EAEAEA; +} + +#answers .feed img { + vertical-align: middle; +} + +/******* PUBLICATOR ***********************************************************/ + +#dialog_publicator .diapo { + width: 90px; + overflow: hidden; +} + +#dialog_publicator .api_thumbnail { + max-width: 120px; +} + +#dialog_publicator .diapo.pending_records { + width: 50px; + overflow: hidden; +} + +#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; +} + +#publicator_selection { + height: 190px; + bottom: auto; + background-color: #404040; +} + +#publicator_selection > .PNB10 { + overflow: auto; + bottom: 50px; + background-color: #111111; +} + +#publicator_selection .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#publicator_selection .btn-inverse { + *background-color: #393939; + background-image: -ms-linear-gradient(top, #444444, #393939); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#393939)); + background-image: -webkit-linear-gradient(top, #444444, #393939); + background-image: -o-linear-gradient(top, #444444, #393939); + background-image: -moz-linear-gradient(top, #444444, #393939); + background-image: linear-gradient(top, #444444, #393939); + *border: 1px solid #515151; + color: #aaaaaa; +} + +#publicator_selection .btn-inverse:hover { + background-color: #393939; + *background-color: #393939; + color: #FFFFFF; +} + +#pub_tabs .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#pub_tabs .btn-inverse { + *border: 1px solid #515151; + color: #AAAAAA; +} + +#pub_tabs .btn-inverse:hover { + color: #FFFFFF; +} + +#pub_tabs .btn-group.open .btn-inverse.dropdown-toggle { + background-color: #222222; + background-image: none; +} + +#dialog_publicator .dropdown-menu { + min-width: 95px; + background-color: #393939; + *border: 1px solid #515151; +} + +#dialog_publicator .dropdown-menu a { + padding: 3px 10px; + font-size: 12px; + color: #aaaaaa; + cursor: pointer; +} + +#dialog_publicator .dropdown-menu a:hover { + background-color: #313131; + color: #FFFFFF; +} + +#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('#{$skinsPath}icons/loader000.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#dialog_publicator .diapo.ui-selected { + background-color: #404040 ; +} + +#dialog_publicator .diapo.ui-selecting { + background-color: #202020 ; +} + +#ul_main_pub_tabs { + width: 200px; + position: absolute; + overflow: hidden; + right: auto; +} + +#dialog_publicator .ui-tabs-panel { + left: 200px; +} + +#dialog_publicator .notice_box, +#dialog_publicator .error_box { + color: #414141; + font-weight: bold; + margin: 5px auto; + padding: 5px 0; + text-align: center; + width: 90%; +} + +#dialog_publicator .notice_box { + background-color: green; + color: #FFFFFF; +} + +#dialog_publicator .error_box { + background-color: orange; +} + +#dialog_publicator .api_banner { + height: 30px; + bottom: auto; + background-color: #414141; +} + +#dialog_publicator .api_banner button { + border: 1px solid #515151; + background-color: #404040; +} + +#dialog_publicator .api_banner .submenu.ui-buttonset { + z-index: 600; +} + +#dialog_publicator .api_content { + top: 30px; + bottom: 25px; + color: #FFFFFF; +} + +#dialog_publicator .api_content .blockmenu { + bottom: auto; + background-repeat: repeat-x; + background-position: left bottom; + z-index: 1000; + width:100%; + height:40px +} + +#dialog_publicator .api_content .blockmenu a.selected, +#dialog_publicator .api_banner a.selected { + font-weight: bold; + color: #0088CC; +} + +#dialog_publicator .api_content .blockresponse { + padding: 0 10px; + top: 40px; + overflow: auto; + z-index: 200; +} + +#dialog_publicator .api_content .blockresponse .form-actions { + background-color: #000000; + border-top: none; + margin: 0; +} + +#dialog_publicator .api_infos { + top: auto; + height: 25px; + background-image: url('#{$skinsPath}icons/api_info.png'); + background-repeat: repeat-x; + background-position: 0 0; + color: #999999; +} + +#dialog_publicator .main_menu { + float: left; +} + +#dialog_publicator .diapo .title { + height: 16px; + overflow: hidden; +} + +#ul_main_pub_tabs { + 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('#{$skinsPath}icons/youtube-small.gif'); +} + +#ul_main_pub_tabs li.bridge_Dailymotion { + background-image: url('#{$skinsPath}icons/dailymotion-small.gif'); +} + +#ul_main_pub_tabs li.bridge_Flickr { + background-image: url('#{$skinsPath}icons/flickr-small.gif'); +} + +#dialog_publicator .diapo .thumb_wrapper { + padding: 5px; +} + +#dialog_publicator .duration_time { + background-color: #000000; + color: #FFFFFF; + font-weight: bold; + padding: 2px 4px; + position: absolute; + top: 0; + left: 0; + font-size: 11px; +} + +#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: 13px; + 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 .api_content .element { + padding: 5px; + color: #FFFFFF; +} + +#dialog_publicator .api_content .element.odd { + background-color: #414141; + -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; +} + +.ui-selectable-helper { + border: 1px dotted #CCCCCC; + z-index: 10000; +} + +#BasketBrowser .diapo .title { + height: 16px; +} + +/******* THUMB EXTRACTOR ******************************************************/ + +#thumbExtractor { + background-color: #404040; +} + +#thumbExtractor .main_title { + height: 15px; + font-weight: bold; + top: 15px; +} + +#thumbExtractor .part_title_left { + height: 20px; + width: 320px; + top: 30px; + left: 10px; +} + +#thumbExtractor .part_title_right { + height: 20px; + width: 320px; + top: 30px; + left: 380px; +} + +#thumbExtractor #thumb_info { + padding-top: 25px; + font-style: italic; +} + +#thumbExtractor .frame_video { + border: 1px solid #1A1B1B; + height: 210px; + width: 320px; + top: 50px; + left: 10px; +} + +#thumbExtractor #thumb_video { + height: 100%; + width: 100%; +} + +#thumbExtractor .frame_canva { + border: 1px solid #1A1B1B; + border-bottom: none; + height: 210px; + line-height:210px; + width: 320px; + top: 50px; + left: 380px; + z-index: 2; + text-align: center; +} + +#thumbExtractor #thumb_canvas { + vertical-align:middle; + display:inline-block; + line-height: 20px; +} + +#thumbExtractor .action_bar_left { + height: 20px; + width: 320px; + left: 10px; + top: 260px; + background-color: #3B3D3B; + border: 1px solid #3B3D3B; + padding: 2px; +} + +#thumbExtractor .action_bar_right { + height: 20px; + width: 320px; + top: 260px; + left: 380px; + background-color: #3B3D3B; + border: 1px solid #3B3D3B; + display: table-row; + padding: 2px; +} + +#thumbExtractor .action_bar_right .action_icon { + padding-right: 10px; + display: table-cell; + vertical-align: middle; +} + +#thumbExtractor .action_bar_right .action_icon:hover { + cursor: pointer; +} + +#thumbExtractor #thumb_reset_button { + width: 41px; + height: 41px; + position: absolute; + bottom: 10px; + right: 60px; + display: none; + line-height: 20px; +} + +#thumbExtractor #thumb_delete_button { + width: 41px; + height: 41px; + position: absolute; + bottom: 10px; + right: 10px; + display: none; + line-height: 20px; +} + +#thumbExtractor #thumb_delete_button, +#thumbExtractor #thumb_reset_button { + cursor: pointer; +} + +#thumbExtractor #thumb_slider { + height: 95px; + width: 320px; + top: 285px; + left: 380px; + padding: 0; + overflow: auto; +} + +#thumbExtractor #thumb_wrapper { + white-space: nowrap; + margin-top: 15px; +} + +#thumbExtractor #thumb_wrapper img { + display: inline-block; + width: 80px; + height: 60px; + margin-left: 5px; + margin-right: 5px; +} + +#thumbExtractor #thumb_wrapper img.selected { + border: 2px solid #FFFFFF; +} + +#thumbExtractor #thumb_camera_button { + cursor: pointer; + height: 50px; + width: 320px; + top: 300px; + left: 10px; + text-align: center; +} + +#thumbExtractor #thumb_validate_button { + cursor: pointer; + height: 30px; + width: 80px; + top: 385px; + left: 620px; + padding: 0; +} + +#thumbExtractor .action_frame .ui-slider .ui-slider-handle { + background-color: #FFFFFF; +} + +#thumb_confirm table { + table-layout: fixed; + width: 100%; +} + +#thumb_confirm table td { + padding: 5px; + text-align: center; + vertical-align: middle; +} + +/******* UPLOAD MANAGER *******************************************************/ + +#uploadBox { + height: 100%; +} + +#uploadBox .clear { + clear: both; +} + +#uploadBox .upload-tabs { + height: 100%; +} + +#uploadBox .ui-tabs .ui-tabs-panel { + padding: 20px; +} + +#uploadBoxLeft, #uploadBoxRight { + width: 48.5%; + height: 100%; + overflow: auto; + text-align: center; +} + +#uploadBoxLeft { + float: left; +} + +#uploadBoxRight { + float: right; +} + +#uploadBox .well { + margin: 0; + padding: 0.5%; + color: $col1; +} + +#uploadBox #fileupload { + height: 97%; +} + +#uploadBox h5 { + margin-top: 20px; + margin-bottom: 10px; + font-size: 13px; + font-weight: bold; + text-align: left; +} + +#uploadBox span.comment { + font-style: italic; + color: #999999; +} + +#uploadBox button.btn, #uploadBox span.btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#uploadBox .btn-inverse { + background-color: #D6D6D6; + *background-color: #D6D6D6; + background-image: -ms-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D6D6D6)); + background-image: -webkit-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -o-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -moz-linear-gradient(top, #FFFFFF, #D6D6D6); + border-color: #D6D6D6 #D6D6D6 #bfbfbf; + border-bottom-color: #b3b3b3; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D6D6D6', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + *border: 1px solid #666666; + text-shadow: none; + color: #777777; + font-weight: bold; +} + +#uploadBox .btn-inverse:hover, #uploadBox .disabled { + background-color: #D6D6D6; + *background-color: #D6D6D6; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #FFFFFF; +} + +#uploadBox .fileinput-button { + position: relative; + overflow: hidden; +} + +#uploadBox .fileinput-button 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; +} + +#uploadBox .status-tab { + width: 100%; + margin-bottom: 10px; +} + +#uploadBox .status-tab td { + padding: 2px; +} + +#uploadBox .status-tab-left { + width: 48%; + padding-right: 5px; + text-align: right; +} + +#uploadBox .status-tab-right { + width: 48%; + padding-left: 5px; + text-align: left; +} + +#uploadBox .status-tab-left input, #uploadBox .status-tab-right input { + margin-left: 5px; + margin-right: 5px; +} + +#uploadBox .thumbnails { + margin-left: -20px; +} + +#uploadBox .thumbnails > li { + margin-left: 20px; +} + +#uploadBox .upload-record { + height: 260px; + background-color: #FFFFFF; +} + +#uploadBox .flash-box .upload-record { + height: 160px; + background-color: #FFFFFF; +} + +#uploadBox .upload-record .canva-wrapper { + height: 125px; + overflow: auto; +} + +#uploadBox .upload-record .name-doc { + height:40px; + overflow: hidden; + -o-text-overflow: ellipsis; /* pour Opera 9 */ + text-overflow: ellipsis; + font-weight: bold; +} + +#uploadBox .upload-record .infos-doc { + overflow: hidden; + -o-text-overflow: ellipsis; /* pour Opera 9 */ + text-overflow: ellipsis; + color: #777777; + height: 40px; +} + +#uploadBox .upload-record .error, #uploadBox .upload-record .success{ + height: 55px; + padding-top: 2px; + padding-bottom: 3px; + display: none; + overflow: auto; +} + +#uploadBox .upload-record .remove-element { + margin: 2px 0; +} + +#uploadBox .upload-record .error { + padding: 0; + width: 100%; +} + +#uploadBox .select-label { + font-style: italic; + color: #999999; +} + +#uploadBox .select-row { + font-weight: normal; + font-style: normal; +} + +#uploadBoxRight .progress { + margin-top: 4px; + margin-bottom: 10px; + height: 10px; +} + +#uploadBox .uploader-button{ + text-align: center; + width:50%; +} + +#uploadBox #addFileList { + width:100%; + table-layout:fixed; + border:none; +} + +#uploadBox #addFileList td{ + vertical-align: middle; +} + +#uploadBox .uploader-icon { + width:15%; + text-align:left; +} + +#uploadBox .uploader-info { + font-size:10px; + width:35%; + text-align:left; +} + +#uploadBox .uploader-info p { + line-height:10px; + font-size:10px; + word-wrap: break-word; +} + +#uploadBox .uploader-info a { + text-decoration: underline; + color: darkblue; + margin:5px 0; +} + +#uploadBoxRight .progress .progress-bar { + height: 10px; +} + +#lazaretBox .loading { + background-image: url('#{$iconsPath}loaderFFF.gif'); + background-position: center right; + background-repeat: no-repeat; +} + +#lazaretBox.container-fluid { + margin: 0; + padding: 0; +} + +#lazaretBox li.wrapper-item { + margin-bottom: 20px; +} + +#lazaretBox .lazaret-file h5, +#lazaretBox .lazaret-proposals h5 { + margin-top: 0; + margin-bottom: 10px; +} + +#lazaretBox .lazaret-file p, +#lazaretBox .lazaret-proposals p { + font-weight: bold; + overflow: hidden; + -o-text-overflow: ellipsis; /* for Opera 9 */ + text-overflow: ellipsis; +} + +#lazaretBox span.info { + display: inline; + font-weight: normal; +} + +#lazaretBox .lazaret-file a, +#lazaretBox .lazaret-proposals a { + font-weight: normal; + color: $col1; +} + +#lazaretBox .lazaret-file a:hover, +#lazaretBox .lazaret-proposals a:hover { + color: #999999; +} + +#lazaretBox .lazaret-file .thumbnails, +#lazaretBox .lazaret-proposals .thumbnails { + margin-left: 0; +} + +#lazaretBox .lazaret-file .thumbnails li { + margin: 0; +} + +#lazaretBox .lazaret-proposals .records-subititution { + margin: 0 10px 10px 0; +} + +#lazaretBox .lazaret-file .thumbnail, +#lazaretBox .lazaret-proposals .thumbnail { + background-color: #FFFFFF; +} + +#lazaretBox .lazaret-proposals .thumbnail { + min-height: 234px; +} + +#lazaretBox .lazaret-proposals .thumbnail .record-thumb { + height: 180px; +} + +#lazaretBox .lazaret-file .thumbnail img { + max-height: 480px; +} + +#lazaretBox .lazaret-file .thumbnail button { + font-weight: normal; +} + +#lazaretBox .lazaret-file .thumbnail button img { + margin-right: 5px; +} + +ui-dialog-titlebar { + min-height: 20px; +} + +.chim-wrapper { + position: relative; + float: left; +} + +#clientModal, #clientModal .modal-footer { + background-color: #404040; +} + +#clientModal .close { + color: #FFFFFF; +} + +#answers .status img { + max-width: 16px; + max-heigh: 16px; +} + +#answers #answersNext { + width: 150px; + margin: 5px; + height: 193px; + line-height: 193px; + font-size: 25px; + color: #666666; + cursor: pointer; +} + +#paginate { + float: right; + margin: 0 65px 15px 0; + min-height: 52px; +} + +#idFrameT #answers:hover #paginate { + margin-right: 59px; +} + +#paginate #tool_navigate { + background-color: #141414; + /*border: 1px solid $col1;*/ +} + +#paginate #tool_navigate #NEXT_PAGE:hover, +#paginate #tool_navigate #PREV_PAGE:hover, +#paginate #tool_navigate #last:hover, +#paginate #tool_navigate #first:hover { + background-color: #076882; +} + +#paginate #tool_navigate #NEXT_PAGE { + background: url('#{$iconsPath}sprite_paginate.png') -72px 20px no-repeat; + width: 49px; + border-left: 1px solid $col1; +} + +#paginate #tool_navigate #PREV_PAGE { + background: url('#{$iconsPath}sprite_paginate.png') -29px 20px no-repeat; + width: 49px; + border-right: 1px solid $col1; +} + +#paginate #tool_navigate #last { + background: url('#{$iconsPath}sprite_paginate.png') -121px 20px no-repeat; + width: 49px; + border-left: 1px solid $col1; +} + +#paginate #tool_navigate #first { + background: url('#{$iconsPath}sprite_paginate.png') 21px 20px no-repeat; + width: 49px; + border-right: 1px solid $col1; +} + +#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 $col1; + border-bottom: 1px solid $col1; + 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: $col1; +} + +#paginate #tool_navigate:first-child { + border-left: 1px solid $col1; +} + +#paginate #tool_navigate:last-child { + border-right: 1px solid $col1; +} + +#paginate #tool_navigate input, +#paginate #tool_navigate a:hover { + color: #FFFFFF; + background: #076882; +} + +@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; + } +} \ No newline at end of file diff --git a/resources/www/prod/skin-959595.scss b/resources/www/prod/skin-959595.scss new file mode 100644 index 0000000000..c8ceec429d --- /dev/null +++ b/resources/www/prod/skin-959595.scss @@ -0,0 +1,4897 @@ +$col1: #B1B1B1; +$col2: #D9D9D9; +$iconsPath: '../../../skins/icons/'; +/******* GLOBAL PROD **********************************************************/ + +::-webkit-scrollbar-track +{ + border-radius: 0; + background-color: #080808; +} + +::-webkit-scrollbar { + width: 6px; + border-radius: 0; +} + +::-webkit-scrollbar-thumb { + border-radius: 0; + width: 3px; + background-color: #3b3b3b; +} + +::-webkit-scrollbar-button { + width: 0; + height: 0; + display: none; +} +::-webkit-scrollbar-corner { + background-color: transparent; +} + +html { + border: medium none; + height: 100%; + margin: 0; + padding: 0; + z-index: 1; +} + +html, body { + font-size: 12px; + z-index: 1; +} + +#desktop { + min-width: 1100px; +} + +*::-moz-selection, *::selection{ + background: white; + color: #333333; +} + +input::selection, textarea::selection, +input::-moz-selection, textarea::-moz-selection { + background: #404040; + color: white; +} + +label { + color: #FFFFFF; +} + +legend { + color: #333333; + width: auto; + border: none; +} + +EM { + FONT-STYLE: normal; + BACKGROUND-COLOR: #D82400; +} + +.clickable { + cursor: pointer; +} + +.diapo.selected { + cursor: url('#{$iconsPath}cursor-move.png'), -moz-grab; +} + +.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 white; +} + +body { + color: #333333; + background-color: $col2; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + overflow: hidden; + overflow-x: hidden; + overflow-y: hidden; +} + +#maincontainer { + min-width: 970px; + min-height: 500px; +} + +#mainContent { + 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: 12px; + text-align: right; + text-decoration: underline; + height: 16px; +} + +.ww_status { + background-image: url('images/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; +} + +.ui-dialog .ui-dialog-content.loading, .loading { + background-image: url('#{$iconsPath}loaderd9d9d9.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#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; +} + +#idFrameC { + top: 0 !important; + min-width: 300px; + bottom: 0 !important; +} + +#idFrameC.closed { + min-width: 0; +} + + +#idFrameC #retractableButton { + cursor: pointer; + width: 70px; + height: 85px; + float: right; + text-align: center; + line-height: 70px; + margin-bottom: -20px; + background: url("/skins/icons/workzoneEscamote.png") 30px 36px no-repeat; +} + +#idFrameC.closed #retractableButton { + background: url("/skins/icons/workzoneEscamote_on.png") 30px 30px no-repeat; +} + +#idFrameC .wrapper { + background-color: $col1; + right: 10px; +} + +.ui-tabs { + background-color: tranparent; + padding: 0; + border-style: none; +} + +.ui-tabs .ui-tabs-nav { + border: none; + padding: 0px; +} + +#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: #1a1a1a; + width: 8px; + cursor: col-resize; +} + +.ui-widget-header { + background: none; + border: transparent 0px none; +} + +.ui-tabs .ui-tabs-nav li { + background-color: #999999; + height: 30px; + border: none; + overflow: hidden; +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + background-color: $col1; + border: none; +} + +#idFrameC .ui-tabs .ui-tabs-nav li { + width: auto; + height: 85px; + display: inline-block; + background-color: $col1; + z-index: 10; +} + +#idFrameC .ui-tabs .ui-tabs-nav li.proposals_WZ.ui-state-active a { + border-bottom: 3px solid #4c5d84; +} + +#idFrameC .ui-tabs .ui-tabs-nav li.thesaurus.ui-state-active a { + border-bottom: 3px solid #884c92; +} + +#idFrameC .ui-tabs .ui-tabs-nav li.baskets.ui-state-active a { + border-bottom: 3px solid #076882; +} + +#idFrameC .ui-tabs #thesaurus_tab li { + color: #FFFFFF; +} + +#idFrameC .ui-tabs #thesaurus_tab li.th_tab a { + height: 43px; + line-height: 43px; + vertical-align: middle; + margin: 0; + padding: 0 20px; + display: block; + text-decoration: none; +} + +#idFrameC .ui-tabs #thesaurus_tab li.th_tab .ui-state-active { + border-bottom: 1px solid #884c92; +} + +#idFrameC .ui-tabs #thesaurus_tab li.th_tab { + height: 43px; + margin: 0; +} + +#THPD_T, #THPD_C { + margin-top: 10px; + margin-left: 0px; +} + +#THPD_WIZARDS .gform .input-append { + width: 100%; + margin: 0; + padding: 0; + border: 1px solid #999; +} + +#THPD_WIZARDS .gform .input-append input.input-medium { + width: 80%; + border-radius: 0; + height: 50px; + padding: 0 2.5%; + background: #d4d4d4; + border: none; + float: left; + margin: 0; +} + +#THPD_WIZARDS .gform .input-append .th_ok { + width: 15%; + line-height: 50px; + vertical-align: middle; + padding: 0; + border-radius: 0; + background: $col1 url('/skins/icons/icon_magnify.png') 50% no-repeat; + border: none; + margin: 0; + outline:none; + float: left; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; +} + +#THPD_WIZARDS .gform .input-append .th_clear { + position: relative; + z-index: 1000; + float: right; + margin: -50px 15% 0 0; + display: block !important; + width: 30px; + line-height: 50px; + padding: 0; + border-radius: 0; + background: url('/skins/icons/icon_clear_search.png') 50% no-repeat; + border: none; + outline: none; + box-shadow: none; + -webkit-appearance: none; +} + +.treeview li { + background-image: none; +} + +.treeview>li.expandable { + min-height: 50px; + line-height: 47px; + vertical-align: middle; + position: relative; + background: none; + padding-top: 0; + padding-bottom: 0; +} + +.treeview>li.expandable>.hitarea { + height: 51px; + background: url('/skins/icons/sprite_tree_first.png') 99% 22px no-repeat; + border-left: 5px $col1 solid; +} + +.treeview>li.expandable>.hitarea:hover, +.treeview>li.expandable>.hitarea.active { + border-left: 5px #884c93 solid; +} + +.treeviewul li { + color: #a1a1a1; + vertical-align: middle; +} + +.treeview .hitarea { + background: none; + width: 100%; + height: 100%; + position: absolute; +} + +.treeview ul li .hitarea { + background: url('/skins/icons/icon_tree.png') 0 0 no-repeat; + position: relative; + height: 9px; + width: 9px; + margin-top: 5px; +} + +.treeview ul li:hover { + color: #FFFFFF; +} + +.treeview ul li span.h { + color: #884c92 !important; +} + + +.treeview ul li span { + color: #a6a6a6; +} + +#THPD_T_treeBox { + font-size: 0.85em; +} + +#THPD_T_treeBox { + overflow-x: hidden; + overflow-y: hidden; +} + +#THPD_T_treeBox>div { + width: 100%; + display: inline-block; +} + +#THPD_T_treeBox: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; +} + +#THPD_tabs .treeview LI.selected SPAN { + background-color: #884c92 !important; + color: #FFFFFF !important; +} + +#THPD_tabs .treeview ul li.expandable { + +} + +#idFrameC .ui-tabs .ui-tabs-nav li { + border-radius: 0; +} + +#idFrameC .ui-tabs .ui-tabs-nav li a { + padding: 0; + margin: 0; + border-radius: 0; +} + +#idFrameC .ui-tabs .ui-tabs-nav li a.escamote { + margin:25px 25px 0 0; +} + +#idFrameC .ui-tabs .ui-tabs-nav li:hover a { + background-color: #999; +} + +#idFrameC .ui-tabs .ui-tabs-nav li.ui-state-active a { + background-color: #999; + border-bottom: 1px solid #884c92; + height: 82px; +} + +#idFrameC ul.icon-menu { + width: 100%; +} + +#idFrameC .icon-menu .WZbasketTab { + display: block; + background-image: url("/skins/icons/workzone32.png"); + background-repeat: no-repeat; + background-position: 9px 21px; + width: 70px; + height: 82px; +} + +#idFrameC .icon-menu .WZtabs { + display: block; + width: 70px; + height: 82px; + line-height: 82px; + vertical-align: middle; + text-align: center; +} + +#basket_menu_trigger { + padding: 32px 7px 0 0; + float: right; + font-size: 9px; + cursor: pointer; + color: #FFFFFF; +} + +#idFrameC.closed .icon-menu li { + clear: left; +} + +#idFrameC.closed .ui-tabs-panel, +#idFrameC.closed .ui-resizable-handle { + display: none; +} + +#idFrameC li.proposals_WZ.active img.proposals_off, +#idFrameC li.proposals_WZ img.proposals_on { + display: none; +} + +.ui-tabs .ui-tabs-nav li a { + padding: 10px 8px; + font-size: 0.8em; + font-weight: normal; +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-active a, +.ui-tabs .ui-tabs-nav li.ui-state-disabled a, +.ui-tabs .ui-tabs-nav li.ui-state-processing a { + cursor: pointer; + color: #333333; +} + +.ui-tabs .ui-tabs-nav li a, +.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { + cursor: pointer; + color: black; +} + +.ui-tabs .ui-tabs-panel { + overflow-x: hidden; + overflow-y: auto; + display: block; + border-width: 0; + padding: 0px; + background-color: $col1; +} + +.ui-tabs .ui-tabs-panel.tabBox { + height: 405px; + overflow: auto; + position: relative; + padding: 10px; + +} + +.ui-tabs .ui-tabs-hide { + display: none !important; +} + +.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: #b2b2b2; + 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; +} + +.ui-dialog.ui-widget-content { + background-color: $col2; +} + +.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('/include/jslibs/jquery-ui-1.10.3/css/ui-lightness/images/ui-icons_ffffff_256x240.png'); +} + +#baskets .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { + color: #FFFFFF; + font-size: 1em; +} + +.ui-accordion .ui-accordion-content.loading { + background-image: url('/skins/icons/loaderd9d9d9.gif'); + 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-image: url('#{$iconsPath}bask_back_light.png');*/ + background-repeat: repeat-x; + margin-bottom: 0; + height: 44px; + line-height: 44px; + background-color: $col1; + border-bottom: 1px solid #999; + border-radius: 0; +} + +.ui-accordion>div { + border-top: 1px solid #000; +} + +.ui-accordion .ui-accordion-header.unread { + 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: #999; +} + +#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 { + +} + +.cgu-dialog blockquote p { + margin: 10px 30px 10px 0; +} + +.cgu-dialog blockquote { + margin: 10px 30px; + overflow: auto; + max-height: 400px; +} + +/******* .colorpickerbox ******************************************************/ + +.colorpickerbox .colorpicker_submit .submiter { + padding: 3px 0 0 0; +} + +.colorpickerbox .colorpicker_submit { + background-image: none; + background-color: black; + height: 25px; + left: 90px; + overflow: hidden; + position: absolute; + top: 15px; + width: 100px; + border: 1px solid #404040; + cursor: pointer; + text-align: center; +} + +.colorpickerbox .colorpicker_focus { + border: 1px solid #999999; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.colorpickerbox .colorpicker_current_color, +.colorpickerbox .colorpicker_field, +.colorpickerbox .colorpicker_hex { + display: none; +} + +.colorpickerbox .colorpicker_color, +.colorpickerbox .colorpicker_hue { + top: 56px; +} + +.colorpickerbox .colorpicker_new_color { + left: 14px; +} + +.colorpickerbox .colorpicker { + width: 210px; + height: 220px; +} + +.colorpickerbox { + position: relative; + float: left; +} + +/******* FORMULAIRE DE RECHERCHE **********************************************/ + +.searchFormWrapper { + margin: 30px 0 0 5px; + line-height: 30px; +} + +#searchForm { + width: 100%; + float: left; +} + +#searchForm .input-append { + float: left; + width: 70%; +} + +#searchForm .control-group { + float: left; + margin-left: 0; +} + +#searchForm .input-append .btn { + border:none; +} + +#searchForm .input-append a.btn, +#searchForm .input-append a.btn:hover { + height: 22px; + width: 5%; + background-color: $col1; + *background-color: $col1; + background-image: -ms-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9B9B9), to(#A4A4A4)); + background-image: -webkit-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -o-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -moz-linear-gradient(top, #B9B9B9, #A4A4A4); + *border: 1px solid #666666; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B9B9B9', endColorstr='#A4A4A4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + color: #EAEAEA; + background-position: inherit; +} + +#searchForm .input-append button.btn, +#searchForm .input-append button.btn:hover { + height: 30px; + width: 15%; + background-color: $col1; + *background-color: $col1; + background-image: -ms-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9B9B9), to(#A4A4A4)); + background-image: -webkit-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -o-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -moz-linear-gradient(top, #B9B9B9, #A4A4A4); + *border: 1px solid #666666; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B9B9B9', endColorstr='#A4A4A4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + color: #EAEAEA; + background-position: inherit; + border-left: 1px solid #999; +} + +/******* PRESENTATION DE MINIATURES *******************************************/ + +/* +.infoTips { + background: none !important; + width: 13px !important; + height: 10px !important; + padding-top: 4px; + margin-right: 9px; +} +*/ + +.contextMenuTrigger { + color: #FFFFFF; + font-size: 10px; + margin-left: 5px; + line-height: 18px; + vertical-align: middle; +} + +.contextMenuTrigger:hover { + color: #FFFFFF; +} + +.captionRolloverTips, .previewTips, .infoTips, +.baskAdder, .printer, .downloader, .baskDeleter { + background-image: url('#{$iconsPath}zoom.gif'); + background-repeat: no-repeat; + background-position: center center; + width: 18px; + height: 18px; + float: right; + cursor: pointer; +} + +.captionRolloverTips { + background-image: url('#{$iconsPath}mode_list.gif'); +} + +.infoTips { + background-image: url('#{$iconsPath}info.gif'); +} + +.baskAdder { + background-image: url('#{$iconsPath}basket.gif'); +} + +.baskDeleter { + background-image: url('#{$iconsPath}delete.gif'); +} + +.printer { + background-image: url('#{$iconsPath}print.gif'); +} + +.downloader { + background-image: url('#{$iconsPath}download.gif'); +} + +#tool_navigate input { + text-align: center; +} + +#tool_navigate a { + padding: 1px 5px; + margin: 0 4px; + background-color: #0077BC; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + font-size: 12px; + line-height: 14px; + font-weight: bold; + cursor: pointer; +} + +.diapo div.title { + overflow: hidden; + text-overflow: ellipsis; +} + +div.diapo { + position: relative; + display: block; + float: left; + border: 1px solid #404040; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + text-align: center; + color: #333333; + margin: 8px 5px; +} + +#idFrameT #answers { + background-color: $col2; + border: 1px solid $col2; + top: 55px; + bottom: 0; + margin-right: 8px; + overflow-y: hidden; + padding-left: 10px; +} + +#idFrameT #answers:hover { + overflow-y: auto; +} + +#answers_status{ + position: absolute; + bottom: 0px; + left: 10px; + height: 60px; + width: 400px; + z-index: 1000; +} + +#answers_status table{ + width: 100%; +} + +#answers_status table tr{ + height: 20px; + vertical-align: middle; +} + +#answers_status table tr td.navigation{ + text-align: right; +} + +#answers_status .infos { + text-align: left; + line-height: 18px; + font-size: 11px; + color: #949494; + height: 60px; +} + +#answers_status .infos .infoDialog { + float: left; + background: #999; + color: #FFFFFF; + padding: 0 25px; + font-size: 11px; + padding-top: 24px; + margin-right: 10px; + height: 36px; +} + +#answers_status .infos .infoDialog span { + font-size: 22px; + margin-bottom: 3px; + float: left; + margin-right: 10px; +} + +#answers_status #docInfo { + height: 40px; + background: #999; + color: #FFFFFF; + padding: 0 25px; + padding-top: 20px; + float: left; + min-width: 105px; + font-size: 11px; + line-height: 12px; + border-right: 1px solid #999; +} + + +#answers_status .infos #nbrecsel { + font-size: 22px; + margin-top: 7px; + float: left; + margin-right: 7px; + display: block; + height: 40px; +} + + +/******* POPOVERS *************************************************************/ + +#tooltip .popover { + background-color:inherit; +} + +.popover-inner { + background-color: #999999; + border: 2px solid #444; + padding: 0px; + color: #333333; + border-radius: 4px; +} + +.popover-inner .popover-title { + background-color: $col1; + border-radius: 0; +} + +.popover-inner .popover-content { + background-color: $col2; +} + +/******* idFrameT CSS *********************************************************/ + +#idFrameT { + margin-left: -20px; + margin-right: -20px; +} + +.submenu.ui-buttonset { + z-index: 120; +} + +#idFrameT #selectCase { + background: url('/skins/icons/ccoch0.gif') no-repeat center center; + padding-left: 16px; +} + +#idFrameT .btn-toolbar { + margin-bottom: 0px; + margin-top: 0px; + height: 30px; + font-size:10px; + z-index:100; + height:45px; + background: $col1; +} + +#idFrameC .tools { + text-align: left !important; +} + +#idFrameC .tools label { + display: inline; + margin: 0 15px 0 0; + float: left; + font-size: 11px; + line-height: 22px; + vertical-align: middle; +} + +#idFrameT .tools .classicButton button.btn, +#idFrameT .tools .dropdownButton { + margin: 0; +} + +#idFrameT .tools:first-child .btn-group { + border-left: 1px solid #999; +} + +#idFrameT .tools .btn-group { + float: left; +} + +#idFrameT .tools .classicButton button.btn, +#idFrameT .tools .dropdownButton button.btn { + height: 30px; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + -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); +} + +#idFrameT .tools .classicButton button.btn-inverse, +#idFrameT .tools .dropdownButton button.btn-inverse { + background-image: none; + background-color: $col1; + border-radius: 0; + margin: 0; + height: 45px; + border: 0; +} + +#idFrameT .tools .classicButton button.btn-inverse { + border-right: 0; +} + +#idFrameT .tools .dropdownButton button.btn-inverse { + border-left: 0; + border-right: 0; +} + +#idFrameT .tools .classicButton button.btn-inverse:hover, +#idFrameT .tools .dropdownButton button.btn-inverse:hover { + background-color: #A4A4A4; + *background-color: #A4A4A4; + color: #FFFFFF; +} + +#idFrameT .tools .classicButton button.btn-inverse img, +#idFrameT .tools .dropdownButton button.btn-inverse img { + margin: 0 2px; + max-width: none; +} + +#idFrameT .tools .dropdown-menu { + min-width: 95px; + background-color: #A4A4A4; + *border: 1px solid #666666; +} + +#idFrameT .tools .dropdown-menu a { + padding: 3px 10px; + font-size: 12px; + color: #EAEAEA; + cursor: pointer; +} + +#idFrameT .tools .dropdown-menu a:hover { + background-color: #666666; + color: #FFFFFF; +} + +#idFrameT .tools .dropdown-menu img { + margin-right: 5px; +} + +#idFrameT .tools #settings { + display: block; + float: right; + line-height: 45px; + padding-right: 30px; + padding-left: 21px; + margin-right: 21px; + color: #FFFFFF; + background: url('#{$iconsPath}icone_settings.png') right 15px no-repeat; + border-left: 1px solid #999; +} + +#idFrameT .tools #settings:hover { + background-color: #393939; +} + +.dropdown-menu .divider { + background-color: #777777; + border-bottom: 1px solid #B0B0B0; + margin: 3px 1px 3px 1px; +} + +/******* BASKETS **************************************************************/ + +#idFrameC .tools { + text-align: center; +} + +#idFrameC .tools button { + background-color: transparent; + border: none; + width: 16px; + height: 22px; + cursor: pointer; + padding: 0px; +} + +#idFrameC #baskets .alert_datas_changed { + position: absolute; + top: 5px; + height: 20px; + right: 26px; + left: 10px; + background-color: #FFFFFF190; + color: #1a1a1a; + text-align: center; + font-weight: bold; + font-size: 12px; + display: none; +} + +#idFrameC #baskets .content.grouping .alert_datas_changed, +#idFrameC #baskets .content.basket .alert_datas_changed { + position: relative; + margin: 10px 0; + right: 0; + left: 0; +} + +#idFrameC #baskets .bloc { + position: absolute; + top: 31px; + left: 0pt; + right: 1px; + bottom: 0px; + overflow-y: auto; + overflow-x: hidden; +} + +#baskets .insidebloc { + top: 0; +} + +#baskets .top-scroller, +#baskets .bottom-scroller { + height: 80px; + position: absolute; + border: none; + top: 0px; + bottom: 0; + left: 0; + right: 0; +} + +#baskets .top-scroller { + bottom: auto; +} + +#baskets .bottom-scroller { + top: auto; +} + +#idFrameC #baskets .bloc.groupDrop { + border: 3px solid #a00; +} + +#idFrameC .ui-tabs,#idFrameE .ui-tabs { + position: absolute; + top: 0px; + left: 10px; + bottom: 0px; + right: 0; +} + +#idFrameC .ui-tabs .ui-tabs-nav,#idFrameE .ui-tabs .ui-tabs-nav { + background-color: transparent; + top: 0px; + left: 10px; + right: 10px; + margin-top: 21px; + border-top: 1px solid #999; + border-radius: 0; + height: 43px; +} + +#idFrameC .ui-tabs .ui-tabs-panel,#idFrameE .ui-tabs .ui-tabs-panel { + position: absolute; + top: 56px; + left: 0px; + bottom: 0px; + right: 0px; +} + +.CHIM.diapo { + width: 100px; + overflow: hiden; +} + +.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; +} + +.CHIM.diapo .bottom span,.CHIM.diapo .bottom img { + cursor: pointer; + vertical-align: middle; + color: white; + font-size: 10px; +} + +.CHIM.diapo img { + margin-top: 9px; + z-index: 14; + position: relative; +} + +#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: #414141; +} + +.diapo .thumb { + overflow: hidden; + position: relative; +} + +.diapo .thumb .record { + position: relative; + margin: 0 auto; +} + +.diapo.CHIM .thumb_wrapper { + padding: 6px 9px; +} + +.diapo.IMGT .thumb_wrapper { + padding: 0 11px; +} + +.diapo .bottom { + position: absolute; bottom: 0px; +} + +#answers .list { + position: relative; + float: left; + margin: 10px; + width: 600px; + overflow: hidden; + border: 3px solid #404040; +} + +.ui-accordion .ui-accordion-content { + background-color: $col2; + margin-top: 0; + border-top: none; + margin-top: -1px; + margin-bottom: 0; +} + +.ui-accordion .ui-accordion-content.grouping { + border: 1px solid #2f4a6f; + border-top: none; +} + +#baskets .SSTT.active { + border: 1px solid $col1; +} + +#baskets .SSTT .title { + overflow: hidden; + left: 30px; + right: 40px; + height: 16px; + margin: 2px 0; + font-size: 12px; +} + +#baskets .SSTT .menu { + text-align: right; + position: absolute; + right: 0; + top: 0; + padding: 3px; + margin: 0 5px 0 0; +} + + +#baskets .SSTT .menu table td { + width:20px; +} + +#baskets .SSTT .workzone-menu-title { + text-overflow: ellipsis; + padding-right:65px; + overflow: hidden; + white-space: nowrap; + display: block; +} + +#baskets .menu .contextMenuTrigger { + cursor: pointer; + display: block; + padding: 0; + margin: 0; + background: url('#{$iconsPath}contextMenuTrigger.png') 0 13px no-repeat; + height: 45px; + width: 13px; +} + +/** hack IE7 only */ +*:first-child+html .workzone-menu-title { + margin-right:65px; +} + +#baskets .SSTT img { + max-height: 18px; + vertical-align: middle; + cursor: help; + margin-right: 9px; +} + +#baskets .SSTT.grouping.active { + border: 1px solid #2f4a6f; +} + +#baskets .SSTT.grouping.active.ui-corner-top { + border-bottom: none; +} + +#baskets .SSTT.active.ui-corner-top { + border: none; + border-top: 1px solid #000; + top: 0; + background-color: $col1; +} + +.ui-accordion .ui-accordion-header.baskDrop { + color: red; +} + +form.phrasea_query input.query { + padding-left: 30px; + font-size: 16px; + margin: 0; + width: 60%; +} + +#basket-rename-box .btn, #reorder_box .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#basket-rename-box .btn-inverse, #reorder_box .btn-inverse { + *border: 1px solid #666666; + color: #777777; +} + +#basket-rename-box .btn-inverse:hover, #reorder_box .btn-inverse:hover { + color: #FFFFFF; +} + +/******* QUERIES HISTORY ******* (currently not used in HTML code )************/ +/* +#history-queries ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +#history-queries ul li { + cursor: pointer; +} + +#history-queries ul li.hover { + color: #838383; +} + +#choosen-topics UL.opened { + margin-left: 5px; + padding-left: 10px; + list-style-type: none; +} + +#choosen-topics UL.static { + margin-left: 5px; + padding-left: 10px; + list-style-type: none; +} + +#choosen-topics UL.closed { + display: none; +} + +#choosen-topics UL.nobox { + border-left: 0px none transparent; + margin-left: 4px; + padding-left: 0px; + list-style-type: none; +} + +#choosen-topics LI { + position: relative; + left: 0px; + margin: 0px; + padding: 0px; +} + +#choosen-topics LI A { + color: #000000; + padding: 0px; + background-repeat: no-repeat; + width: 11px; + height: 11px; +} + +#choosen-topics LI A.opened { + display: inline-block; + background-image: url('#{$iconsPath}tri_minus.gif'); +} + +#choosen-topics LI A.closed { + display: inline-block; + background-image: url('#{$iconsPath}tri_plus.gif'); +} + +#choosen-topics LI SPAN { + padding: 0px; + background-repeat: no-repeat; + width: 11px; + height: 11px; +} + +#choosen-topics LI SPAN.static { + display: inline-block; + background-image: url('#{$iconsPath}tri_static.gif'); +} + +#choosen-topics LI SPAN.none { + display: inline-block; + background-image: none; +} + +#choosen-topics div.searchZone { + height: 100%; +} +*/ +/******* QUERY ****************************************************************/ + +#TOPIC_UL li { + float: none; + margin: 0; +} + +.alert_datas_changed a { + color: #414141; + text-decoration: underline; +} + +#searchForm .danger .danger_indicator, +#searchForm .danger.danger_indicator { + border-color: #c9c900; + background-color: #FCEC98; + color: #000000; +} + + +#adv_search table.colllist { + width: 290px; +} + +#adv_search table.filterlist { + width: 600px; +} + +.history-collection { + background-image: url('/skins/icons/chgcoll_history.png'); +} + +.history-status { + background-image: url('/skins/icons/chgstatus_history.png'); +} + +.history-print { + background-image: url('/skins/icons/print_history.png'); +} + +.history-substit, .history-publish { + background-image: url('/skins/icons/imgtools_history.png'); +} + +.history-download, .history-mail, .history-ftp { + background-image: url('/skins/icons/disktt_history.png'); +} +.history-edit { + background-image: url('/skins/icons/ppen_history.png'); +} + +.history-validate, .history-push { + background-image: url('/skins/icons/push16.png'); +} + +.history-collection, .history-status, .history-print, .history-substit, .history-publish, .history-download, .history-mail, .history-ftp, .history-edit, .history-validate, .history-push { + 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; + } +} + + +/******* ACTIONS **************************************************************/ + +.toolbutton { + float: left; + width: 70px; + height: 50px; + overflow: hidden; + margin: 0px; + cursor: pointer; +} + +.toolbuttonimg { + float: left; + width: 50px; + margin: 0px 10px 0px; + height: 30px; + overflow: hidden; + text-align: center; +} + +.toolbuttonlabel { + float: left; + width: 70px; + height: 20px; + overflow: visible; + text-align: center; +} + +#TOOL_disktt { + background-image: url('images/disktt_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_disktt.actif { + background-image: url('images/disktt_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_ppen { + background-image: url('images/ppen_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_ppen.actif { + background-image: url('images/ppen_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgstatus { + background-image: url('images/chgstatus_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgstatus.actif { + background-image: url('images/chgstatus_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgcoll { + background-image: url('images/chgcoll_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgcoll.actif { + background-image: url('images/chgcoll_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_pushdoc { + background-image: url('images/pushdoc_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_pushdoc.actif { + background-image: url('images/pushdoc_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_print { + background-image: url('images/print_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_print.actif { + background-image: url('images/print_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_imgtools{ + background-image: url('images/imgtools_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_imgtools.actif{ + background-image: url('images/imgtools_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_trash { + background-image: url('images/trash_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_trash.actif { + background-image: url('images/trash_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +.colorpicker_box{ + border: 1px solid white; + cursor: pointer; + float: left; + margin: 2px; + padding: 0; +} + +#prod-tool-box .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#prod-tool-box .btn-inverse { + background-color: $col1; + *background-color: $col1; + background-image: -ms-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9B9B9), to(#A4A4A4)); + background-image: -webkit-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -o-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -moz-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: linear-gradient(top, #B9B9B9, #A4A4A4); + *border: 1px solid #666666; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B9B9B9', endColorstr='#A4A4A4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + color: #EAEAEA; +} + +#prod-tool-box .btn-inverse:hover { + background-color: #A4A4A4; + *background-color: #A4A4A4; + color: #FFFFFF; +} + +/******* 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; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.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; +} + + + + + +.pubchut, .pubchutmine,.regIndicator,.baskIndicator { + position: relative; + float: left; + width: 16px; + height: 16px; + background-image: url('images/pubchut.gif'); + background-repeat: no-repeat; +} + +.pubchutmine { + background-image: url('images/pubchutmine.gif'); +} + +.baskIndicator { + background-image: url('images/chu.gif'); + background-position: middle left; +} + +.regIndicator { + background-image: url('images/regroup.gif'); + background-position: middle left; +} + +/******* INPUTS ***************************************************************/ + +input.search { + padding-left: 25px; + background-image: url('/skins/icons/search.png'); + background-repeat: no-repeat; + background-position: 3px center; +} + +input, select, textarea { + margin: 2px; + padding: 2px; + *border: 1px solid $col1; + /*background: white; + resize: none;*/ + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;} + +input:radio, input: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; +} + +#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 .btn-inverse { + background-color: $col1; + *background-color: $col1; + background-image: -ms-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9B9B9), to(#A4A4A4)); + background-image: -webkit-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -o-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -moz-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: linear-gradient(top, #B9B9B9, #A4A4A4); + *border: 1px solid #666666; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B9B9B9', endColorstr='#A4A4A4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + color: #EAEAEA; +} + +#look_box .btn-inverse:hover { + background-color: #A4A4A4; + *background-color: #A4A4A4; + color: #FFFFFF; +} + +#look_box .radio.inline, #look_box .checkbox.inline { + padding-top: 0px; +} + +#look_box label, #basket_preferences label { + line-height: 21px; + color: #333333; +} + +#look_box h1, #basket_preferences h1 { + margin: 5px 0; + color: #FFFFFF; + font-size: 12px; + font-weight: bold; +} + +#look_box div.box, #basket_preferences div.box { + margin: 5px; + float: left; + width: 98%; +} + +#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: 12px; + font-weight: bold; + line-height: 14px; + text-align: center; + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + float: left; +} + +/******* GUI ******************************************************************/ + +.gui_grip { + background-image: url('#{$iconsPath}grip.gif'); + background-position: 0 0; + background-repeat: no-repeat; + height: 19px; + width: 5px; +} + +.gui_vsplitter,.ui-resizable-e { + top: 50%; + width: 13px; + padding: 0 0; + height: 54px; + position: absolute; + background-image: url('#{$iconsPath}vsplitter.png'); + background-color: $col1; + 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}vsplitter2-959595.png'); +} + +.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('images/vsplitter.gif'); + cursor: pointer; +} + +.gui_ckbox_0 { + display: block; + position: relative; + width: 12px; + height: 12px; + float: left; + background-image: url('images/ccoch0.gif'); + cursor: pointer; +} + +.gui_ckbox_1 { + display: block; + position: relative; + width: 12px; + height: 12px; + float: left; + background-image: url('images/ccoch1.gif'); + cursor: pointer; +} + +.gui_ckbox_2 { + display: block; + position: relative; + width: 12px; + height: 12px; + float: left; + background-image: url('images/ccoch2.gif'); + cursor: pointer; +} + +/******* ONGLETS **************************************************************/ + +.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, .diapo .duration { + background-color: black; + color: white; +} + +DIV.onglets { + white-space: nowrap; +} + +DIV.onglets SPAN { + POSITION: relative; + BORDER: #C9C9C9 1px none; + padding: 5px 15px; + MARGIN-LEFT: 2px; + MARGIN-RIGHT: 2px; + BACKGROUND-COLOR: #C9C9C9; + -webkit-border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topleft: 3px; + -moz-border-radius-topright: 3px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + COLOR: #FFFFFF; + cursor: pointer; + Z-INDEX: 2; +} + +DIV.onglets SPAN.actif { + BORDER: #C9C9C9 1px solid; + BORDER-BOTTOM: #FFFFFF 1px solid; + BACKGROUND-COLOR: #FFFFFF; + COLOR: #949494; +} + +IFRAME { + BORDER-RIGHT: #000000 1px solid; + PADDING-RIGHT: 0px; + BORDER-TOP: #000000 1px solid; + PADDING-LEFT: 0px; + PADDING-BOTTOM: 0px; + MARGIN: 0px; + BORDER-LEFT: #000000 1px solid; + PADDING-TOP: 0px; + BORDER-BOTTOM: #000000 1px solid +} + +H4 { + MARGIN-TOP: 0px; + FONT-WEIGHT: normal; + FONT-SIZE: 16px; + MARGIN-BOTTOM: 0px; + MARGIN-LEFT: 5px +} + +/******* PROPOSALS ************************************************************/ + +.proposals { /*** page proposals.php ***/ + POSITION: relative; + LEFT: 5px; +} + +.proposals A { /*** page proposals.php ***/ + FONT-SIZE: 11px; +} + +.proposals H1,.proposals H2 { /*** page proposals.php ***/ + FONT-SIZE: 10px; + POSITION: relative; + PADDING: 3px; + MARGIN: 0px; + MARGIN-TOP: 10px; + MARGIN-BOTTOM: 5px; +} + +.proposals HR { /*** page proposals.php ***/ + POSITION: relative; + HEIGHT: 1px; + PADDING: 0px; + MARGIN: 0px; + BACKGROUND-COLOR: #d0d0d0; + BORDER-TOP: #808080 1px solid; + TEXT-DECORATION: none; +} + +/******* BOITES MODALES *******************************************************/ + +.bodyprofile { + background-color: transparent; + color: #FFFFFF; +} + +.bodyprofile .ui-tabs .ui-tabs-panel { + background-color: #a3a3a3; + color: #333333; +} + +.bodyprofile .ui-tabs .ui-tabs-nav li.ui-tabs-active { + background-color: #a3a3a3; + color: #FFFFFF; +} + +.bodyprofile .ui-tabs li.ui-state-active a, +.ui-state-active a:link, .ui-state-active a:visited { + color: #FFFFFF; +} + +.bodyprofile .ui-widget-content { + background-color: #666666; + color: #FFFFFF; +} + +.overlay, .ui-widget-overlay { + background-color: $col1; + opacity: 0.7; + filter: alpha(opacity=70); +} + +.overlay_box { + position: absolute; + background-color: #999999; + display: none; + overflow-y: auto; + padding: 5px; + max-width: 800px; + max-height: 400px; +} + +/******* SEARCH ***************************************************************/ + +#adv_search .sbasglob, +.adv_options .sbasglob, +#sbasfiltercont { + color: #555555; + 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; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +#adv_search .sbasglob .sbas_list.selected, +.adv_options .sbasglob .sbas_list.selected { + border: 2px solid #404040; + background-color: #404040; +} + +.sbasglob .btn-toolbar, +#sbasfiltercont .btn-toolbar { + margin: 10px; + text-align: center; +} + +.sbasglob .btn-inverse, +#sbasfiltercont .btn-inverse { + *border: 1px solid #666666; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + color: #555555; + -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); +} + +.sbasglob .btn-inverse:hover, +#sbasfiltercont .btn-inverse:hover { + color: #FFFFFF; +} + +.sbaslist { + background-color: #404040; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.sbas_list label { + color: #555555; +} + +.clksbas span { + cursor: pointer; + font-weight: bold; + margin: 0 5px; +} + +.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; +} + +#searchForm .clkbas label { + overflow: hidden; + text-overflow: ellipsis; +} + +.clkbas img { + vertical-align:middle; + max-height:22px; +} + +/******* EXPORT ***************************************************************/ + +#printBox { + background-color: $col1; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +#printBox h4, #download h4, +#sendmail h4, #ftp h4 { + margin-bottom: 10px; + font-weight: bold; + font-size: 14px; + line-height: 18px; + color: #FFFFFF; + text-decoration: none; +} + +#printBox label, #download label, +#sendmail label, #ftp label { + line-height: 18px; + color: #FFFFFF; +} + +#sendmail p, #ftp p, +.buttons_line p { + margin: 20px 0 10px 0; + font-weight: bold; +} + +#ftp .form-horizontal .control-group { + margin-bottom: 10px; +} + +#printBox .btn, #download .btn, +#sendmail .btn, #ftp .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#printBox .btn-inverse, #download .btn-inverse, +#sendmail .btn-inverse, #ftp .btn-inverse { + background-color: $col1; + *background-color: $col1; + background-image: -ms-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9B9B9), to(#A4A4A4)); + background-image: -webkit-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -o-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -moz-linear-gradient(top, #B9B9B9, #A4A4A4); + *border: 1px solid #666666; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B9B9B9', endColorstr='#A4A4A4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + color: #EAEAEA; +} + +#printBox .btn-inverse:hover, #download .btn-inverse:hover, +#sendmail .btn-inverse:hover, #ftp .btn-inverse:hover { + background-color: #A4A4A4; + *background-color: #A4A4A4; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #FFFFFF; +} + +/******************************************************************************/ + +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: #d4d0c9; + text-align: left; +} + +TABLE.ulist TBODY TR { + cursor: pointer; + height: 18px; + height: 20px; +} + +TABLE.ulist TBODY TR.selected { + COLOR: #FFFFFF; + 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 +} + + + + +a { + COLOR: #444444; + TEXT-DECORATION: none +} + +a:hover { + COLOR: #444444; + TEXT-DECORATION: none +} + +.dragover { + BACKGROUND-COLOR: #FFFFFF100 +} + +/******* THESAURUS ************************************************************/ + +DIV.thesaurus { + MARGIN-LEFT: 2px; + WHITE-SPACE: nowrap; +} + +DIV.thesaurus P { + MARGIN: 0px; +} + +DIV.thesaurus DIV.c { + DISPLAY: none +} + +#idFrameE #TH_Ofull, #idFrameTH #TH_Oprop, #idFrameTH #TH_Oclip { + margin: 0; + padding: 0; + width: 100%; +} + +#idFrameE DIV.searchZone { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + PADDING: 0px; + MARGIN: 0px; + background: #FFFFFF; + BORDER: #a9a9a9 1px solid; +} + +#idFrameE .onglets SPAN { + BORDER-TOP: #a9a9a9 1px solid; + BORDER-LEFT: #a9a9a9 1px solid; + BORDER-RIGHT: #a9a9a9 1px solid; + BORDER-BOTTOM: $col1 1px solid; + COLOR: #FFFFFF; +} + +#idFrameE .onglets SPAN.inactif { + BORDER-TOP: #a9a9a9 1px solid; + BORDER-LEFT: #a9a9a9 1px solid; + BORDER-RIGHT: #a9a9a9 1px solid; + BORDER-BOTTOM: #a9a9a9 1px solid; + BACKGROUND-COLOR: transparent; + COLOR: #a9a9a9; +} + +#idFrameE DIV.thesaurus DIV.c { + DISPLAY: none +} + +#idFrameE DIV.thesaurus DIV.o { + MARGIN-BOTTOM: 1px; + PADDING-BOTTOM: 2px; + PADDING-LEFT: 5px; + MARGIN-LEFT: 3px; + BORDER-LEFT: #a9a9a9 1px solid; + BORDER-BOTTOM: #a9a9a9 1px solid; +} + +#idFrameE DIV.thesaurus DIV.h { + MARGIN-BOTTOM: 1px; + PADDING-BOTTOM: 2px; + PADDING-LEFT: 5px; + MARGIN-LEFT: 3px; + BORDER-LEFT: #a9a9a9 1px solid; + BORDER-BOTTOM: #a9a9a9 1px solid; +} + +#idFrameE DIV.thesaurus 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; +} + +#idFrameE DIV.thesaurus B { + cursor: pointer; +} + +#idFrameE DIV.thesaurus I { + FONT-STYLE: normal; + cursor: pointer; +} + +DIV.thesaurus U.w { + cursor: auto; +} + +/******* EDITION **************************************************************/ + +#EDIT_ALL { + white-space: normal; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +#EDIT_TOP { + background-color: $col2; + position: absolute; + top: 0; + left: 0; + width: 100%; + overflow: visible; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +#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 #666666; + background-color: $col1; + 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: $col2; + width: 700px; + left: 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +#EDIT_MID_R{ + width: 400px; + right: 0; +} + +#EDIT_MID_R .ui-tabs-panel { + background-color: $col2; +} + +#EDIT_MID_R li.ui-tabs-active, +#EDIT_MID_R li.ui-state-active { + background-color: $col2; +} + +#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; +} + +#divS div.edit_field { + cursor: pointer; + font-weight: bold; + padding: 2px; + margin-right: 10px; + position: relative; +} + +#divS div.edit_field.odd { + background-color: $col1; +} + +#divS div.edit_field.hover, #divS div.edit_field.active { + background-color: $col1; + color: #404040; +} + +#divS div.edit_field.active { + border: 1px solid #FEFEFE; +} + +#divS 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; +} + +#idFrameE .ui-datepicker-inline { + background-color: #111111; + background-image: url('/skins/prod/000000/images/ui-bg_gloss-wave_20_111111_500x100.png'); + background-repeat: repeat-x; + background-position: 50% top; +} + +#idExplain { + top: auto; + height: 20px; + color: #FFB300; + text-align: right; +} + +#idExplain img { + vertical-align: middle; + width: 20px; + height: 20px; +} + +#idExplain .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; +} + +#buttonEditing .btn { + margin: 0; + padding: 2px 9px; + height: 24px; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + 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); +} + +#buttonEditing .btn-inverse { + *border: 1px solid #666666; + text-shadow: none; + color: #777777; +} + +#buttonEditing .btn-inverse:hover { + background-color: #D6D6D6; + *background-color: #D6D6D6; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #FFFFFF; +} + +.edit-btn { + margin: 2px; + font-weight: bold; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + display: inline-block; + *display: inline; + font-size: 13px; + line-height: 18px; + *line-height: 20px; + color: #EAEAEA; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + vertical-align: middle; + cursor: pointer; + background-color: $col1; + *background-color: $col1; + background-image: -ms-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9B9B9), to(#A4A4A4)); + background-image: -webkit-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -o-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -moz-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: linear-gradient(top, #B9B9B9, #A4A4A4); + background-repeat: repeat-x; + border: 1px solid #cccccc; + *border: 0; + border-color: #222222 #222222 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B9B9B9', endColorstr='#A4A4A4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + *zoom: 1; + -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); +} + +.edit-btn:hover { + background-color: #A4A4A4; + *background-color: #A4A4A4; + color: #FFFFFF; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -ms-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +#EDIT_WORKING { + position: absolute; + top: 100px; + left: 1px; + width: 100%; + display: none; +} + +#EDIT_EDIT { + top: 35px; + 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: #FFFFFF; +} + +.Edit_preset_item { + position: relative; + top: 0px; + left: 0px; + width: 550px; + height: 250px; + overflow: auto; + color: #999999; +} + +#TH_Oreplace .btn, +#TH_Opresets .btn { + margin-bottom: 20px; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#TH_Oreplace .btn-inverse, +#TH_Opresets .btn-inverse { + background-color: #D6D6D6; + *background-color: #D6D6D6; + background-image: -ms-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D6D6D6)); + background-image: -webkit-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -o-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -moz-linear-gradient(top, #FFFFFF, #D6D6D6); + border-color: #D6D6D6 #D6D6D6 #bfbfbf; + border-bottom-color: #b3b3b3; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D6D6D6', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + *border: 1px solid #666666; + text-shadow: none; + color: #777777; +} + +#TH_Oreplace .btn-inverse:hover, +#TH_Opresets .btn-inverse:hover { + background-color: #D6D6D6; + *background-color: #D6D6D6; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #FFFFFF; +} + +#ZTextMultiValued_values { + background-color: #FFFFFF; + border: 1px solid #999999; + position: absolute; + top: 30px; + left: 4px; + right: 4px; + bottom: 4px; + overflow-x: auto; + overflow-y: scroll; +} + +#idFrameE #ZTextMultiValued_values div { + cursor: pointer; + height: 20px; + padding: 2px 14px 2px 2px; +} + +#idFrameE #ZTextMultiValued_values div table { + width: 100%; + border: none; +} + +#idFrameE #ZTextMultiValued_values div table td { + vertical-align: middle; +} + +#idFrameE #ZTextMultiValued_values div table td.options { + width: 40px; + text-align: right; +} + +#idFrameE #ZTextMultiValued_values div table td.options .add_all { + display: none; +} + +#idFrameE #ZTextMultiValued_values div.hetero table td.options .add_all { + display: inline; +} + +#idFrameE .hetero { + color: #ff8000; +} + +#idFrameE #ZTextMultiValued_values DIV.hilighted { + background-color: #d0d0d0; +} + +#idFrameE #ZTextMultiValued_values DIV I { + color: #FFFFFFF00; + FONT-STYLE: normal; + font-weight: 700; + background-color: #222222; +} + +#idFrameE .EDIT_presets_list { + padding-left: 3px; + padding-right: 6px; +} + +#idFrameE .EDIT_presets_list LI { + margin: 0px; +} + +#idFrameE .EDIT_presets_list DIV { + display: none; + padding-left: 15px; + padding-bottom: 5px; +} + +#idFrameE .EDIT_presets_list DIV P { + font-size: 9px; + padding: 0px; + margin: 0px; +} + +#idFrameE .EDIT_presets_list LI.opened DIV { + display: block; +} + +#idFrameE .EDIT_presets_list H1 { + margin: 0px; + padding: 0px; + font-size: 12px; +} + +#idFrameE .EDIT_presets_list H1 A.delete { + font-weight: 100; + font-size: 10px; +} + +#idFrameE .EDIT_presets_list LI .triDown { + display: none; +} + +#idFrameE .EDIT_presets_list LI.opened .triRight { + display: none; +} + +#idFrameE .EDIT_presets_list LI.opened .triDown { + display: inherit; +} + +/******* MAINMENU ************************************************************/ + +#mainMenu { + height: 40px; + line-height: 40px; + vertical-align: middle; +} + +#mainMenu #mainLogo { + margin:0 10px; + margin-top: -4px; +} + +#mainMenu li, #mainMenu li span { + height: 40px; + line-height: 40px; + color: #FFFFFF; +} + +#mainMenu .PNB.right li { + border-left: 1px solid #999; +} + +#mainMenu .PNB.right li span { + padding: 0 15px; +} + +#mainMenu, .publi_group { + background-color: $col1; +} + +.context-menu-item a { + color: #75ABFF; +} + +.context-menu-item-hover a{ + color: #212121; +} + +#tooltip{ + position: absolute; + z-index: 32000; + overflow: hidden; +} + +#PREVIEWBOX, #EDITWINDOW { + z-index: 1200; + display: none; +} + +#PREVIEWBOX { + background-color: #999999; +} + +#EDITWINDOW { + background-color: $col1; +} + +#PREVIEWBOX img { + cursor: pointer; +} + +#PREVIEWBOX a.bounce { + BORDER-BOTTOM: #ffe000 1px dashed; + cursor: pointer; +} + +.PREVIEW_PIC,.PREVIEW_HD { + position: absolute; +} + +#PREVIEWCURRENT li.selected { + background-color: white; +} + +#PREVIEWBOX li { + list-style-type: none; +} +#PREVIEWIMGDESC .descBoxes { + top: 30px; + overflow: auto; +} + +#PREVIEWIMGDESCINNER span.fieldName { + font-weight: bold; +} + +#PREVIEWIMGDESC em { + background-color: red; +} + +#PREVIEWOTHERS { + background-color: $col1; + 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: 13px; + margin: 10px 10px 5px; +} + +#PREVIEWOTHERSINNER li.otherRegToolTip, +#PREVIEWOTHERSINNER li.otherBaskToolTip { + background-color: $col1; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + 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: $col1; + bottom: 0; +} + +#SPANTITLE { + font-size: 16px; + line-height: 25px; + font-weight: bold; +} + +#PREVIEWCURRENTGLOB, .preview_col_film { + height: 96px; + width: 100%; +} + +#PREVIEWCURRENT { + background-color: $col1; +} + +#PREVIEWCURRENTCONT.group_case { + left: 106px; +} + +#PREVIEWCURRENTCONT { + right: 130px; + overflow-x: auto; + overflow-y: hidden; +} + +#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: white; +} + +.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; +} + +.cont_infos { + position: absolute; + bottom: 10px; + right: 10px; + height: 60px; + top: auto; + text-align: center; + width: 70px; + right: 60px; +} + +.cont_infos div { + line-height: 20px; + font-size: 10px; + font-weight: bold; +} + +.cont_infos span { + cursor: pointer; + font-size: 10px; +} + +#SPANTITLE img { + height: 16px; + vertical-align: middle; + margin: 0 10px; +} + +#PREVIEWTOOL img, #PREVIEWTOOL span { + float: left; +} + +.otherRegToolTip img { + vertical-align: middle; +} + +#ui-datepicker-div { + z-index: 2000; + background-color: #1a1a1a; + position: absolute; +} + +/* +Menu contextuel + valeurs suggerees dans l'editing : Classic Windows Theme (default) */ +/* =============================== */ +.context-menu-theme-default { + border: 2px outset white; + background-color: #D4D0C8; +} + +.context-menu-theme-default .context-menu-item { + text-align: left; + cursor: pointer; + padding: 2px 20px 2px 5px; + color: black; + font-family: Tahoma,Arial; + 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 white; +} + +.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: white; +} + +.context-menu-theme-default .context-menu-item-disabled-hover { + background-color: #0A246A; +} + +/* ================================== +dans l'onglet thesaurus : arbres, menus contextuels +===================================== */ + +#THPD_tabs { + right: 0; +} + +#THPD_tabs .ui-tabs-nav .ui-state-default A { + color: #FFFFFF; +} + +#THPD_tabs .ui-tabs-nav .ui-tabs-active A { + color: #FFFFFF; + text-decoration: underline; +} + +#THPD_tabs .treeview UL { + background-color: transparent; + background-color: #999; + margin-left: -16px; + padding-left: 16px; +} + +#THPD_tabs .treeview ul li { + padding-top: 5px; + padding-bottom: 5px; +} + +#THPD_tabs .treeview SPAN { + cursor: pointer; +} + +#THPD_tabs .treeview SPAN.h { /* highlighted (filtered) */ + color: #FFFFFFFD0; + font-weight: bold; +} + +#THPD_tabs .treeview I { /* count of hits */ + color: #80FF80; + background-color: #606060; + font-style: normal; + margin-left: 10px; + padding-left: 3px; + padding-right: 3px; + font-family: courier; +} + +#THPD_tabs .treeview LI.selected SPAN { + background-color: #ff0000; +} + +#THPD_tabs .treeview LI.selected LI SPAN { + background-color: transparent; +} + +#THPD_tabs .context-menu-item-disabled { + background-color: #ff0000; +} + +#dialog_dwnl input.required.error, +#dialog_dwnl textarea.required.error { + border: 1px solid red; +} + +/******* 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; +} + +.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; +} + +/******* 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; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + border: 1px solid white; + 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; +} + +/******* PUSH (CSS theme-dependant) *******************************************/ + +.PushBox .content { + background-color: $col1; +} + +.PushBox .grey-bg .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + padding: 4px 10px; +} + +#PushBox .btn-inverse, +.PushBox .grey-bg .btn-inverse { + background-color: $col1; + *background-color: $col1; + background-image: -ms-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9B9B9), to(#A4A4A4)); + background-image: -webkit-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -o-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -moz-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: linear-gradient(top, #B9B9B9, #A4A4A4); + *border: 1px solid #666666; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B9B9B9', endColorstr='#A4A4A4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + color: #EAEAEA; +} + +#PushBox .btn-inverse:hover, +.PushBox .grey-bg .btn-inverse:hover { + background-color: #A4A4A4; + *background-color: #A4A4A4; + color: #FFFFFF; +} + +.PushBox .theme-bg .btn, +#modal_feed form .btn, +#QuickAddUser .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.PushBox .theme-bg .btn-inverse, +#QuickAddUser .btn-inverse { + background-color: #D6D6D6; + *background-color: #D6D6D6; + background-image: -ms-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D6D6D6)); + background-image: -webkit-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -o-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -moz-linear-gradient(top, #FFFFFF, #D6D6D6); + border-color: #D6D6D6 #D6D6D6 #bfbfbf; + border-bottom-color: #b3b3b3; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D6D6D6', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + *border: 1px solid #666666; + text-shadow: none; + color: #777777; +} + +.PushBox .theme-bg .btn-inverse:hover, +#QuickAddUser .btn-inverse:hover { + background-color: #D6D6D6; + *background-color: #D6D6D6; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #FFFFFF; +} + +#modal_feed form .feeds { + color: #333333; + overflow: auto; +} + +#modal_feed form .feeds .list { + margin: 10px 0; +} + +#modal_feed form .feeds .feed { + width: 95%; + height: 18px; + padding: 5px 0; + border: 1px solid #959595; + color: #333333; + font-size: 13px; + cursor: pointer; +} + +#modal_feed form .feeds .feed.odd { + background-color: #959595; + color: #FFFFFF; +} + +#modal_feed form .feeds .feed.hover { + background-color: #606060; + color: #FFFFFF; +} + +#modal_feed form .feeds .feed.selected { + background-color: #0088CC; + color: #FFFFFF; +} + +#modal_feed form .feeds .feed span { + margin: 0 10px; +} + +#modal_feed form input.error, +#modal_feed form textarea.error { + border: 1px solid red; +} + +/******* FEEDS ****************************************************************/ + +#answers .feed { + margin: 10px; +} + +#answers .feed .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#answers .feed .btn-inverse { + background-color: #D6D6D6; + *background-color: #D6D6D6; + background-image: -ms-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D6D6D6)); + background-image: -webkit-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -o-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -moz-linear-gradient(top, #FFFFFF, #D6D6D6); + border-color: #D6D6D6 #D6D6D6 #bfbfbf; + border-bottom-color: #b3b3b3; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D6D6D6', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + *border: 1px solid #666666; + text-shadow: none; + color: #777777; + font-weight: bold; +} + +#answers .feed .btn-inverse:hover { + color: #FFFFFF; +} + +#answers .feed .btn-group.open .btn-inverse.dropdown-toggle { + background-color: #E6E6E6; + background-image: none; +} + +#answers .feed .headblock { + max-width: 800px; + margin-bottom: 20px; +} + +#answers .feed .headblock table { + width: 100%; +} + +#answers .feed .headblock h1 { + font-size: 22px; +} + +#answers .feed .headblock h1 img { + margin-right: 15px; +} + +#answers .feed .headblock a.subscribe_rss { + font-size: 14px; + margin-left: 15px; +} + +#answers .feed .entry { + margin: 0 0 30px; + padding: 10px; + border: 3px solid $col2; + background-color: #EEEEEE; + float: left; +} + +#answers .feed .entry.hover { + border: 3px solid #666666; +} + +#answers .feed .entry table.head { + vertical-align: middle; + margin: 10px 0; + width: 600px; +} + +#answers .feed .entry table a.tools { + display: none; +} + +#answers .feed .entry.hover table a.tools { + display: inline; +} + +#answers .feed h1, +#answers .feed .post_date { + width: 100%; +} + +#answers .feed, +#answers .feed .entry, +#answers .feed h1, +#answers .feed p, +#answers .feed .contents, +#answers .feed .see_more, +#answers .feed .post_date { + position: relative; + clear: left; +} + +#answers .feed .see_more { + height: 60px; + text-align: center; + font-weight: bold; + font-size: 13px; + background-position: center bottom; +} + +#answers .feed .contents { + clear: left; +} + +#answers .feed .post_date { + text-align: right; + font-style: italic; + max-width: 600px; + *width: 600px; + margin-bottom: 20px; +} + +#answers .feed h1 { + font-weight: bold; + font-size: 20px; +} + +#answers .feed h1 .author { + font-size: 12px; + font-weight: normal; + margin-left: 15px; +} + +#answers .feed .entry h1 { + margin-bottom: 0; +} + +#answers .feed p { + max-width: 600px; + line-height: 18px; + margin: 5px 0; + text-align: justify; +} + +#answers .feed .dropdown-menu { + background-color: #E6E6E6; + border: 1px solid $col1; +} + +#answers .feed .dropdown-menu a { + color: #333333; +} + +#answers .feed img { + vertical-align: middle; +} + +/******* PUBLICATOR ***********************************************************/ + +#dialog_publicator .diapo { + width: 90px; + overflow: hidden; +} + +#dialog_publicator .api_thumbnail { + max-width: 120px; +} + +#dialog_publicator .diapo.pending_records { + width: 50px; + overflow: hidden; +} + +#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; +} + +#publicator_selection { + height: 190px; + bottom: auto; + background-color: $col1; +} + +#publicator_selection > .PNB10 { + overflow: auto; + bottom: 50px; + background-color: $col2; +} + +#publicator_selection .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#publicator_selection .btn-inverse { + background-color: $col1; + *background-color: $col1; + background-image: -ms-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9B9B9), to(#A4A4A4)); + background-image: -webkit-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -o-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: -moz-linear-gradient(top, #B9B9B9, #A4A4A4); + background-image: linear-gradient(top, #B9B9B9, #A4A4A4); + *border: 1px solid #666666; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B9B9B9', endColorstr='#A4A4A4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + color: #EAEAEA; +} + +#publicator_selection .btn-inverse:hover { + background-color: #A4A4A4; + *background-color: #A4A4A4; + color: #FFFFFF; +} + +#pub_tabs .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#pub_tabs .btn-inverse { + background-color: #D6D6D6; + *background-color: #D6D6D6; + background-image: -ms-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D6D6D6)); + background-image: -webkit-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -o-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -moz-linear-gradient(top, #FFFFFF, #D6D6D6); + border-color: #D6D6D6 #D6D6D6 #bfbfbf; + border-bottom-color: #b3b3b3; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D6D6D6', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + *border: 1px solid #666666; + text-shadow: none; + color: #777777; +} + +#pub_tabs .btn-inverse:hover { + background-color: #D6D6D6; + *background-color: #D6D6D6; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #FFFFFF; +} + +#pub_tabs .btn-group.open .btn-inverse.dropdown-toggle { + background-color: #E6E6E6; + background-image: none; +} + +#dialog_publicator .ui-tabs .ui-tabs-panel.loading { + background-image: url('/skins/icons/loader000.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#dialog_publicator .diapo.ui-selected { + background-color: #404040; +} + +#dialog_publicator .diapo.ui-selecting { + background-color: #202020; +} + + +#dialog_publicator .dropdown-menu { + min-width: 95px; + background-color: #A4A4A4; + *border: 1px solid #666666; +} + +#dialog_publicator .dropdown-menu a { + padding: 3px 10px; + font-size: 12px; + color: #EAEAEA; + cursor: pointer; +} + +#dialog_publicator .dropdown-menu a:hover { + background-color: #666666; + color: #FFFFFF; +} + +#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('/skins/icons/loader000.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#dialog_publicator .diapo.ui-selected { + background-color: #404040 ; +} + +#dialog_publicator .diapo.ui-selecting { + background-color: #202020 ; +} + +#ul_main_pub_tabs { + width: 200px; + position: absolute; + overflow: hidden; + right: auto; +} + +#dialog_publicator .ui-tabs-panel { + left:200px; +} + +#dialog_publicator .notice_box, +#dialog_publicator .error_box { + color: #414141; + font-weight: bold; + margin: 5px auto; + padding: 5px 0; + text-align: center; + width: 90%; +} + +#dialog_publicator .notice_box { + background-color: green; + color: white; +} + +#dialog_publicator .error_box { + background-color: orange; +} + +#dialog_publicator .api_banner { + height: 30px; + bottom: auto; + background-color: $col1; +} + +#dialog_publicator .api_banner button { + border: 1px solid #515151; + background-color: #404040; +} + +#dialog_publicator .api_banner .submenu.ui-buttonset { + z-index: 600; +} + +#dialog_publicator .api_content { + top: 30px; + bottom: 25px; + color: #333333; +} + +#dialog_publicator .api_content .blockmenu { + bottom: auto; + background-repeat: repeat-x; + background-position: left bottom; + z-index: 1000; + width:100%; + height:40px +} + +#dialog_publicator .api_content .blockmenu a.selected, +#dialog_publicator .api_banner a.selected { + font-weight: bold; + color: #0088CC; +} + +#dialog_publicator .api_content .blockresponse { + padding: 0 10px; + top: 40px; + overflow: auto; + z-index: 200; +} + +#dialog_publicator .api_content .blockresponse .form-actions { + background-color: $col2; + border-top: none; + margin: 0; +} + +#dialog_publicator .api_infos { + top: auto; + height: 25px; + background-image: url('/skins/icons/api_info.png'); + background-repeat: repeat-x; + background-position: 0 0; + color: #999999; +} + +#dialog_publicator .main_menu { + float: left; +} + +#dialog_publicator .diapo .title { + height: 16px; + overflow: hidden; +} + +#ul_main_pub_tabs { + 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('/skins/icons/youtube-small.gif'); +} + +#ul_main_pub_tabs li.bridge_Dailymotion { + background-image: url('/skins/icons/dailymotion-small.gif'); +} + +#ul_main_pub_tabs li.bridge_Flickr { + background-image: url('/skins/icons/flickr-small.gif'); +} + +#dialog_publicator .diapo .thumb_wrapper { + padding: 5px; +} + +#dialog_publicator .duration_time { + background-color: #000000; + color: #FFFFFF; + font-weight: bold; + padding: 2px 4px; + position: absolute; + top: 0; + left: 0; + font-size:11px; +} + +#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: 13px; + 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: #FFFFFF; +} + +#dialog_publicator .api_content .element.odd { + background-color: #414141; + -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; +} + +.ui-selectable-helper { + border: 1px dotted #CCCCCC; + z-index: 10000; +} + +#BasketBrowser .diapo .title { + height: 16px; +} + +/******* THUMB EXTRACTOR ******************************************************/ + +#thumbExtractor { + background-color: #404040; +} + +#thumbExtractor .main_title { + height: 15px; + font-weight: bold; + top: 15px; +} + +#thumbExtractor .part_title_left { + height: 20px; + width: 320px; + top: 30px; + left: 10px; +} + +#thumbExtractor .part_title_right { + height: 20px; + width: 320px; + top: 30px; + left: 380px; +} + +#thumbExtractor #thumb_info { + padding-top: 25px; + font-style: italic; +} + +#thumbExtractor .frame_video { + border: 1px solid #1A1B1B; + height: 210px; + width: 320px; + top: 50px; + left: 10px; +} + +#thumbExtractor #thumb_video { + height: 100%; + width: 100%; +} + +#thumbExtractor .frame_canva { + border: 1px solid #1A1B1B; + border-bottom: none; + height: 210px; + line-height:210px; + width: 320px; + top: 50px; + left: 380px; + z-index: 2; + text-align: center; +} + +#thumbExtractor #thumb_canvas { + vertical-align:middle; + display:inline-block; + line-height: 20px; +} + +#thumbExtractor .action_bar_left { + height: 20px; + width: 320px; + left: 10px; + top: 260px; + background-color: #3B3D3B; + border: 1px solid #3B3D3B; + padding: 2px; +} + +#thumbExtractor .action_bar_right { + height: 20px; + width: 320px; + top: 260px; + left: 380px; + background-color: #3B3D3B; + border: 1px solid #3B3D3B; + display: table-row; + padding: 2px; +} + +#thumbExtractor .action_bar_right .action_icon { + padding-right: 10px; + display: table-cell; + vertical-align: middle; +} + +#thumbExtractor .action_bar_right .action_icon:hover { + cursor: pointer; +} + +#thumbExtractor #thumb_reset_button { + width: 41px; + height: 41px; + position: absolute; + bottom: 10px; + right: 60px; + display: none; + line-height: 20px; +} + +#thumbExtractor #thumb_delete_button { + width: 41px; + height: 41px; + position: absolute; + bottom: 10px; + right: 10px; + display: none; + line-height: 20px; +} + +#thumbExtractor #thumb_delete_button, +#thumbExtractor #thumb_reset_button { + cursor: pointer; +} + +#thumbExtractor #thumb_slider { + height: 95px; + width: 320px; + top: 285px; + left: 380px; + padding: 0; + overflow: auto; +} + +#thumbExtractor #thumb_wrapper { + white-space: nowrap; + margin-top: 15px; +} + +#thumbExtractor #thumb_wrapper img { + display: inline-block; + width: 80px; + height: 60px; + margin-left: 5px; + margin-right: 5px; +} + +#thumbExtractor #thumb_wrapper img.selected { + border: 2px solid white; +} + +#thumbExtractor #thumb_camera_button { + cursor: pointer; + height: 50px; + width: 320px; + top: 300px; + left: 10px; + text-align: center; +} + +#thumbExtractor #thumb_validate_button { + cursor: pointer; + height: 30px; + width: 80px; + top: 385px; + left: 620px; + padding: 0; +} + +#thumbExtractor .action_frame .ui-slider .ui-slider-handle { + background-color: #FFFFFF; +} + +#thumb_confirm table { + table-layout: fixed; + width: 100%; +} + +#thumb_confirm table td { + padding: 5px; + text-align: center; + vartical-align: middle; +} + +/******* UPLOAD MANAGER *******************************************************/ + +#uploadBox { + height: 100%; +} + +#uploadBox .clear { + clear: both; +} + +#uploadBox .upload-tabs { + height: 100%; +} + +#uploadBox .ui-tabs .ui-tabs-panel { + padding: 20px; +} + +#uploadBoxLeft, #uploadBoxRight { + width: 48%; + height: 100%; + overflow: auto; + text-align: center; +} + +#uploadBoxLeft { + float: left; +} + +#uploadBoxRight { + float: right; +} + +#uploadBox .well { + margin: 0; + padding: 0.5%; + color: #333333; +} + +#uploadBox #fileupload { + height: 97%; +} + +#uploadBox h5 { + margin-top: 20px; + margin-bottom: 10px; + font-size: 13px; + font-weight: bold; + text-align: left; +} + +#uploadBox span.comment { + font-style: italic; + color: #999999; +} + +#uploadBox button.btn, #uploadBox span.btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +#uploadBox .btn-inverse { + background-color: #D6D6D6; + *background-color: #D6D6D6; + background-image: -ms-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D6D6D6)); + background-image: -webkit-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -o-linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: linear-gradient(top, #FFFFFF, #D6D6D6); + background-image: -moz-linear-gradient(top, #FFFFFF, #D6D6D6); + border-color: #D6D6D6 #D6D6D6 #bfbfbf; + border-bottom-color: #b3b3b3; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D6D6D6', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); + *border: 1px solid #666666; + text-shadow: none; + color: #777777; + font-weight: bold; +} + +#uploadBox .btn-inverse:hover, #uploadBox .disabled { + background-color: #D6D6D6; + *background-color: #D6D6D6; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #FFFFFF; +} + +#uploadBox .fileinput-button { + position: relative; + overflow: hidden; +} + +#uploadBox .fileinput-button 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; +} + +#uploadBox .status-tab { + width: 100%; + margin-bottom: 10px; +} + +#uploadBox .status-tab td { + padding: 2px; +} + +#uploadBox .status-tab-left { + width: 48%; + padding-right: 5px; + text-align: right; +} + +#uploadBox .status-tab-right { + width: 48%; + padding-left: 5px; + text-align: left; +} + +#uploadBox .status-tab-left input, #uploadBox .status-tab-right input { + margin-left: 5px; + margin-right: 5px; +} + +#uploadBox .thumbnails { + margin-left: -20px; +} + +#uploadBox .thumbnails > li { + margin-left: 20px; +} + +#uploadBox .upload-record { + height: 260px; + background-color: #FFFFFF; +} + +#uploadBox .upload-record .canva-wrapper { + height: 125px; + overflow: auto; +} + +#uploadBox .upload-record .name-doc { + height: 40px; + overflow: hidden; + -o-text-overflow: ellipsis; /* pour Opera 9 */ + text-overflow: ellipsis; + font-weight: bold; +} + +#uploadBox .upload-record .infos-doc { + overflow: hidden; + -o-text-overflow: ellipsis; /* pour Opera 9 */ + text-overflow: ellipsis; + color: #777777; + height: 40px; +} + +#uploadBox .upload-record .error, #uploadBox .upload-record .success{ + height: 55px; + padding-top: 2px; + padding-bottom: 3px; + display: none; + overflow: auto; +} + +#uploadBox .upload-record .remove-element { + margin: 2px 0; +} + +#uploadBox .upload-record .error { + padding: 0; + width: 100%; +} + +#uploadBox .select-label { + font-style: italic; + color: #999999; +} + +#uploadBox .select-row { + font-weight: normal; + font-style: normal; +} + +#uploadBoxRight .progress { + margin-top: 4px; + margin-bottom: 10px; + height: 10px; +} + + +#uploadBox .uploader-button{ + text-align: center; + width:50%; +} + +#uploadBox #addFileList { + width:100%; + table-layout:fixed; + border:none; +} + +#uploadBox #addFileList td{ + vertical-align: middle; +} + +#uploadBox .uploader-icon { + width:15%; + text-align:left; +} + +#uploadBox .uploader-info { + font-size:10px; + width:35%; + text-align:left; +} + +#uploadBox .uploader-info p { + line-height:10px; + font-size:10px; + word-wrap: break-word; +} + +#uploadBox .uploader-info a { + text-decoration: underline; + color: darkblue; + margin:5px 0; +} + +#uploadBoxRight .progress .progress-bar { + height: 10px; +} + +#lazaretBox .loading { + background-image: url('#{$iconsPath}loaderB1B1B1.gif'); + background-position: center right; + background-repeat: no-repeat; +} + +#lazaretBox.container-fluid { + margin: 0; + padding: 0; +} + +#lazaretBox li.wrapper-item { + margin-bottom: 20px; +} + +#lazaretBox .lazaret-file h5, +#lazaretBox .lazaret-proposals h5 { + margin-top: 0; + margin-bottom: 10px; +} + +#lazaretBox .lazaret-file p, +#lazaretBox .lazaret-proposals p { + font-weight: bold; + overflow: hidden; + -o-text-overflow: ellipsis; /* for Opera 9 */ + text-overflow: ellipsis; +} + +#lazaretBox span.info { + display: inline; + font-weight: normal; +} + +#lazaretBox .lazaret-file a, +#lazaretBox .lazaret-proposals a { + font-weight: normal; + color: #333333; +} + +#lazaretBox .lazaret-file a:hover, +#lazaretBox .lazaret-proposals a:hover { + color: #999999; +} + + +#lazaretBox .lazaret-file .thumbnails, +#lazaretBox .lazaret-proposals .thumbnails { + margin-left: 0; +} + +#lazaretBox .lazaret-file .thumbnails li { + margin: 0; +} + +#lazaretBox .lazaret-proposals .records-subititution { + margin: 0 10px 10px 0; +} + +#lazaretBox .lazaret-file .thumbnail, +#lazaretBox .lazaret-proposals .thumbnail { + background-color: #FFFFFF; +} + +#lazaretBox .lazaret-proposals .thumbnail { + min-height: 234px; +} + +#lazaretBox .lazaret-proposals .thumbnail .record-thumb { + height: 180px; +} + +#lazaretBox .lazaret-file .thumbnail img { + max-height: 480px; +} + +#lazaretBox .lazaret-file .thumbnail button { + font-weight: normal; +} + +#lazaretBox .lazaret-file .thumbnail button img { + margin-right: 5px; +} + +ui-dialog-titlebar { + min-height: 20px; +} + +.chim-wrapper { + position: relative; + float: left; +} + +#clientModal, #clientModal .modal-footer { + background-color: #999999; + color: #FFFFFF; +} + +#clientModal .close { + color: #404040; +} + +#answers #answersNext { + width: 150px; + margin: 5px; + height: 193px; + line-height: 193px; + font-size: 25px; + color: #666666; + cursor: pointer; +} + +#paginate { + float: right; + margin: 0 65px 15px 0; +} + +#paginate #tool_navigate { + background-color: $col2; + /*border: 1px solid #3b3b3b;*/ +} + +#paginate #tool_navigate #NEXT_PAGE:hover, +#paginate #tool_navigate #PREV_PAGE:hover, +#paginate #tool_navigate #last:hover, +#paginate #tool_navigate #first:hover { + background-color: #999; +} + +#paginate #tool_navigate #NEXT_PAGE { + background: url('#{$iconsPath}sprite_paginate.png') -72px 20px no-repeat; + width: 49px; + border-left: 1px solid #999; +} + +#paginate #tool_navigate #PREV_PAGE { + background: url('#{$iconsPath}sprite_paginate.png') -29px 20px no-repeat; + width: 49px; + border-right: 1px solid #999; +} + +#paginate #tool_navigate #last { + background: url('#{$iconsPath}sprite_paginate.png') -121px 20px no-repeat; + width: 49px; + border-left: 1px solid #999; +} + +#paginate #tool_navigate #first { + background: url('#{$iconsPath}sprite_paginate.png') 21px 20px no-repeat; + width: 49px; + border-right: 1px solid #999; +} + +#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 #999; + border-bottom: 1px solid #999; + 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: #999; +} + +#paginate #tool_navigate:first-child { + border-left: 1px solid #999; +} + +#paginate #tool_navigate:last-child { + border-right: 1px solid #999; +} + +#paginate #tool_navigate input, +#paginate #tool_navigate a:hover { + color: #FFFFFF; + background: #999; +} diff --git a/resources/www/prod/skin-shared.scss b/resources/www/prod/skin-shared.scss new file mode 100644 index 0000000000..e69de29bb2 diff --git a/www/skins/setup/setup.css b/resources/www/setup/main.scss similarity index 90% rename from www/skins/setup/setup.css rename to resources/www/setup/main.scss index 7fb547a023..db73ba0a71 100644 --- a/www/skins/setup/setup.css +++ b/resources/www/setup/main.scss @@ -1,3 +1,5 @@ +$iconsPath: '../../../skins/icons/'; + body, html{ font-family:Helvetica,Verdana,Arial,sans-serif; font-size:13px; @@ -111,12 +113,12 @@ input,select{ } p.error { font-weight: bold; - padding-top:5px; + padding-top:5px; padding-bottom:5px; vertical-align: center; border:1px dotted #EA1919; - padding-left:20px; - background: url("/skins/icons/delete.png") no-repeat left center; + padding-left:20px; + background: url('#{$iconsPath}delete.png') no-repeat left center; } .main_content_wrapper td .warning{ @@ -124,7 +126,7 @@ p.error { padding-left:20px; padding-top:5px; padding-bottom:5px; - background: url('/skins/icons/alert.png') no-repeat left center; + background: url('#{$iconsPath}alert.png') no-repeat left center; } .section_title{ @@ -142,8 +144,8 @@ p.error { height: 380px; position: relative; top: 10px; - width: 100%; - font-size: 1.1em; + width: 100%; + font-size: 1.1em; } .side_infos table{ width:200px; @@ -159,7 +161,7 @@ p{ margin:10px 0; line-height:20px; } - h2{ +h2{ text-align:left; font-size:1.4em; font-weight:bold; @@ -184,15 +186,15 @@ ul, dl{ li{ margin:5px 0; padding:5px 5px 5px 30px; - background-image:url(/skins/icons/ok.png); + background-image:url('#{$iconsPath}ok.png'); background-repeat:no-repeat; background-position:5px center; } li.non-blocker{ - background-image:url(/skins/icons/alert.png); + background-image:url('#{$iconsPath}alert.png'); } li.blocker{ - background-image:url(/skins/icons/delete.png); + background-image:url('#{$iconsPath}delete.png'); } diff --git a/resources/www/shared/bootstrap-responsive.scss b/resources/www/shared/bootstrap-responsive.scss new file mode 100644 index 0000000000..29bc24c9c7 --- /dev/null +++ b/resources/www/shared/bootstrap-responsive.scss @@ -0,0 +1,48 @@ +/*! + * Bootstrap Responsive v2.3.2 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ + + +// Responsive +// For phone and tablet devices +// ------------------------------------------------------------- + + +// REPEAT VARIABLES & MIXINS +// ------------------------- +// Required since we compile the responsive stuff separately + +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/variables"; // Modify this for custom colors, font-sizes, etc +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/mixins"; + + +// RESPONSIVE CLASSES +// ------------------ + +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-utilities"; + + +// MEDIA QUERIES +// ------------------ + +// Large desktops +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-1200px-min"; + +// Tablets to regular desktops +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-768px-979px"; + +// Phones to portrait tablets and narrow desktops +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-767px-max"; + + +// RESPONSIVE NAVBAR +// ------------------ + +// From 979px and below, show a button to toggle navbar contents +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/responsive-navbar"; diff --git a/resources/www/shared/bootstrap.scss b/resources/www/shared/bootstrap.scss new file mode 100644 index 0000000000..26b08ead58 --- /dev/null +++ b/resources/www/shared/bootstrap.scss @@ -0,0 +1,63 @@ +/*! + * Bootstrap v2.3.2 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ + +// Core variables and mixins +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/variables"; // Modify this for custom colors, font-sizes, etc +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/mixins"; + +// CSS Reset +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/reset"; + +// Grid system and page structure +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/scaffolding"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/grid"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/layouts"; + +// Base CSS +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/type"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/code"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/forms"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/tables"; + +// Components: common +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/sprites"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/dropdowns"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/wells"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/component-animations"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/close"; + +// Components: Buttons & Alerts +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/buttons"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/button-groups"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/alerts"; // Note: alerts share common CSS with buttons and thus have styles in buttons + +// Components: Nav +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/navs"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/navbar"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/breadcrumbs"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/pagination"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/pager"; + +// Components: Popovers +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/modals"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/tooltip"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/popovers"; + +// Components: Misc +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/thumbnails"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/media"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/labels-badges"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/progress-bars"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/accordion"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/carousel"; +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/hero-unit"; + +// Utility classes +@import "../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/utilities"; // Has to be last to override when necessary diff --git a/resources/www/shared/colorpicker.scss b/resources/www/shared/colorpicker.scss new file mode 100644 index 0000000000..4c08ae9f90 --- /dev/null +++ b/resources/www/shared/colorpicker.scss @@ -0,0 +1,162 @@ +$colorPickerImagesPath: '../../../include/jslibs/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; +} diff --git a/resources/www/shared/jquery.contextmenu.scss b/resources/www/shared/jquery.contextmenu.scss new file mode 100644 index 0000000000..9342882a34 --- /dev/null +++ b/resources/www/shared/jquery.contextmenu.scss @@ -0,0 +1,242 @@ +/* Classic Windows Theme (default) */ +/* =============================== */ +.context-menu-theme-default { + border:2px outset white; + background-color:#D4D0C8; +} +.context-menu-theme-default .context-menu-item { + text-align:left; + cursor:pointer; + padding:4px 28px 4px 16px; + color:black; + font-family:Tahoma,Arial; + font-size:11px; +} +.context-menu-theme-default .context-menu-separator { + margin:4px 2px; + font-size:0px; + border-top:1px solid #808080; + border-bottom:1px solid white; +} +.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:white; +} +.context-menu-theme-default .context-menu-item-disabled-hover { + background-color:#0A246A; +} + +/* Windows XP Theme */ +/* ================ */ +.context-menu-theme-xp { + border:1px solid #666; + padding:1px; + background:#F9F8F7 url(jquery.contextmenu.images/cmenu-xp-bg.gif) repeat-y top left; +} +.context-menu-theme-xp .context-menu-separator { + margin:4px 2px; + font-size:0px; + border-top:1px solid #808080; + border-bottom:1px solid white; +} +.context-menu-theme-xp .context-menu-item { + text-align:left; + color:black; + font-family:arial; + font-size:11px; + cursor:pointer; +} +.context-menu-theme-xp .context-menu-item .context-menu-item-inner { + background:none no-repeat 2px center; + padding:4px 10px 4px 30px; +} +.context-menu-theme-xp .context-menu-item-hover .context-menu-item-inner { + background:#B6BDD2 none no-repeat 2px center; + padding:3px 9px 3px 29px; + border:1px solid #0A246A; +} + +/* Windows Vista Theme */ +/* =================== */ +.context-menu-theme-vista { + background:#FAFAFA url(jquery.contextmenu.images/cmenu-vista-bg.gif) repeat-y left top; + border:1px solid #868686; +} +.context-menu-theme-vista .context-menu-item { + text-align:left; + cursor:pointer; + color:black; + font-family:Tahoma,Arial; + font-size:11px; +} +.context-menu-theme-vista .context-menu-separator { + margin:0px 0px 0px 32px; + font-size:0px; + border-top:1px solid #C5C5C5; + border-bottom:1px solid #F5F5F5; +} +.context-menu-theme-vista .context-menu-item-hover { + background:transparent url(jquery.contextmenu.images/cmenu-vista-menu-item-hover.gif) repeat-x left center; + border:1px solid #D7D0B3; +} +.context-menu-theme-vista .context-menu-item .context-menu-item-inner { + padding:4px 16px 4px 35px; + margin-left:1px; + background-color:none; + background-repeat:no-repeat; + background-position:3px center; + background-image:none; +} +.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner { + padding:3px 15px 3px 35px; + margin-left:0px; +} +.context-menu-theme-vista .context-menu-item-disabled { + color:#A7A7A7; +} + +/* OSX Theme */ +/* ========= */ +.context-menu-theme-osx { + background-color:white; + opacity: .93; + filter: alpha(opacity=93); + zoom:1.0; + border:1px solid #b2b2b2; +} +.context-menu-theme-osx .context-menu-item { + text-align:left; + cursor:pointer; + color:black; + font-family:Lucida Grande,Arial; + font-weight:700; + font-size:12px; + opacity: 1.0; + filter: alpha(opacity=100); + z-index:1; +} +.context-menu-theme-osx .context-menu-separator { + margin:5px 1px 4px 1px; + font-size:0px; + border-top:1px solid #e4e4e4; +} +.context-menu-theme-osx .context-menu-item-hover { + background-color:#1C44F2; + color:white; +} +.context-menu-theme-osx .context-menu-item .context-menu-item-inner { + padding:2px 10px 2px 22px; + background-color:none; + background-repeat:no-repeat; + background-position:4px center; + background-image:none; +} +.context-menu-theme-osx .context-menu-item-disabled { + color:#939393; +} + +/* Linux Human Theme */ +/* ================= */ +.context-menu-theme-human { + background:#F9F5F2; + border:1px solid #963; +} +.context-menu-theme-human .context-menu-item { + text-align:left; + cursor:pointer; + color:black; + font-family:Helvetica,DejaVu Sans,Arial; + font-size:12px; + line-height:20px; + height:28px; + border:1px solid #F9F5F2; + border-left:0; + border-right:0; +} +.context-menu-theme-human .context-menu-separator { + margin:0px 0px 0px 32px; + font-size:0px; + border-top:1px solid #C5C5C5; + border-bottom:1px solid #F5F5F5; +} +.context-menu-theme-human .context-menu-item-hover { + background:transparent url(jquery.contextmenu.images/cmenu-human-menu-item-hover.gif) repeat-x left center; + border-color:#963; +} +.context-menu-theme-human .context-menu-item .context-menu-item-inner { + padding:4px 16px 4px 35px; + margin-left:0px; + background-color:none; + background-repeat:no-repeat; + background-position:3px center; + background-image:none; +} +.context-menu-theme-human .context-menu-item-hover .context-menu-item-inner { +} +.context-menu-theme-human .context-menu-item-disabled { + color:#A7A7A7; +} + +/* Gloss Theme */ +/* =========== */ +.context-menu-theme-gloss { + background:#f4f4f4 url(jquery.contextmenu.images/cmenu-gloss-bg.gif) repeat-y left center; + border:1px solid #f4f4f4; + padding:1px; + padding-right:0; +} +.context-menu-theme-gloss .context-menu-item { + text-align:left; + cursor:pointer; + color:black; + font-family:Helvetica,DejaVu Sans,Arial; + font-size:12px; + line-height:20px; + height:27px; + border:1px solid transparent; +} +.context-menu-theme-gloss .context-menu-separator { + margin:0px 0px 0px 32px; + font-size:0px; + border-top:1px solid #C5C5C5; + border-bottom:1px solid #F5F5F5; +} +.context-menu-theme-gloss .context-menu-item-hover { + background:transparent url(jquery.contextmenu.images/cmenu-gloss-menu-item-hover.gif) repeat-x left center; + color:#fff; + border-color:#000; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.context-menu-theme-gloss .context-menu-item .context-menu-item-inner { + padding:4px 16px 4px 35px; + margin-left:0px; + background-color:none; + background-repeat:no-repeat; + background-position:3px center; + background-image:none; +} +.context-menu-theme-gloss .context-menu-item-hover .context-menu-item-inner { +} +.context-menu-theme-gloss .context-menu-item-disabled { + color:#A7A7A7; +} + +.context-menu-theme-gloss-cyan .context-menu-item-hover { + background-image:url(jquery.contextmenu.images/cmenu-gloss-cyan-menu-item-hover.gif); + border-color:#00c; +} + +.context-menu-theme-gloss-semitransparent .context-menu-item-hover { + background-image:url(jquery.contextmenu.images/cmenu-item-gloss-semitransparent-menu-item-hover.png); + border-color:#00c; + background-color:#30f; +} + diff --git a/www/include/jquery.image_enhancer.css b/resources/www/shared/jquery.image_enhancer.scss similarity index 100% rename from www/include/jquery.image_enhancer.css rename to resources/www/shared/jquery.image_enhancer.scss diff --git a/www/skins/prod/Basket.css b/resources/www/shared/skin/basket.scss similarity index 76% rename from www/skins/prod/Basket.css rename to resources/www/shared/skin/basket.scss index 9daf4598e2..70165ec037 100644 --- a/www/skins/prod/Basket.css +++ b/resources/www/shared/skin/basket.scss @@ -1,8 +1,8 @@ #BasketBrowser h1 { - font-size: 14px; - line-height: 20px; - margin: 0; - padding: 0; + font-size: 14px; + line-height: 20px; + margin: 0; + padding: 0; } #BasketBrowser .Browser{ background-color: #111111; @@ -20,7 +20,7 @@ height:100px; } #BasketBrowser .result .PNB10 { - overflow: hidden; + overflow: hidden; } #BasketBrowser .results .datas{ @@ -49,16 +49,16 @@ } #BasketBrowser .result 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; + 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; } #BasketBrowser .result td.thumbnail .counter{ @@ -98,16 +98,16 @@ } #BasketBrowser label { - cursor:pointer; - color:#9a9a9a; + cursor:pointer; + color:#9a9a9a; } #BasketBrowser input { - display:none; + display:none; } #BasketBrowser input:checked + label, #BasketBrowser label.selected { - color: #d18827; + color: #d18827; } #BasketBrowser input.Query { @@ -119,15 +119,15 @@ } #BasketBrowser form h1{ - margin:10px 0; + margin:10px 0; } #BasketBrowser form ul li{ - padding:5px 0; - border-top:1px solid #9A9A9A; + padding:5px 0; + border-top:1px solid #9A9A9A; } #BasketBrowser form ul li.first{ - border-top:none; + border-top:none; } #BasketBrowser form ul li label{ - margin: 0 0 0 40px; + margin: 0 0 0 40px; } diff --git a/resources/www/shared/skin/geonames.scss b/resources/www/shared/skin/geonames.scss new file mode 100644 index 0000000000..32d94235d9 --- /dev/null +++ b/resources/www/shared/skin/geonames.scss @@ -0,0 +1,21 @@ +.geocompleter-menu { + max-height: 180px; + overflow-y: auto; + /* prevent horizontal scrollbar */ + overflow-x: hidden; + list-style-type: none; +} + +.geocompleter-menu .region { + font-size: 11px; + font-style: italic; + display: block; +} + +.geocompleter-input.input-loading { + background: url('/skins/icons/loaderFFF.gif') #fff center right no-repeat; +} + +.geocompleter-input.input-error { + color: red !important; +} diff --git a/resources/www/shared/skin/main.scss b/resources/www/shared/skin/main.scss new file mode 100644 index 0000000000..431f711275 --- /dev/null +++ b/resources/www/shared/skin/main.scss @@ -0,0 +1,244 @@ + + +/** skin/common/main.css */ +body{ + margin:0; + padding:0; + font-family:Helvetica,Arial,sans-serif; + font-size:12px; + overflow:hidden; +} + +#mainMenu{ + height:30px; + bottom:auto; + -moz-border-radius-bottomleft:4px; + -moz-border-radius-bottomright:4px; + z-index:100; + line-height:30px; +} + +#mainMenu ol{ + display: block; + margin:0; + padding:0; + list-style: none outside none; +} + +#mainMenu li{ + display: inline-block; + float:left; + line-height: 30px; + padding: 0; + position: relative; + vertical-align: top; +} +#mainMenu span.selected{ + border-top:3px solid white; +} + +#mainMenu span{ + display: block; + padding:0 5px; +} + +#mainMenu .title{ + font-size:18px; + color:#F7F7F7; + margin:0 5px; +} + +#mainMenu a:hover span{ + background-color:#FFFFFF; + color:black; +} + +#mainMenu span{ + color:#b1b1b1; + font-size:12px; + font-weight:normal; + border-top:3px solid transparent; +} + +#mainMenu a{ + text-decoration:none; + display:inline-block; +} + +#mainMenu #notification_box a { + margin-left:0; +} + +#mainMenu .account a{ + text-decoration:underline; +} + +#mainMenu b{ + color:#EDEDED; + font-weight:bold; +} + +#mainMenu nobr{ + padding:0 5px; +} + +img{ + border:none; +} + +#MODALDL{ + z-index:1200; +} + +#tooltip{ + color:black; + position:absolute; + z-index:32000; + overflow:hidden; +} + +#tooltip hr{ + margin: 8px 0; +} + +#notification_trigger{ + cursor:pointer; +} + +#notification_trigger .counter{ + border:1px solid white; + background:red; + -moz-border-radius:8px; + -webkit-border-radius:8px; + font-size:10px; + font-weight:bold; + display:inline-block; + line-height:12px; + margin:0; + padding:2px 4px; +} + +#notification_trigger.open a span{ + color:black; +} + +#notification_trigger.open{ + background-color:white; + border-bottom:1px solid white; +} + +#notification_trigger.unread{ + +} + + +#notification_box{ + background-color:white; + border:1px solid black; + border-top:none; + position:absolute; + height:150px; + top:30px; + overflow-y:auto; + overflow-x:hidden; + z-index:668; + right:20px; + color:black; +} + +#notification_box div.notification span.time{ + color:#414141; + font-size:11px; + white-space:nowrap; + margin-left:0; +} + +#notification_box div.notification a{ + color:#999999; + text-decoration:none; +} + +#notification_box div.notification a:hover{ + text-decoration:underline; +} + +#notification_box div.notification{ + padding:5px 10px; +} +#notification_box div.notification.hover{ + background-color:#E1E1E1; +} + +#notification_box div.notification.unread{ + background-color:#E1E1E1; +} + +#notification_box div.notification_title a{ + font-size:13px; + font-weight:bold; + color:blue; +} + +#notification_box div.notification_title{ + text-align:center; + padding:10px 0; +} + +#notifications-dialog a{ + color:#999999; +} +#notifications-dialog a:hover{ + color:#D9D9D9; + text-decoration:underline +} + +#notifications-dialog .time{ + font-size:10px; + color:#666666; +} +#notifications-dialog .notification_title{ + padding:10px 0 5px; +} +#notifications-dialog .notification_next{ + text-align:center; + padding:15px 0; +} + +.PNB +{ + position:absolute; + top:0; + left:0; + right:0; + bottom:0; +} +.PNB10 +{ + position:absolute; + top:10px; + left:10px; + right:10px; + bottom:10px; +} + +input.checkbox{ + background:transparent; + border:none; +} + +#ui-datepicker-div{ + display:none; +} + +#tooltip .popover { + max-width: none; + width: auto; +} + +.ui-dialog-titlebar { + min-height: 20px; +} + +.ui-dialog[aria-describedby="p4_alerts"]{ + z-index:2000 !important; +} diff --git a/resources/www/shared/skin/push.scss b/resources/www/shared/skin/push.scss new file mode 100644 index 0000000000..feacb4ea2b --- /dev/null +++ b/resources/www/shared/skin/push.scss @@ -0,0 +1,399 @@ +/** PUSH BOX */ + +#PushBox .btn { + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 12px; + font-weight: bold; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + padding: 4px 10px; +} + +.PushBox a.link { + margin: 0 5px; + color: #0088CC; +} + +.PushBox a.link:hover { + color: #40A3D4; +} + +.PushBox .LeftColumn h1 { + 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:12px; +} + +.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; +} + +.ui-autocomplete.ui-state-hover, +.ui-autocomplete.ui-widget-content .ui-state-hover, +.ui-autocomplete.ui-widget-header .ui-state-hover, +.ui-autocomplete.ui-state-focus, +.ui-autocomplete.ui-widget-content .ui-state-focus, +.ui-autocomplete.ui-widget-header .ui-state-focus { + background-image:none; + background-color:#515151; + border:none; + margin:0; + border-radius: 0; +} + +.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover, +.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active { + margin:0; +} + +.ui-autocomplete li.list-item { + width:280px; + min-height:45px; + display:block; +} + +.ui-autocomplete li.list-item .icon { + width:42px; +} + +.ui-autocomplete li.list-item .icon img { + max-width:32px; + max-height:32px; + text-align: center; + vertical-align: middle; + margin:5px; +} + +.ui-autocomplete { + min-height: 42px; + max-height: 200px; + overflow-y: auto; + overflow-x: hidden; + padding:1px 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + padding-right: 20px; +} + +#ListShare table { + width:100%; + 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: 4px 4px 4px 4px; + box-shadow: 0 1px 1px #EEEEEE; + display: inline-block; + margin: 0 5px 0 0; + padding: 4px; + width: 95%; +} diff --git a/resources/www/thesaurus/main.scss b/resources/www/thesaurus/main.scss new file mode 100644 index 0000000000..97be8373aa --- /dev/null +++ b/resources/www/thesaurus/main.scss @@ -0,0 +1,342 @@ +BODY, TD, INPUT +{ + FONT-FAMILY: Verdana, Arial, helvetica, sans-serif; + font-size: 12px; +} +FORM +{ + padding:0px; + margin:0px; +} +BODY.dialog +{ + background-color:ButtonFace; +} +BODY.dialog .x3Dbox +{ + position:relative; + top:0px; + left:0px; + text-align:left; + padding:5px; + border-top: 1px solid #808080; + border-left: 1px solid #808080; + border-bottom: 1px solid #ffffff; + border-right: 1px solid #ffffff; +} +BODY.dialog .x3Dbox .title +{ + position:absolute; + top:-9px; + left:20px; + background-color:ButtonFace; + padding-left:4px; + padding-right:4px; +} +INPUT.textNofocus +{ + position:relative; + top:1px; + height:14px; + padding:0px; + margin:2px; + border-top:1px solid #ffffff; + border-left:1px solid #ffffff; + border-right:1px solid #d0d0d0; + border-bottom:1px solid #d0d0d0; +} + +INPUT.textFocus +{ + position:relative; + top:1px; + height:14px; + padding:0px; + margin:0px; + border:3px solid #99a2d0; +} + +H3, H4 +{ + display: inline; +} + +DIV.thbox +{ + BACKGROUND-COLOR:#ffffff; + border-top:1px solid #d0d0d0; + border-left:1px solid #d0d0d0; + border-right:2px solid black; + border-bottom:2px solid black; + margin:0px; + padding:0px; + z-index:1; +} + +DIV.thbox .onglet +{ + position:absolute; + top: -22px; + left:5px; + height:20px; + BACKGROUND-COLOR:#ffffff; + border-top:1px solid #d0d0d0; + border-left:1px solid #d0d0d0; + border-right:2px solid black; + border-bottom:1px solid #ffffff; + margin:0px; + padding:0px; + padding-left:5px; + padding-right:15px; + font-size: 14px; + z-index:2; +} + +DIV.thbox HR +{ + COLOR:#d0d0d0; + height:1px; + margin:0px; + padding:0px; +} + + +DIV.glossaire +{ + position:relative; + left:4px; + white-space: nowrap; +} +DIV.glossaire U +{ + position:relative; + left:1px; + TEXT-DECORATION: none; + margin-right: 5px; + width: 9px; + height:10px; + text-align:center; + display:inline-block; + font-size: 8px; + border: 1px solid #b0b0b0; + color: #000000; + BACKGROUND-COLOR:#FFFFFF; + cursor:pointer; +} + +DIV.glossaire U.nots +{ + border: 1px solid #F0F0F0; + BACKGROUND-COLOR:#F0F0F0; + cursor:default; +} + +DIV.glossaire DIV.S_ +{ + cursor:pointer; + BACKGROUND-COLOR:#99a2d0; + COLOR:#FFFFFF; +} +DIV.glossaire DIV.s_ +{ + cursor:pointer; +} +DIV.glossaire DIV.r0_ +{ +} +DIV.glossaire DIV.r1_ +{ + COLOR:#FF4000; +} +DIV.glossaire DIV.OB +{ + position:relative; + top:0px; + padding-top:0px; + padding-left:8px; + margin-left:6px; + border-left: 1px solid #cccccc; + border-bottom: 1px solid #cccccc; +} +DIV.glossaire DIV.ob +{ + display:none; +} + +DIV.glossaire DIV.hb +{ + position:relative; + top:0px; + padding-top:0px; + padding-left:8px; + margin-left:6px; + border-left: 1px solid #cccccc; + border-bottom: 1px solid #cccccc; +} +DIV.glossaire DIV.ctroot +{ + position:relative; + top:0px; + padding:0px; + border:none; +} + + +DIV.glossaire P.sy +{ +} +DIV.glossaire P.ta +{ +} + +DIV.glossaire P.tc +{ +} + +DIV.glossaire P.tce +{ +} + + + + +DIV.tableContainer +{ + margin:2px; + border:1px solid #000000; + background-color:#ffffff; +} + +DIV.tableContainerDragOver +{ + margin:0px; + border:3px solid #99a2d0; +} + +DIV.tableContainer DIV.tbody +{ + position:relative; + overflow:auto; +} + +DIV.tableContainer TABLE +{ + table-layout:fixed; +} +DIV.tableContainer THEAD TH +{ + background: #e0ece8; + border-left: 1px solid #ffffff; + border-right: 1px solid #c0ccc8; + border-top: 1px solid #ffffff; + border-bottom: 1px solid #c0ccc8; + font-weight: normal; + padding-left: 2px; + padding-right: 2px; + text-align: left; + cursor:pointer; + margin: 0px; +} +DIV.tableContainer TBODY TR.s_ +{ +} +DIV.tableContainer TBODY TR.S_ +{ + BACKGROUND-COLOR:#99a2d0; + COLOR:#FFFFFF; +} + +DIV.tableContainer TBODY TD +{ + border-left: 1px solid #ffffff; + border-right: 1px solid #cccccc; + font-weight: normal; + padding-left: 2px; + padding-right: 2px; + text-align: left; + cursor:pointer; + margin: 0px; +} + +DIV.menu +{ + FONT-FAMILY: Arial, helvetica, sans-serif; + font-size: 12px; + border-left: 1px solid #ffffff; + border-top: 1px solid #ffffff; + border-right: 2px solid #000000; + border-bottom: 2px solid #000000; + padding:0px; + margin:0px; + visibility:hidden; + position:absolute; + top:0px; + left:0px; + background-color:#d4d0c8; +} +DIV.menu IMG +{ + padding:0px; + margin:0px; + position:relative; + left:-10px; + top:2px; +} +DIV.menu A +{ + font-size: 12px; + display:block; + position:relative; + text-decoration: none; + color:#000000; + padding-top:1px; + padding-bottom:1px; + padding-left:13px; + padding-right:3px; + overflow:hidden; + border:none 0px #FFFFFF; + white-space:nowrap; +} +DIV.menu A:hover +{ + font-size: 12px; + display:block; + position:relative; + text-decoration: none; + color:#ffffff; + background-color:#000080; +} +DIV.menu A.disabled +{ + font-size: 12px; + display:block; + position:relative; + text-decoration: none; + color:#A0A0A0; + padding-top:1px; + padding-bottom:1px; + padding-left:13px; + padding-right:3px; + overflow:hidden; +} +DIV.menu A.disabled:hover +{ + font-size: 12px; + display:block; + position:relative; + text-decoration: none; + color:#A0A0A0; + background-color:#d4d0c8; +} +DIV.menu .line +{ + display:block; + position:relative; + height:0px; + overflow:hidden; + margin-top:5px; + margin-bottom:4px; + padding:0px; + border-top: 1px solid #555555; + border-bottom: 1px solid #ffffff; +} diff --git a/resources/www/vendors/jquery-ui/dark-hive.scss b/resources/www/vendors/jquery-ui/dark-hive.scss new file mode 100644 index 0000000000..36e1e4216b --- /dev/null +++ b/resources/www/vendors/jquery-ui/dark-hive.scss @@ -0,0 +1,1178 @@ +$imagesPath: '../../../../include/jslibs/jquery-ui-1.10.3/css/dark-hive/images/'; +/*! jQuery UI - v1.10.3 - 2013-06-18 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=444444&bgTextureHeader=highlight_soft&bgImgOpacityHeader=44&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=loop&bgImgOpacityContent=25&borderColorContent=555555&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=222222&bgTextureDefault=highlight_soft&bgImgOpacityDefault=35&borderColorDefault=444444&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=003147&bgTextureHover=highlight_soft&bgImgOpacityHover=33&borderColorHover=0b93d5&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=0972a5&bgTextureActive=highlight_hard&bgImgOpacityActive=20&borderColorActive=26b3f7&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px +* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; /* support: IE7 */ +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter:Alpha(Opacity=0); +} + +.ui-front { + z-index: 100; +} + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; +} + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-resizable { + position: relative; +} +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; +} +.ui-resizable-disabled .ui-resizable-handle, +.ui-resizable-autohide .ui-resizable-handle { + display: none; +} +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0; +} +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0; +} +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; +} +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0; + height: 100%; +} +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; +} +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; +} +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; +} +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; +} +.ui-selectable-helper { + position: absolute; + z-index: 100; + border: 1px dotted black; +} +.ui-accordion .ui-accordion-header { + display: block; + cursor: pointer; + position: relative; + margin-top: 2px; + padding: .5em .5em .5em .7em; + min-height: 0; /* support: IE7 */ +} +.ui-accordion .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-noicons { + padding-left: .7em; +} +.ui-accordion .ui-accordion-icons .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-header .ui-accordion-header-icon { + position: absolute; + left: .5em; + top: 50%; + margin-top: -8px; +} +.ui-accordion .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + overflow: auto; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} +.ui-button { + display: inline-block; + position: relative; + padding: 0; + line-height: normal; + margin-right: .1em; + cursor: pointer; + vertical-align: middle; + text-align: center; + overflow: visible; /* removes extra width in IE */ +} +.ui-button, +.ui-button:link, +.ui-button:visited, +.ui-button:hover, +.ui-button:active { + text-decoration: none; +} +/* to make room for the icon, a width needs to be set here */ +.ui-button-icon-only { + width: 2.2em; +} +/* button elements seem to need a little more width */ +button.ui-button-icon-only { + width: 2.4em; +} +.ui-button-icons-only { + width: 3.4em; +} +button.ui-button-icons-only { + width: 3.7em; +} + +/* button text element */ +.ui-button .ui-button-text { + display: block; + line-height: normal; +} +.ui-button-text-only .ui-button-text { + padding: .4em 1em; +} +.ui-button-icon-only .ui-button-text, +.ui-button-icons-only .ui-button-text { + padding: .4em; + text-indent: -9999999px; +} +.ui-button-text-icon-primary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 1em .4em 2.1em; +} +.ui-button-text-icon-secondary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 2.1em .4em 1em; +} +.ui-button-text-icons .ui-button-text { + padding-left: 2.1em; + padding-right: 2.1em; +} +/* no icon support for input elements, provide padding by default */ +input.ui-button { + padding: .4em 1em; +} + +/* button icon element(s) */ +.ui-button-icon-only .ui-icon, +.ui-button-text-icon-primary .ui-icon, +.ui-button-text-icon-secondary .ui-icon, +.ui-button-text-icons .ui-icon, +.ui-button-icons-only .ui-icon { + position: absolute; + top: 50%; + margin-top: -8px; +} +.ui-button-icon-only .ui-icon { + left: 50%; + margin-left: -8px; +} +.ui-button-text-icon-primary .ui-button-icon-primary, +.ui-button-text-icons .ui-button-icon-primary, +.ui-button-icons-only .ui-button-icon-primary { + left: .5em; +} +.ui-button-text-icon-secondary .ui-button-icon-secondary, +.ui-button-text-icons .ui-button-icon-secondary, +.ui-button-icons-only .ui-button-icon-secondary { + right: .5em; +} + +/* button sets */ +.ui-buttonset { + margin-right: 7px; +} +.ui-buttonset .ui-button { + margin-left: 0; + margin-right: -.3em; +} + +/* workarounds */ +/* reset extra padding in Firefox, see h5bp.com/l */ +input.ui-button::-moz-focus-inner, +button.ui-button::-moz-focus-inner { + border: 0; + padding: 0; +} +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; +} +.ui-datepicker .ui-datepicker-prev-hover, +.ui-datepicker .ui-datepicker-next-hover { + top: 1px; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; +} +.ui-datepicker .ui-datepicker-next-hover { + right: 1px; +} +.ui-datepicker .ui-datepicker-prev span, +.ui-datepicker .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; +} +.ui-datepicker select.ui-datepicker-month-year { + width: 100%; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 49%; +} +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; +} +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 1px; +} +.ui-datepicker td span, +.ui-datepicker td a { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; +} +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em .6em; + width: auto; + overflow: visible; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; +} + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} + +/* RTL support */ +.ui-datepicker-rtl { + direction: rtl; +} +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, +.ui-datepicker-rtl .ui-datepicker-group { + float: right; +} +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; +} +.ui-dialog { + position: absolute; + top: 0; + left: 0; + padding: .2em; + outline: 0; +} +.ui-dialog .ui-dialog-titlebar { + padding: .4em 1em; + position: relative; +} +.ui-dialog .ui-dialog-title { + float: left; + margin: .1em 0; + white-space: nowrap; + width: 90%; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: .3em; + top: 50%; + width: 21px; + margin: -10px 0 0 0; + padding: 1px; + height: 20px; +} +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: .5em 1em; + background: none; + overflow: auto; +} +.ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin-top: .5em; + padding: .3em 1em .5em .4em; +} +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; +} +.ui-dialog .ui-dialog-buttonpane button { + margin: .5em .4em .5em 0; + cursor: pointer; +} +.ui-dialog .ui-resizable-se { + width: 12px; + height: 12px; + right: -5px; + bottom: -5px; + background-position: 16px 16px; +} +.ui-draggable .ui-dialog-titlebar { + cursor: move; +} +.ui-menu { + list-style: none; + padding: 2px; + margin: 0; + display: block; + outline: none; +} +.ui-menu .ui-menu { + margin-top: -3px; + position: absolute; +} +.ui-menu .ui-menu-item { + margin: 0; + padding: 0; + width: 100%; + /* support: IE10, see #8844 */ + list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); +} +.ui-menu .ui-menu-divider { + margin: 5px -2px 5px -2px; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-menu-item a { + text-decoration: none; + display: block; + padding: 2px .4em; + line-height: 1.5; + min-height: 0; /* support: IE7 */ + font-weight: normal; +} +.ui-menu .ui-menu-item a.ui-state-focus, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} + +.ui-menu .ui-state-disabled { + font-weight: normal; + margin: .4em 0 .2em; + line-height: 1.5; +} +.ui-menu .ui-state-disabled a { + cursor: default; +} + +/* icon support */ +.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item a { + position: relative; + padding-left: 2em; +} + +/* left-aligned */ +.ui-menu .ui-icon { + position: absolute; + top: .2em; + left: .2em; +} + +/* right-aligned */ +.ui-menu .ui-menu-icon { + position: static; + float: right; +} +.ui-progressbar { + height: 2em; + text-align: left; + overflow: hidden; +} +.ui-progressbar .ui-progressbar-value { + margin: -1px; + height: 100%; +} +.ui-progressbar .ui-progressbar-overlay { + background: url('#{$imagesPath}animated-overlay.gif'); + height: 100%; + filter: alpha(opacity=25); + opacity: 0.25; +} +.ui-progressbar-indeterminate .ui-progressbar-value { + background-image: none; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; +} + +/* For IE8 - See #6727 */ +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.ui-slider-horizontal { + height: .8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -.3em; + margin-left: -.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.ui-slider-vertical { + width: .8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-spinner { + position: relative; + display: inline-block; + overflow: hidden; + padding: 0; + vertical-align: middle; +} +.ui-spinner-input { + border: none; + background: none; + color: inherit; + padding: 0; + margin: .2em 0; + vertical-align: middle; + margin-left: .4em; + margin-right: 22px; +} +.ui-spinner-button { + width: 16px; + height: 50%; + font-size: .5em; + padding: 0; + margin: 0; + text-align: center; + position: absolute; + cursor: default; + display: block; + overflow: hidden; + right: 0; +} +/* more specificity required here to overide default borders */ +.ui-spinner a.ui-spinner-button { + border-top: none; + border-bottom: none; + border-right: none; +} +/* vertical centre icon */ +.ui-spinner .ui-icon { + position: absolute; + margin-top: -8px; + top: 50%; + left: 0; +} +.ui-spinner-up { + top: 0; +} +.ui-spinner-down { + bottom: 0; +} + +/* TR overrides */ +.ui-spinner .ui-icon-triangle-1-s { + /* need to fix icons sprite */ + background-position: -65px -16px; +} +.ui-tabs { + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ + padding: .2em; +} +.ui-tabs .ui-tabs-nav { + margin: 0; + padding: .2em .2em 0; +} +.ui-tabs .ui-tabs-nav li { + list-style: none; + float: left; + position: relative; + top: 0; + margin: 1px .2em 0 0; + border-bottom-width: 0; + padding: 0; + white-space: nowrap; +} +.ui-tabs .ui-tabs-nav li a { + float: left; + padding: .5em 1em; + text-decoration: none; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active a, +.ui-tabs .ui-tabs-nav li.ui-state-disabled a, +.ui-tabs .ui-tabs-nav li.ui-tabs-loading a { + cursor: text; +} +.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { + cursor: pointer; +} +.ui-tabs .ui-tabs-panel { + display: block; + border-width: 0; + padding: 1em 1.4em; + background: none; +} +.ui-tooltip { + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; + -webkit-box-shadow: 0 0 5px #aaa; + box-shadow: 0 0 5px #aaa; +} +body .ui-tooltip { + border-width: 2px; +} + +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: Verdana,Arial,sans-serif; + font-size: 1.1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Verdana,Arial,sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #555555; + background: #000000 url('#{$imagesPath}ui-bg_loop_25_000000_21x21.png') 50% 50% repeat; + color: #ffffff; +} +.ui-widget-content a { + color: #ffffff; +} +.ui-widget-header { + border: 1px solid #333333; + background: #444444 url('#{$imagesPath}ui-bg_highlight-soft_44_444444_1x100.png') 50% 50% repeat-x; + color: #ffffff; + font-weight: bold; +} +.ui-widget-header a { + color: #ffffff; +} + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #444444; + background: #222222 url('#{$imagesPath}ui-bg_highlight-soft_35_222222_1x100.png') 50% 50% repeat-x; + font-weight: normal; + color: #eeeeee; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #eeeeee; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #0b93d5; + background: #003147 url('#{$imagesPath}ui-bg_highlight-soft_33_003147_1x100.png') 50% 50% repeat-x; + font-weight: normal; + color: #ffffff; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited { + color: #ffffff; + text-decoration: none; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #26b3f7; + background: #0972a5 url('#{$imagesPath}ui-bg_highlight-hard_20_0972a5_1x100.png') 50% 50% repeat-x; + font-weight: normal; + color: #ffffff; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #ffffff; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #cccccc; + background: #eeeeee url('#{$imagesPath}ui-bg_highlight-soft_80_eeeeee_1x100.png') 50% top repeat-x; + color: #2e7db2; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #2e7db2; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #ffb73d; + background: #ffc73d url('#{$imagesPath}ui-bg_glass_40_ffc73d_1x400.png') 50% 50% repeat-x; + color: #111111; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #111111; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #111111; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: .7; + filter:Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: .35; + filter:Alpha(Opacity=35); + background-image: none; +} +.ui-state-disabled .ui-icon { + filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; +} +.ui-icon, +.ui-widget-content .ui-icon { + background-image: url('#{$imagesPath}ui-icons_cccccc_256x240.png'); +} +.ui-widget-header .ui-icon { + background-image: url('#{$imagesPath}ui-icons_ffffff_256x240.png'); +} +.ui-state-default .ui-icon { + background-image: url('#{$imagesPath}ui-icons_cccccc_256x240.png'); +} +.ui-state-hover .ui-icon, +.ui-state-focus .ui-icon { + background-image: url('#{$imagesPath}ui-icons_ffffff_256x240.png'); +} +.ui-state-active .ui-icon { + background-image: url('#{$imagesPath}ui-icons_222222_256x240.png'); +} +.ui-state-highlight .ui-icon { + background-image: url('#{$imagesPath}ui-icons_4b8e0b_256x240.png'); +} +.ui-state-error .ui-icon, +.ui-state-error-text .ui-icon { + background-image: url('#{$imagesPath}ui-icons_a83300_256x240.png'); +} + +/* positioning */ +.ui-icon-blank { background-position: 16px 16px; } +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 6px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 6px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 6px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 6px; +} + +/* Overlays */ +.ui-widget-overlay { + background: #5c5c5c url('#{$imagesPath}ui-bg_flat_50_5c5c5c_40x100.png') 50% 50% repeat-x; + opacity: .8; + filter: Alpha(Opacity=80); +} +.ui-widget-shadow { + margin: -7px 0 0 -7px; + padding: 7px; + background: #cccccc url('#{$imagesPath}ui-bg_flat_30_cccccc_40x100.png') 50% 50% repeat-x; + opacity: .6; + filter: Alpha(Opacity=60); + border-radius: 8px; +} diff --git a/resources/www/vendors/jquery-ui/ui-lightness.scss b/resources/www/vendors/jquery-ui/ui-lightness.scss new file mode 100644 index 0000000000..26c2942dc6 --- /dev/null +++ b/resources/www/vendors/jquery-ui/ui-lightness.scss @@ -0,0 +1,1178 @@ +$imagesPath: '../../../../include/jslibs/jquery-ui-1.10.3/css/ui-lightness/images/'; +/*! jQuery UI - v1.10.3 - 2013-06-18 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px +* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; /* support: IE7 */ +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter:Alpha(Opacity=0); +} + +.ui-front { + z-index: 100; +} + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; +} + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-resizable { + position: relative; +} +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; +} +.ui-resizable-disabled .ui-resizable-handle, +.ui-resizable-autohide .ui-resizable-handle { + display: none; +} +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0; +} +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0; +} +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; +} +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0; + height: 100%; +} +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; +} +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; +} +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; +} +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; +} +.ui-selectable-helper { + position: absolute; + z-index: 100; + border: 1px dotted black; +} +.ui-accordion .ui-accordion-header { + display: block; + cursor: pointer; + position: relative; + margin-top: 2px; + padding: .5em .5em .5em .7em; + min-height: 0; /* support: IE7 */ +} +.ui-accordion .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-noicons { + padding-left: .7em; +} +.ui-accordion .ui-accordion-icons .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-header .ui-accordion-header-icon { + position: absolute; + left: .5em; + top: 50%; + margin-top: -8px; +} +.ui-accordion .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + overflow: auto; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} +.ui-button { + display: inline-block; + position: relative; + padding: 0; + line-height: normal; + margin-right: .1em; + cursor: pointer; + vertical-align: middle; + text-align: center; + overflow: visible; /* removes extra width in IE */ +} +.ui-button, +.ui-button:link, +.ui-button:visited, +.ui-button:hover, +.ui-button:active { + text-decoration: none; +} +/* to make room for the icon, a width needs to be set here */ +.ui-button-icon-only { + width: 2.2em; +} +/* button elements seem to need a little more width */ +button.ui-button-icon-only { + width: 2.4em; +} +.ui-button-icons-only { + width: 3.4em; +} +button.ui-button-icons-only { + width: 3.7em; +} + +/* button text element */ +.ui-button .ui-button-text { + display: block; + line-height: normal; +} +.ui-button-text-only .ui-button-text { + padding: .4em 1em; +} +.ui-button-icon-only .ui-button-text, +.ui-button-icons-only .ui-button-text { + padding: .4em; + text-indent: -9999999px; +} +.ui-button-text-icon-primary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 1em .4em 2.1em; +} +.ui-button-text-icon-secondary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 2.1em .4em 1em; +} +.ui-button-text-icons .ui-button-text { + padding-left: 2.1em; + padding-right: 2.1em; +} +/* no icon support for input elements, provide padding by default */ +input.ui-button { + padding: .4em 1em; +} + +/* button icon element(s) */ +.ui-button-icon-only .ui-icon, +.ui-button-text-icon-primary .ui-icon, +.ui-button-text-icon-secondary .ui-icon, +.ui-button-text-icons .ui-icon, +.ui-button-icons-only .ui-icon { + position: absolute; + top: 50%; + margin-top: -8px; +} +.ui-button-icon-only .ui-icon { + left: 50%; + margin-left: -8px; +} +.ui-button-text-icon-primary .ui-button-icon-primary, +.ui-button-text-icons .ui-button-icon-primary, +.ui-button-icons-only .ui-button-icon-primary { + left: .5em; +} +.ui-button-text-icon-secondary .ui-button-icon-secondary, +.ui-button-text-icons .ui-button-icon-secondary, +.ui-button-icons-only .ui-button-icon-secondary { + right: .5em; +} + +/* button sets */ +.ui-buttonset { + margin-right: 7px; +} +.ui-buttonset .ui-button { + margin-left: 0; + margin-right: -.3em; +} + +/* workarounds */ +/* reset extra padding in Firefox, see h5bp.com/l */ +input.ui-button::-moz-focus-inner, +button.ui-button::-moz-focus-inner { + border: 0; + padding: 0; +} +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; +} +.ui-datepicker .ui-datepicker-prev-hover, +.ui-datepicker .ui-datepicker-next-hover { + top: 1px; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; +} +.ui-datepicker .ui-datepicker-next-hover { + right: 1px; +} +.ui-datepicker .ui-datepicker-prev span, +.ui-datepicker .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; +} +.ui-datepicker select.ui-datepicker-month-year { + width: 100%; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 49%; +} +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; +} +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 1px; +} +.ui-datepicker td span, +.ui-datepicker td a { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; +} +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em .6em; + width: auto; + overflow: visible; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; +} + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} + +/* RTL support */ +.ui-datepicker-rtl { + direction: rtl; +} +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, +.ui-datepicker-rtl .ui-datepicker-group { + float: right; +} +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; +} +.ui-dialog { + position: absolute; + top: 0; + left: 0; + padding: .2em; + outline: 0; +} +.ui-dialog .ui-dialog-titlebar { + padding: .4em 1em; + position: relative; +} +.ui-dialog .ui-dialog-title { + float: left; + margin: .1em 0; + white-space: nowrap; + width: 90%; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: .3em; + top: 50%; + width: 21px; + margin: -10px 0 0 0; + padding: 1px; + height: 20px; +} +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: .5em 1em; + background: none; + overflow: auto; +} +.ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin-top: .5em; + padding: .3em 1em .5em .4em; +} +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; +} +.ui-dialog .ui-dialog-buttonpane button { + margin: .5em .4em .5em 0; + cursor: pointer; +} +.ui-dialog .ui-resizable-se { + width: 12px; + height: 12px; + right: -5px; + bottom: -5px; + background-position: 16px 16px; +} +.ui-draggable .ui-dialog-titlebar { + cursor: move; +} +.ui-menu { + list-style: none; + padding: 2px; + margin: 0; + display: block; + outline: none; +} +.ui-menu .ui-menu { + margin-top: -3px; + position: absolute; +} +.ui-menu .ui-menu-item { + margin: 0; + padding: 0; + width: 100%; + /* support: IE10, see #8844 */ + list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); +} +.ui-menu .ui-menu-divider { + margin: 5px -2px 5px -2px; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-menu-item a { + text-decoration: none; + display: block; + padding: 2px .4em; + line-height: 1.5; + min-height: 0; /* support: IE7 */ + font-weight: normal; +} +.ui-menu .ui-menu-item a.ui-state-focus, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} + +.ui-menu .ui-state-disabled { + font-weight: normal; + margin: .4em 0 .2em; + line-height: 1.5; +} +.ui-menu .ui-state-disabled a { + cursor: default; +} + +/* icon support */ +.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item a { + position: relative; + padding-left: 2em; +} + +/* left-aligned */ +.ui-menu .ui-icon { + position: absolute; + top: .2em; + left: .2em; +} + +/* right-aligned */ +.ui-menu .ui-menu-icon { + position: static; + float: right; +} +.ui-progressbar { + height: 2em; + text-align: left; + overflow: hidden; +} +.ui-progressbar .ui-progressbar-value { + margin: -1px; + height: 100%; +} +.ui-progressbar .ui-progressbar-overlay { + background: url("images/animated-overlay.gif"); + height: 100%; + filter: alpha(opacity=25); + opacity: 0.25; +} +.ui-progressbar-indeterminate .ui-progressbar-value { + background-image: none; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; +} + +/* For IE8 - See #6727 */ +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.ui-slider-horizontal { + height: .8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -.3em; + margin-left: -.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.ui-slider-vertical { + width: .8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-spinner { + position: relative; + display: inline-block; + overflow: hidden; + padding: 0; + vertical-align: middle; +} +.ui-spinner-input { + border: none; + background: none; + color: inherit; + padding: 0; + margin: .2em 0; + vertical-align: middle; + margin-left: .4em; + margin-right: 22px; +} +.ui-spinner-button { + width: 16px; + height: 50%; + font-size: .5em; + padding: 0; + margin: 0; + text-align: center; + position: absolute; + cursor: default; + display: block; + overflow: hidden; + right: 0; +} +/* more specificity required here to overide default borders */ +.ui-spinner a.ui-spinner-button { + border-top: none; + border-bottom: none; + border-right: none; +} +/* vertical centre icon */ +.ui-spinner .ui-icon { + position: absolute; + margin-top: -8px; + top: 50%; + left: 0; +} +.ui-spinner-up { + top: 0; +} +.ui-spinner-down { + bottom: 0; +} + +/* TR overrides */ +.ui-spinner .ui-icon-triangle-1-s { + /* need to fix icons sprite */ + background-position: -65px -16px; +} +.ui-tabs { + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ + padding: .2em; +} +.ui-tabs .ui-tabs-nav { + margin: 0; + padding: .2em .2em 0; +} +.ui-tabs .ui-tabs-nav li { + list-style: none; + float: left; + position: relative; + top: 0; + margin: 1px .2em 0 0; + border-bottom-width: 0; + padding: 0; + white-space: nowrap; +} +.ui-tabs .ui-tabs-nav li a { + float: left; + padding: .5em 1em; + text-decoration: none; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active a, +.ui-tabs .ui-tabs-nav li.ui-state-disabled a, +.ui-tabs .ui-tabs-nav li.ui-tabs-loading a { + cursor: text; +} +.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { + cursor: pointer; +} +.ui-tabs .ui-tabs-panel { + display: block; + border-width: 0; + padding: 1em 1.4em; + background: none; +} +.ui-tooltip { + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; + -webkit-box-shadow: 0 0 5px #aaa; + box-shadow: 0 0 5px #aaa; +} +body .ui-tooltip { + border-width: 2px; +} + +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; + font-size: 1.1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #dddddd; + background: #eeeeee url('#{$imagesPath}ui-bg_highlight-soft_100_eeeeee_1x100.png') 50% top repeat-x; + color: #333333; +} +.ui-widget-content a { + color: #333333; +} +.ui-widget-header { + border: 1px solid #e78f08; + background: #f6a828 url('#{$imagesPath}ui-bg_gloss-wave_35_f6a828_500x100.png') 50% 50% repeat-x; + color: #ffffff; + font-weight: bold; +} +.ui-widget-header a { + color: #ffffff; +} + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #cccccc; + background: #f6f6f6 url('#{$imagesPath}ui-bg_glass_100_f6f6f6_1x400.png') 50% 50% repeat-x; + font-weight: bold; + color: #1c94c4; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #1c94c4; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #fbcb09; + background: #fdf5ce url('#{$imagesPath}ui-bg_glass_100_fdf5ce_1x400.png') 50% 50% repeat-x; + font-weight: bold; + color: #c77405; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited { + color: #c77405; + text-decoration: none; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #fbd850; + background: #ffffff url('#{$imagesPath}ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x; + font-weight: bold; + color: #eb8f00; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #eb8f00; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #fed22f; + background: #ffe45c url('#{$imagesPath}ui-bg_highlight-soft_75_ffe45c_1x100.png') 50% top repeat-x; + color: #363636; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #363636; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + background: #b81900 url('#{$imagesPath}ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50% repeat; + color: #ffffff; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #ffffff; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #ffffff; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: .7; + filter:Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: .35; + filter:Alpha(Opacity=35); + background-image: none; +} +.ui-state-disabled .ui-icon { + filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; +} +.ui-icon, +.ui-widget-content .ui-icon { + background-image: url('#{$imagesPath}ui-icons_222222_256x240.png'); +} +.ui-widget-header .ui-icon { + background-image: url('#{$imagesPath}ui-icons_ffffff_256x240.png'); +} +.ui-state-default .ui-icon { + background-image: url('#{$imagesPath}ui-icons_ef8c08_256x240.png'); +} +.ui-state-hover .ui-icon, +.ui-state-focus .ui-icon { + background-image: url('#{$imagesPath}ui-icons_ef8c08_256x240.png'); +} +.ui-state-active .ui-icon { + background-image: url('#{$imagesPath}ui-icons_ef8c08_256x240.png'); +} +.ui-state-highlight .ui-icon { + background-image: url('#{$imagesPath}ui-icons_228ef1_256x240.png'); +} +.ui-state-error .ui-icon, +.ui-state-error-text .ui-icon { + background-image: url('#{$imagesPath}ui-icons_ffd27a_256x240.png'); +} + +/* positioning */ +.ui-icon-blank { background-position: 16px 16px; } +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 4px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 4px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 4px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 4px; +} + +/* Overlays */ +.ui-widget-overlay { + background: #666666 url('#{$imagesPath}ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat; + opacity: .5; + filter: Alpha(Opacity=50); +} +.ui-widget-shadow { + margin: -5px 0 0 -5px; + padding: 5px; + background: #000000 url('#{$imagesPath}ui-bg_flat_10_000000_40x100.png') 50% 50% repeat-x; + opacity: .2; + filter: Alpha(Opacity=20); + border-radius: 5px; +} diff --git a/resources/www/vendors/jquery.treeview/jquery.treeview.scss b/resources/www/vendors/jquery.treeview/jquery.treeview.scss new file mode 100644 index 0000000000..f3f55d8b42 --- /dev/null +++ b/resources/www/vendors/jquery.treeview/jquery.treeview.scss @@ -0,0 +1,75 @@ +$imagesPath: '../../../../include/jslibs/jquery-treeview/images/'; +.treeview, .treeview ul { + padding: 0; + margin: 0; + list-style: none; +} + +.treeview ul { + background-color: white; + margin-top: 4px; +} + +.treeview .hitarea { + background: url('#{$imagesPath}/treeview-default.gif') -64px -25px no-repeat; + height: 16px; + width: 16px; + margin-left: -16px; + float: left; + cursor: pointer; +} +/* fix for IE6 */ +* html .hitarea { + display: inline; + float:none; +} + +.treeview li { + margin: 0; + padding: 3px 0pt 3px 16px; +} + +.treeview a.selected { + background-color: #eee; +} + +#treecontrol { margin: 1em 0; display: none; } + +.treeview .hover { color: red; cursor: pointer; } + +.treeview li { background: url('#{$imagesPath}/treeview-default-line.gif') 0 0 no-repeat; } +.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } + +.treeview .expandable-hitarea { background-position: -80px -3px; } + +.treeview li.last { background-position: 0 -1766px } +.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('#{$imagesPath}/treeview-default.gif'); } +.treeview li.lastCollapsable { background-position: 0 -111px } +.treeview li.lastExpandable { background-position: -32px -67px } + +.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } + +.treeview-red li { background-image: url('#{$imagesPath}/treeview-red-line.gif'); } +.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('#{$imagesPath}/treeview-red.gif'); } + +.treeview-black li { background-image: url('#{$imagesPath}/treeview-black-line.gif'); } +.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url('#{$imagesPath}/treeview-black.gif'); } + +.treeview-gray li { background-image: url('#{$imagesPath}/treeview-gray-line.gif'); } +.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url('#{$imagesPath}/treeview-gray.gif'); } + +.treeview-famfamfam li { background-image: url('#{$imagesPath}/treeview-famfamfam-line.gif'); } +.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url('#{$imagesPath}/treeview-famfamfam.gif'); } + +.treeview .placeholder { + background: url('#{$imagesPath}/ajax-loader.gif') 0 0 no-repeat; + height: 16px; + width: 16px; + display: block; +} + +.filetree li { padding: 3px 0 2px 16px; } +.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; } +.filetree span.folder { background: url('#{$imagesPath}/folder.gif') 0 0 no-repeat; } +.filetree li.expandable span.folder { background: url('#{$imagesPath}/folder-closed.gif') 0 0 no-repeat; } +.filetree span.file { background: url('#{$imagesPath}/file.gif') 0 0 no-repeat; } diff --git a/templates/mobile/api/auth/end_user_authorization.html.twig b/templates/mobile/api/auth/end_user_authorization.html.twig index 2c7a960632..8daf480310 100644 --- a/templates/mobile/api/auth/end_user_authorization.html.twig +++ b/templates/mobile/api/auth/end_user_authorization.html.twig @@ -9,13 +9,14 @@ - - - + + - + + + - - - + + - + + + - - + - - + + + - - - + + - + + + - - diff --git a/templates/web/client/answers.html.twig b/templates/web/client/answers.html.twig deleted file mode 100644 index 87f94128ae..0000000000 --- a/templates/web/client/answers.html.twig +++ /dev/null @@ -1,227 +0,0 @@ -{% set available_results = result.getTotal() %} -{% set query_string = result.getQuery() %} -{% set current_page = result.getCurrentPage(per_page) %} -{% set total_page = result.getTotalPages(per_page) %} -{% set pagination_html = '' %} -{% set pagination_offset = 3 %} -{% set max = 2 * pagination_offset + 3 %} - - -{% if app['conf'].get(['registry', 'modules', 'thesaurus']) %} - -{% endif %} - - - -{% set tooltip_html %} -
{{ "client::answers: rapport de questions par bases" | trans }}
-{% endset %} - -{% set txt %} - - {{ query_string[0:36] }}{% if query_string|length > 36 %}...{% endif %} - - {% trans with {'%available_results%' : available_results} %}client::answers: %available_results% reponses{% endtrans %} - -   -{% endset %} - - -{% if total_page > 0 %} - {% if total_page > max %} - {% for p in 1..total_page %} - {% if p == current_page %} - {% set pagination_html = pagination_html ~ '' ~ p ~ '' %} - {% elseif (p >= (current_page - pagination_offset)) and ((p - 1) <= (current_page + pagination_offset)) %} - {% set pagination_html = pagination_html ~ '' ~ p ~ '' %} - {% elseif (current_page < (pagination_offset + 2)) and (p < (max - pagination_offset + 2)) %} - {% set pagination_html = pagination_html ~ '' ~ p ~ '' %} - {% elseif (current_page >= (total_page - pagination_offset - 2)) and (p >= (total_page - (2 * pagination_offset))) %} - {% set pagination_html = pagination_html ~ '' ~ p ~ '' %} - {% elseif p == (total_page - 1) %} - {% set pagination_html = pagination_html ~ '...' ~ p ~ '' %} - {% elseif p == 1 %} - {% set pagination_html = pagination_html ~ '' ~ p ~ '...' %} - {% endif %} - - {% if p != (total_page - 1) %} - {% set pagination_html = pagination_html ~ ' - ' %} - {% endif %} - {% endfor %} - {% else %} - {% for p in 1..total_page %} - {% if p == current_page %} - {% set pagination_html = pagination_html ~ '' ~ p ~ '' %} - {% else %} - {% set pagination_html = pagination_html ~ '' ~ p ~ '' %} - {% endif %} - - {% if p < total_page %} - {% set pagination_html = pagination_html ~ ' - ' %} - {% endif %} - {% endfor %} - {% endif %} - - {% set pagination_html = pagination_html ~ '
' %} -{% endif %} - - - - -{% if result_data|length > 0 %} -
- - {% if mod_col == 1 %} - - - - - {% else %} - - {% for i in 1..mod_col %} - - {% endfor %} - - {% endif %} - - {% for data in result_data %} - {% set record = data['record'] %} - {% set thumbnail = record.get_thumbnail() %} - - {% if loop.first %} - - {% endif %} - - {% if (loop.index0 % mod_col) == 0 and not loop.first %} - - - {% endif %} - - {% if mod_col == 1 and not loop.first %} - - - - - - {% endif %} - - {% if mod_col == 1 %} - - {% if mod_col == 1 %} - - {% endif %} - {% endfor %} -
- {% else %} - - {% endif %} -
-
{{ record.get_title() }}
-
- {% for flag in record_flags(record) %} - - {% endfor %} -
- - - - -
- {% if data['is_video'] or data['is_audio'] %} - {% if record.get_formated_duration() is not empty %} -
{{ record.get_formated_duration() }}
- {% endif %} - {% endif %} - - {% if record.isStory %} - {% set on_click_html = "openPreview('REG',0, '" ~ record.get_serialize_key() ~ "');" %} - {% else %} - {% set on_click_html = "openPreview('RESULT','" ~ record.getNumber() ~ "');" %} - {% endif %} - - {% if mod_col == 1 %} - {% set pic_roll = "/prod/tooltip/preview/" ~ record.get_sbas_id() ~ "/" ~ record.get_record_id() ~ "/" %} - {% else %} - {% set pic_roll = "/prod/tooltip/caption/" ~ record.get_sbas_id() ~ "/" ~ record.get_record_id() ~ "/answer/" %} - {% endif %} - - -
-
-
-
-
{{ data['mini_logo']|raw }}
- {% if data['can_download'] %} -
- {% endif %} - -
- - {% if data['can_add_to_basket'] %} -
- {% endif %} - - {% if mod_col != 1 %} -
- {% if data['preview_exists'] %} -
 
- {% endif %} - {% endif %} -
-
- 		-
-
- {{ data['caption'] }} -
- {{ data['light_info'] }} -
-
-
- -
-{% endif %} diff --git a/templates/web/client/baskets.html.twig b/templates/web/client/baskets.html.twig deleted file mode 100644 index d298633141..0000000000 --- a/templates/web/client/baskets.html.twig +++ /dev/null @@ -1,147 +0,0 @@ -{% set nb_basket_elements = selected_basket_elements.count() %} -
-
-
-
- {% if selected_basket is not none %} - {{ selected_basket.getName() }} - : - {% trans with {'%nb_basket_elements%' : nb_basket_elements} %}paniers:: %nb_basket_elements% documents dans le panier{% endtrans %} - {% if app['conf'].get(['registry', 'classic', 'basket-size-display']) %} - ({{ selected_basket.getSize(app) }} Mo) - {% endif %} - {% endif %} -
-
-
- - - - - -
- {% if total_baskets > 0 %} - - {% endif %} - - {% if total_baskets > 0 %} -
- {% endif %} -
-
- - {% if total_baskets > 0 and (app.getAclForUser(app.getAuthenticatedUser()).has_right("candwnldhd") or app.getAclForUser(app.getAuthenticatedUser()).has_right("candwnldpreview") or app.getAclForUser(app.getAuthenticatedUser()).has_right("cancmd") > 0) %} -
- {% endif %} - - {% if total_baskets > 0%} -
- {% endif %} - - {% if total_baskets > 0 %} -
- {% endif %} -
-
-
- {% if selected_basket is not none and selected_basket.getPusher() is not none %} - {% set pusher_name = selected_basket.getPusher().getDisplayName() %} -
- {% trans with {'%pusher_name%' : pusher_name} %}paniers:: panier emis par %pusher_name%{% endtrans %} -
- {% endif %} - - {% for element in selected_basket_elements %} - {% set record = element.getRecord(app) %} - {% set thumbnail = record.get_thumbnail() %} - - {% if thumbnail.get_width() > thumbnail.get_height() %} {# paysage #} - {% if thumbnail.get_width() > 67 %} - {% set width = 67 %} - {% set top = ((67 - (67 * thumbnail.get_height() / thumbnail.get_width())) / 2)|round(0, constant('PHP_ROUND_HALF_UP')) %} - {% else %} - {% set width = thumbnail.get_width() %} - {% set top = ((67 - thumbnail.get_height()) / 2)|round(0, constant('PHP_ROUND_HALF_UP')) %} - {% endif %} - - {% set dim = "width:" ~ width ~ "px" %} - {% else %} {# portrait #} - {% if thumbnail.get_height() > 55 %} - {% set height = 55 %} - {% set top = ((67 - 55) / 2)|round(0, constant('PHP_ROUND_HALF_UP')) %} - {% else %} - {% set height = thumbnail.get_height() %} - {% set top = ((67 - thumbnail.get_height()) / 2)|round(0, constant('PHP_ROUND_HALF_UP')) %} - {% endif %} - - {% set dim = "height:" ~ height ~ "px" %} - {% endif %} - - {% set tooltip = '' %} - {% if app['conf'].get(['registry', 'classic', 'basket-rollover']) %} - {% set tooltip = path('prod_tooltip_caption', { 'sbas_id' : record.get_sbas_id(), 'record_id' : record.get_record_id(), 'context' : 'basket', 'number' : record.getNumber() }) %} - {% endif %} - -
-
- -
-
-
-
- {% if app.getAclForUser(app.getAuthenticatedUser()).has_right_on_base(record.get_base_id(), 'candwnldhd') - or app.getAclForUser(app.getAuthenticatedUser()).has_right_on_base(record.get_base_id(), 'candwnldpreview') - or app.getAclForUser(app.getAuthenticatedUser()).has_right_on_base(record.get_base_id(), 'cancmd') - or app.getAclForUser(app.getAuthenticatedUser()).has_preview_grant(record) %} -
- {% endif %} -
-
- {% endfor %} -
-
- - - diff --git a/templates/web/client/help.html.twig b/templates/web/client/help.html.twig deleted file mode 100644 index 690905e310..0000000000 --- a/templates/web/client/help.html.twig +++ /dev/null @@ -1,129 +0,0 @@ -{% if app['locale'] not in ['fr', 'en', 'us'] %} - {% set lng = 'fr' %} -{% else %} - {% set lng = app['locale'] %} -{% endif %} - -{% if lng == 'fr' %} -
-
La recherche s'effectue grâce à la boîte de dialogue qui se trouve en haut à gauche de l'écran. Sachez que vous pouvez utiliser les opérateurs ou caractères spéciaux suivants :
-
* , ? , ET , OU , SAUF , DANS , DERNIERS , TOUT    (ou AND , OR , EXCEPT , LAST , ALL)
- -
Caractères de troncature
- - - - - - - - - - -
auto* : "automobile", "automate", "autoroute", ...
dé?it : "délit", "débit", ...
- -
Visualiser toutes les photos / les dernières photos
- - - - - - - - - -
TOUT : toutes les photos des collections sélectionnées
LAST 20 : les 20 dernières photos archivées dans la base
- -
Recherche multicritères
- Vous pouvez affiner votre recherche avec les opérateurs : ET, OU, SAUF ou DANS
- - - - - - - - - - - - - - - - - -
sport ET automobile : photos comprenant les deux mots.
journal OU jt : photos comprenant un mot ou l'autre (ou les deux).
cannes SAUF festival : cannes, hors festival.
thalassa DANS titre : photos où le terme est au moins présent dans le titre, en évitant par exemple celles où le terme est uniquement cité dans la légende.
- -
-

Attention :

-

pour chercher une phrase contenant un des mots-clé ci-dessus,
utilisez les  guillemets  :

- "C dans l'air" - , "Et Dieu créa la femme" - , "bijou en or" - , "tout le sport" - , ... -
-
-{% elseif lng == 'en' or lng == 'us' %} -
-
The search can be made through a dialogue box which can be found up left of your screen. Please note that you can use the following specific characters or boolean operators :
-
* , ? , AND , OR , EXCEPT , IN, LAST , ALL
- -
Truncation characters :
- - - - - - - - - - -
autho* : "authority", "authorization", "autorized", ...
de?t : "debt", "dent", ...
- -
View all pictures / last documents :
- - - - - - - - - -
ALL : toutes les photos des collections sélectionnées
LAST 20 : The last 20 documents archived in database
- -
Multi criteria search :
- You can refine your search with the following operators : AND , OR , EXCEPT or IN
- - - - - - - - - - - - - - - - - -
sport AND cars : documents including both words.
new OR recent : documents including one word or the other (or both).
cannes EXCEPT festival : documents including the word « Cannes », except the word « festival »..
thalassa IN title : documents where the word is at least in the title, avoiding for instance the ones where the word is quoted in the caption only.
- -
-

Be careful :

-

To make a search in a sentence including one of the keywords above,
please use the quotation marks :

- "come and see" - , "except for" - , "at last" - , "all along" - , ... -
-
-{% endif %} diff --git a/templates/web/client/home_inter_pub_basket.html.twig b/templates/web/client/home_inter_pub_basket.html.twig deleted file mode 100644 index ac57eabc34..0000000000 --- a/templates/web/client/home_inter_pub_basket.html.twig +++ /dev/null @@ -1,118 +0,0 @@ -
-

-

{{ "publications:: dernieres publications" | trans }}

-
-
- -
- {% for entry in feeds.entries.slice(0, 5) %} -
-
-

- - {{ entry.getTitle() }} - -

- - {{ app['date-formatter'].getPrettyString(entry.getCreatedOn()) }} - {% if entry.getAuthorEmail() %} - - {{ entry.getAuthorName() }} - - {% if entry.getUpdatedOn() > entry.getCreatedOn() %} -
- - {{ "publications:: derniere mise a jour" | trans }} {{ app['date-formatter'].getPrettyString(entry.getUpdatedOn()) }} - -
-
- {% endif %} - {% endif %} - -
-
-
- {% if entry.getSubtitle()|trim is not empty %} - {{ entry.getSubtitle()|nl2br }} - {% endif %} -
-
-
- {% for item in entry.getItems() %} - {% set record = item.getRecord(app) %} - {% set thumbnail = record.get_thumbnail() %} - {% set docType = record.get_type() %} - {% set duration = "" %} - - {% if thumbnail.get_height() > 0 %} - {% set ratio = thumbnail.get_width() / thumbnail.get_height() %} - {% else %} - {% set ratio = 1 %} - {% endif %} - - {% set wrapper_size = image_size + 30 %} - - {% set types = { - "isVideo" : (docType == "video" ? true : false), - "isAudio" : (docType == "audio" ? true : false), - "isImage" : (docType == "image" or (docType != "video" and docType != "audio") ? true : false) - } %} - - {% if types["isVideo"] or types["isAudio"] %} - {% set duration = record.get_formated_duration() %} - {% endif %} - - {% if ratio > 1 %} - {% set cw = [(image_size - 30), (thumbnail.get_width())]|min %} - {% set ch = cw / ratio %} - {% set pv = ((image_size - ch) / 2)|floor %} - {% set ph = ((image_size - cw) / 2)|floor %} - - {% set image_style %} - width:{{ cw }}px;xpadding:{{ pv }}px {{ ph }}px; - {% endset %} - {% else %} - {% set ch = [(image_size - 30), (thumbnail.get_height())]|min %} - {% set cw = ch * ratio %} - {% set pv = ((image_size - ch) / 2)|floor %} - {% set ph = ((image_size - cw) / 2)|floor %} - - {% set image_style %} - height:{{ ch }}px;xpadding:{{ pv }}px {{ ph }}px; - {% endset %} - {% endif %} - -
-
-
- {{ record.get_title() }} -
-
- - - - -
- {% if duration is not empty %} -
- {{ duration }} -
- {% endif %} - -
-
- - - - - -
-
  -
-
-
- {% endfor %} -
-
- {% endfor %} -
diff --git a/templates/web/client/index.html.twig b/templates/web/client/index.html.twig deleted file mode 100644 index e98ee0af6c..0000000000 --- a/templates/web/client/index.html.twig +++ /dev/null @@ -1,524 +0,0 @@ - - - {{ app['conf'].get(['registry', 'general', 'title']) }} Client - - - - - - - - {% if css_file %} - - {% endif %} - - - - - - - - - - - {% if app['phraseanet.configuration']['deprecate-client']|default(true) %} -
-
-

- {{ "Pour des raisons techniques cette interface n'est plus maintenue et serta bientôt rendue - inacessible. Nous vous invitons si vous le souhaitez à utiliser production dés maintenant."|trans }} -

-
-

{{ 'Production '|trans }} >

-
-
- - {% endif %} -
- {% include 'common/menubar.html.twig' %} -
-
- -
- -
-
- -
- -
-
-
- -
-
- {{ 'boutton::fermer' | trans }} -
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
- - - - - - - - - {% if app['conf'].get(['registry', 'general', 'analytics']) is not empty %} - - - - {% endif %} - - diff --git a/templates/web/common/index_bootstrap.html.twig b/templates/web/common/index_bootstrap.html.twig index f031216e9e..c96e39ceb4 100644 --- a/templates/web/common/index_bootstrap.html.twig +++ b/templates/web/common/index_bootstrap.html.twig @@ -1,26 +1,28 @@ + + + + {% if local_title is defined%}{{local_title}} | {% endif %}{{ app['conf'].get(['registry', 'general', 'title']) }} {% if module_name is defined %} - {{ module_name }} {% endif %} - - - - - + + - - + + + - + + + {% endblock %} {% block content %} diff --git a/templates/web/lightbox/IE6/index.html.twig b/templates/web/lightbox/IE6/index.html.twig index 46db25db47..5685e6444e 100644 --- a/templates/web/lightbox/IE6/index.html.twig +++ b/templates/web/lightbox/IE6/index.html.twig @@ -3,7 +3,8 @@ {% import 'common/thumbnail.html.twig' as thumbnail %} {% block javascript %} - + + {% endblock %} {% block stylesheet %} diff --git a/templates/web/lightbox/IE6/validate.html.twig b/templates/web/lightbox/IE6/validate.html.twig index aed3d345c5..2ba1089632 100644 --- a/templates/web/lightbox/IE6/validate.html.twig +++ b/templates/web/lightbox/IE6/validate.html.twig @@ -4,7 +4,8 @@ {% import 'common/macros.html.twig' as macro %} {% block javascript %} - + + {% endblock %} {% block content %} diff --git a/templates/web/lightbox/feed.html.twig b/templates/web/lightbox/feed.html.twig index 8bf1fa4080..2c22465cae 100644 --- a/templates/web/lightbox/feed.html.twig +++ b/templates/web/lightbox/feed.html.twig @@ -4,7 +4,8 @@ {% import 'common/macros.html.twig' as macro %} {% block javascript %} - + + {% endblock %} {% block stylesheet %} diff --git a/templates/web/lightbox/index.html.twig b/templates/web/lightbox/index.html.twig index 4a0eeaeb94..b175878741 100644 --- a/templates/web/lightbox/index.html.twig +++ b/templates/web/lightbox/index.html.twig @@ -3,7 +3,8 @@ {% import 'common/thumbnail.html.twig' as thumbnail %} {% block javascript %} - + + {% endblock %} {% block stylesheet %} diff --git a/templates/web/lightbox/validate.html.twig b/templates/web/lightbox/validate.html.twig index f51881690a..2c047aacc3 100644 --- a/templates/web/lightbox/validate.html.twig +++ b/templates/web/lightbox/validate.html.twig @@ -4,7 +4,8 @@ {% import 'common/macros.html.twig' as macro %} {% block javascript %} - + + {% endblock %} {% block stylesheet %} diff --git a/templates/web/login/include/galleria.html.twig b/templates/web/login/include/galleria.html.twig index 5d034d838e..310b86208a 100644 --- a/templates/web/login/include/galleria.html.twig +++ b/templates/web/login/include/galleria.html.twig @@ -7,7 +7,7 @@ {# include backbone templates #} {% include "login/common/templates.html.twig" %} - - + {% endblock header_javascript %} {% endblock header %} diff --git a/templates/web/login/register-classic.html.twig b/templates/web/login/register-classic.html.twig index eba9e74b91..d2fb4c516e 100644 --- a/templates/web/login/register-classic.html.twig +++ b/templates/web/login/register-classic.html.twig @@ -105,5 +105,30 @@ {% block scripts %} {{ parent() }} - + + {% endblock %} diff --git a/templates/web/login/renew-password.html.twig b/templates/web/login/renew-password.html.twig index 8dfe0fe001..17100c360e 100644 --- a/templates/web/login/renew-password.html.twig +++ b/templates/web/login/renew-password.html.twig @@ -50,5 +50,30 @@ {% block scripts %} {{ parent() }} - + + {% endblock %} diff --git a/templates/web/overview.html.twig b/templates/web/overview.html.twig index d7ee9da230..fcbcd54c2a 100644 --- a/templates/web/overview.html.twig +++ b/templates/web/overview.html.twig @@ -7,7 +7,6 @@ {% endblock %} {% block stylesheet %} - {% endblock %} {% block javascript %} - - - + + + {% include "common/templates.html.twig" %} {% endblock %} @@ -804,174 +731,11 @@ - {% if step %} - - {% endif %} - - {% if step %} - - {% endif %} - - + + - {% if step %} - - - - - {% endif %} - {% endblock %} diff --git a/templates/web/prod/upload/upload-flash.html.twig b/templates/web/prod/upload/upload-flash.html.twig index 6cc536892e..ce529e5121 100644 --- a/templates/web/prod/upload/upload-flash.html.twig +++ b/templates/web/prod/upload/upload-flash.html.twig @@ -126,7 +126,7 @@ {% include "prod/templates/upload.html.twig" %} - + - + + - - - - + + + + + + + + + + diff --git a/templates/web/thesaurus/properties.html.twig b/templates/web/thesaurus/properties.html.twig index c9023b91cd..36ecb4fb29 100644 --- a/templates/web/thesaurus/properties.html.twig +++ b/templates/web/thesaurus/properties.html.twig @@ -8,7 +8,7 @@ {{ 'thesaurus:: Proprietes' | trans }} - + - + - + - - - + + + +