diff --git a/lib/Alchemy/Phrasea/Controller/Prod/RootController.php b/lib/Alchemy/Phrasea/Controller/Prod/RootController.php index bed1941d1f..ab69ef86b4 100644 --- a/lib/Alchemy/Phrasea/Controller/Prod/RootController.php +++ b/lib/Alchemy/Phrasea/Controller/Prod/RootController.php @@ -45,7 +45,7 @@ class RootController extends Controller return $this->app->redirectPath('logout'); } - $cssPath = $this->app['root.path'] . '/www/assets/prod/'; + $cssPath = $this->app['root.path'] . '/www/assets/prod/skins'; $css = []; diff --git a/lib/classes/eventsmanager/notify/orderdeliver.php b/lib/classes/eventsmanager/notify/orderdeliver.php index 4802294da5..cb34d18cd4 100644 --- a/lib/classes/eventsmanager/notify/orderdeliver.php +++ b/lib/classes/eventsmanager/notify/orderdeliver.php @@ -26,7 +26,7 @@ class eventsmanager_notify_orderdeliver extends eventsmanager_notifyAbstract */ public function icon_url() { - return '/skins/prod/000000/images/disktt_history.png'; + return '/assets/common/images/icons/disktt_history.png'; } /** diff --git a/lib/classes/eventsmanager/notify/ordernotdelivered.php b/lib/classes/eventsmanager/notify/ordernotdelivered.php index e36f8ffe48..250d74caef 100644 --- a/lib/classes/eventsmanager/notify/ordernotdelivered.php +++ b/lib/classes/eventsmanager/notify/ordernotdelivered.php @@ -24,7 +24,7 @@ class eventsmanager_notify_ordernotdelivered extends eventsmanager_notifyAbstrac public function icon_url() { - return '/skins/prod/000000/images/disktt_history.png'; + return '/assets/common/images/icons/disktt_history.png'; } public function datas(array $data, $unread) diff --git a/resources/gulp/components/prod.js b/resources/gulp/components/prod.js index 955a2d10ab..a09a9c94f6 100644 --- a/resources/gulp/components/prod.js +++ b/resources/gulp/components/prod.js @@ -23,22 +23,35 @@ gulp.task('build-permaview', function(){ return utils.buildJsGroup(permaviewGroup, 'permaview', 'permaview/js'); }); +gulp.task('copy-prod-skin-black-images', function(){ + return gulp.src([ + config.paths.src + 'prod/skins/000000/images/**/*' + ]) + .pipe(gulp.dest( config.paths.build + 'prod/skins/000000/images')); +}); + +gulp.task('copy-prod-skin-grey-images', function(){ + return gulp.src([ + config.paths.src + 'prod/skins/959595/images/**/*' + ]) + .pipe(gulp.dest( config.paths.build + 'prod/skins/959595/images')); +}); gulp.task('copy-prod-images', function(){ return gulp.src([config.paths.src + 'prod/images/**/*']) .pipe(gulp.dest( config.paths.build + 'prod/images')); }); -gulp.task('build-prod-skin-black', function(){ +gulp.task('build-prod-skin-black', ['copy-prod-skin-black-images'], function(){ return utils.buildCssGroup([ - config.paths.src + 'prod/styles/skin-000000.scss' - ], 'skin-000000', 'prod/css/'); + config.paths.src + 'prod/skins/000000/skin-000000.scss' + ], 'skin-000000', 'prod/skins/000000/'); }); -gulp.task('build-prod-skin-grey', function(){ +gulp.task('build-prod-skin-grey', ['copy-prod-skin-grey-images'], function(){ return utils.buildCssGroup([ - config.paths.src + 'prod/styles/skin-959595.scss' - ], 'skin-959595', 'prod/css/'); + config.paths.src + 'prod/skins/959595/skin-959595.scss' + ], 'skin-959595', 'prod/skins/959595/'); }); gulp.task('build-prod-css', ['build-prod-skin-black', 'build-prod-skin-grey'], function(){ diff --git a/resources/www/shared/styles/skin/geonames.scss b/resources/www/_shared/styles/_geonames.scss similarity index 95% rename from resources/www/shared/styles/skin/geonames.scss rename to resources/www/_shared/styles/_geonames.scss index a98fba3f41..52cef1b666 100644 --- a/resources/www/shared/styles/skin/geonames.scss +++ b/resources/www/_shared/styles/_geonames.scss @@ -1,3 +1,4 @@ +@import 'variables'; .geocompleter-menu { max-height: 180px; overflow-y: auto; diff --git a/resources/www/_shared/styles/_main-menu.scss b/resources/www/_shared/styles/_main-menu.scss new file mode 100644 index 0000000000..ca1af706cb --- /dev/null +++ b/resources/www/_shared/styles/_main-menu.scss @@ -0,0 +1,74 @@ +@import 'variables'; + +#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; +} \ No newline at end of file diff --git a/resources/www/_shared/styles/_notification.scss b/resources/www/_shared/styles/_notification.scss new file mode 100644 index 0000000000..1431c64b7e --- /dev/null +++ b/resources/www/_shared/styles/_notification.scss @@ -0,0 +1,104 @@ +@import 'variables'; + +#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; +} \ No newline at end of file diff --git a/resources/www/_shared/styles/_variables.scss b/resources/www/_shared/styles/_variables.scss new file mode 100644 index 0000000000..1f6fbb095d --- /dev/null +++ b/resources/www/_shared/styles/_variables.scss @@ -0,0 +1,2 @@ +$fontAwesomePath: '/assets/common/font' !default; // dist path +$iconsPath: '/assets/common/images/icons/' !default; \ No newline at end of file diff --git a/resources/www/_shared/styles/main.scss b/resources/www/_shared/styles/main.scss new file mode 100644 index 0000000000..ff9dc36bf8 --- /dev/null +++ b/resources/www/_shared/styles/main.scss @@ -0,0 +1,74 @@ +@import 'variables'; + +/** skin/common/main.css */ +body{ + margin:0; + padding:0; + font-family:Helvetica,Arial,sans-serif; + font-size:12px; + overflow:hidden; +} + + +img{ + border:none; +} + +#MODALDL{ + z-index:1200; +} + +#tooltip{ + color:black; + position:absolute; + z-index:32000; + overflow:hidden; +} + +#tooltip hr{ + margin: 8px 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; +} + +@import 'geonames'; +@import "notification"; +@import "main-menu"; \ No newline at end of file diff --git a/resources/www/account/styles/main.scss b/resources/www/account/styles/main.scss index f89e76ecac..7c0c913be4 100644 --- a/resources/www/account/styles/main.scss +++ b/resources/www/account/styles/main.scss @@ -1,11 +1,9 @@ -$fontAwesomePath: "../../common/font"; // dist path -$iconsPath: '../../../assets/common/images/icons/'; @import '../../../../www/bower_components/normalize-css/normalize'; // not extension for inline import @import '../../vendors/bootstrap/bootstrap'; +@import '../../_shared/styles/variables'; // @TODO enable importation of: @import "../../../../plugins/login.less"; @import 'variables'; @import 'skin'; -@import '../../shared/styles/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/resources/www/admin/styles/main.scss b/resources/www/admin/styles/main.scss index 0a241cb87a..0edb76d346 100644 --- a/resources/www/admin/styles/main.scss +++ b/resources/www/admin/styles/main.scss @@ -1,11 +1,9 @@ -$skinsPath: '../../../skins/'; -$iconsPath: '../../../assets/common/images/icons/'; +@import '../../_shared/styles/variables'; @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 '../../vendors/jquery-contextmenu/styles/jquery.contextmenu'; -@import '../../shared/styles/skin/main'; -@import '../../shared/styles/skin/geonames'; +@import '../../_shared/styles/main'; /******* GLOBAL CSS for ADMIN *************************************************/ body { diff --git a/resources/www/common/styles/main.scss b/resources/www/common/styles/main.scss index 3fa965f14d..b43cf41615 100644 --- a/resources/www/common/styles/main.scss +++ b/resources/www/common/styles/main.scss @@ -3,12 +3,7 @@ */ @import '../../vendors/bootstrap/bootstrap'; @import '../../vendors/bootstrap/responsive'; -$fontAwesomePath: "../font"; // dist path -$iconsPath: '../../../assets/common/images/icons/'; +@import '../../_shared/styles/variables'; @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/styles/skin/main'; -@import '../../shared/styles/skin/geonames'; \ No newline at end of file +@import '../../_shared/styles/main'; \ No newline at end of file diff --git a/resources/www/lightbox/styles/main-ie6.scss b/resources/www/lightbox/styles/main-ie6.scss index 838735d774..712e4cd28c 100644 --- a/resources/www/lightbox/styles/main-ie6.scss +++ b/resources/www/lightbox/styles/main-ie6.scss @@ -1,4 +1,4 @@ -$iconsPath: '../../../assets/common/images/icons/'; +@import '../../_shared/styles/variables'; $lightboxPath: '../images/'; @import '../../vendors/jquery-contextmenu/styles/jquery.contextmenu'; diff --git a/resources/www/lightbox/styles/main.scss b/resources/www/lightbox/styles/main.scss index b6167b9601..dd082f8f97 100644 --- a/resources/www/lightbox/styles/main.scss +++ b/resources/www/lightbox/styles/main.scss @@ -1,4 +1,4 @@ -$iconsPath: '../../../assets/common/images/icons/'; +@import '../../_shared/styles/variables'; $lightboxPath: '../images/'; @import '../../vendors/jquery-contextmenu/styles/jquery.contextmenu'; diff --git a/resources/www/prod/images/000000/images/chgcoll_history.png b/resources/www/prod/images/000000/images/chgcoll_history.png deleted file mode 100644 index a8cb9028fd..0000000000 Binary files a/resources/www/prod/images/000000/images/chgcoll_history.png and /dev/null differ diff --git a/resources/www/prod/images/000000/images/chgstatus_history.png b/resources/www/prod/images/000000/images/chgstatus_history.png deleted file mode 100644 index 2d177bf2e1..0000000000 Binary files a/resources/www/prod/images/000000/images/chgstatus_history.png and /dev/null differ diff --git a/resources/www/prod/images/000000/images/disktt_history.png b/resources/www/prod/images/000000/images/disktt_history.png deleted file mode 100644 index 849c5acdc2..0000000000 Binary files a/resources/www/prod/images/000000/images/disktt_history.png and /dev/null differ diff --git a/resources/www/prod/images/000000/images/imgtools_history.png b/resources/www/prod/images/000000/images/imgtools_history.png deleted file mode 100644 index d8778ff91a..0000000000 Binary files a/resources/www/prod/images/000000/images/imgtools_history.png and /dev/null differ diff --git a/resources/www/prod/images/000000/images/ppen_history.png b/resources/www/prod/images/000000/images/ppen_history.png deleted file mode 100644 index 1fd93e2dd5..0000000000 Binary files a/resources/www/prod/images/000000/images/ppen_history.png and /dev/null differ diff --git a/resources/www/prod/images/000000/images/print_history.png b/resources/www/prod/images/000000/images/print_history.png deleted file mode 100644 index c4e4090c41..0000000000 Binary files a/resources/www/prod/images/000000/images/print_history.png and /dev/null differ diff --git a/resources/www/prod/images/000000/images/push16.png b/resources/www/prod/images/000000/images/push16.png deleted file mode 100644 index 2c762724c7..0000000000 Binary files a/resources/www/prod/images/000000/images/push16.png and /dev/null differ diff --git a/resources/www/prod/images/000000/images/rss16.png b/resources/www/prod/images/000000/images/rss16.png deleted file mode 100644 index b68e870613..0000000000 Binary files a/resources/www/prod/images/000000/images/rss16.png and /dev/null differ diff --git a/resources/www/prod/images/959595/images/bask_back.png b/resources/www/prod/images/959595/images/bask_back.png deleted file mode 100644 index 710e041609..0000000000 Binary files a/resources/www/prod/images/959595/images/bask_back.png and /dev/null differ diff --git a/resources/www/prod/images/959595/images/chgcoll_history.gif b/resources/www/prod/images/959595/images/chgcoll_history.gif deleted file mode 100644 index e8405d768b..0000000000 Binary files a/resources/www/prod/images/959595/images/chgcoll_history.gif and /dev/null differ diff --git a/resources/www/prod/images/959595/images/chgstatus_history.gif b/resources/www/prod/images/959595/images/chgstatus_history.gif deleted file mode 100644 index 59ac45df27..0000000000 Binary files a/resources/www/prod/images/959595/images/chgstatus_history.gif and /dev/null differ diff --git a/resources/www/prod/images/959595/images/disktt_history.gif b/resources/www/prod/images/959595/images/disktt_history.gif deleted file mode 100644 index 8d12bad652..0000000000 Binary files a/resources/www/prod/images/959595/images/disktt_history.gif and /dev/null differ diff --git a/resources/www/prod/images/959595/images/imgtools_history.gif b/resources/www/prod/images/959595/images/imgtools_history.gif deleted file mode 100644 index 5f735ec4d4..0000000000 Binary files a/resources/www/prod/images/959595/images/imgtools_history.gif and /dev/null differ diff --git a/resources/www/prod/images/959595/images/ppen_history.gif b/resources/www/prod/images/959595/images/ppen_history.gif deleted file mode 100644 index fc76f73916..0000000000 Binary files a/resources/www/prod/images/959595/images/ppen_history.gif and /dev/null differ diff --git a/resources/www/prod/images/959595/images/print_history.gif b/resources/www/prod/images/959595/images/print_history.gif deleted file mode 100644 index fc88725bf2..0000000000 Binary files a/resources/www/prod/images/959595/images/print_history.gif and /dev/null differ diff --git a/resources/www/prod/images/000000/images/ccoch0.gif b/resources/www/prod/skins/000000/images/ccoch0.gif similarity index 100% rename from resources/www/prod/images/000000/images/ccoch0.gif rename to resources/www/prod/skins/000000/images/ccoch0.gif diff --git a/resources/www/prod/images/000000/images/ccoch1.gif b/resources/www/prod/skins/000000/images/ccoch1.gif similarity index 100% rename from resources/www/prod/images/000000/images/ccoch1.gif rename to resources/www/prod/skins/000000/images/ccoch1.gif diff --git a/resources/www/prod/images/000000/images/ccoch2.gif b/resources/www/prod/skins/000000/images/ccoch2.gif similarity index 100% rename from resources/www/prod/images/000000/images/ccoch2.gif rename to resources/www/prod/skins/000000/images/ccoch2.gif diff --git a/resources/www/prod/images/000000/images/chgcoll_0.gif b/resources/www/prod/skins/000000/images/chgcoll_0.gif similarity index 100% rename from resources/www/prod/images/000000/images/chgcoll_0.gif rename to resources/www/prod/skins/000000/images/chgcoll_0.gif diff --git a/resources/www/prod/images/000000/images/chgcoll_1.gif b/resources/www/prod/skins/000000/images/chgcoll_1.gif similarity index 100% rename from resources/www/prod/images/000000/images/chgcoll_1.gif rename to resources/www/prod/skins/000000/images/chgcoll_1.gif diff --git a/resources/www/prod/images/000000/images/chgstatus_0.gif b/resources/www/prod/skins/000000/images/chgstatus_0.gif similarity index 100% rename from resources/www/prod/images/000000/images/chgstatus_0.gif rename to resources/www/prod/skins/000000/images/chgstatus_0.gif diff --git a/resources/www/prod/images/000000/images/chgstatus_1.gif b/resources/www/prod/skins/000000/images/chgstatus_1.gif similarity index 100% rename from resources/www/prod/images/000000/images/chgstatus_1.gif rename to resources/www/prod/skins/000000/images/chgstatus_1.gif diff --git a/resources/www/prod/images/000000/images/chu.gif b/resources/www/prod/skins/000000/images/chu.gif similarity index 100% rename from resources/www/prod/images/000000/images/chu.gif rename to resources/www/prod/skins/000000/images/chu.gif diff --git a/resources/www/prod/images/000000/images/closer.gif b/resources/www/prod/skins/000000/images/closer.gif similarity index 100% rename from resources/www/prod/images/000000/images/closer.gif rename to resources/www/prod/skins/000000/images/closer.gif diff --git a/resources/www/prod/images/000000/images/delete.png b/resources/www/prod/skins/000000/images/delete.png similarity index 100% rename from resources/www/prod/images/000000/images/delete.png rename to resources/www/prod/skins/000000/images/delete.png diff --git a/resources/www/prod/images/000000/images/disktt_0.gif b/resources/www/prod/skins/000000/images/disktt_0.gif similarity index 100% rename from resources/www/prod/images/000000/images/disktt_0.gif rename to resources/www/prod/skins/000000/images/disktt_0.gif diff --git a/resources/www/prod/images/000000/images/disktt_1.gif b/resources/www/prod/skins/000000/images/disktt_1.gif similarity index 100% rename from resources/www/prod/images/000000/images/disktt_1.gif rename to resources/www/prod/skins/000000/images/disktt_1.gif diff --git a/resources/www/prod/images/000000/images/grip.gif b/resources/www/prod/skins/000000/images/grip.gif similarity index 100% rename from resources/www/prod/images/000000/images/grip.gif rename to resources/www/prod/skins/000000/images/grip.gif diff --git a/resources/www/prod/images/000000/images/imgtools_0.gif b/resources/www/prod/skins/000000/images/imgtools_0.gif similarity index 100% rename from resources/www/prod/images/000000/images/imgtools_0.gif rename to resources/www/prod/skins/000000/images/imgtools_0.gif diff --git a/resources/www/prod/images/000000/images/imgtools_1.gif b/resources/www/prod/skins/000000/images/imgtools_1.gif similarity index 100% rename from resources/www/prod/images/000000/images/imgtools_1.gif rename to resources/www/prod/skins/000000/images/imgtools_1.gif diff --git a/resources/www/prod/images/000000/images/ppen_0.gif b/resources/www/prod/skins/000000/images/ppen_0.gif similarity index 100% rename from resources/www/prod/images/000000/images/ppen_0.gif rename to resources/www/prod/skins/000000/images/ppen_0.gif diff --git a/resources/www/prod/images/000000/images/ppen_1.gif b/resources/www/prod/skins/000000/images/ppen_1.gif similarity index 100% rename from resources/www/prod/images/000000/images/ppen_1.gif rename to resources/www/prod/skins/000000/images/ppen_1.gif diff --git a/resources/www/prod/images/000000/images/print_0.gif b/resources/www/prod/skins/000000/images/print_0.gif similarity index 100% rename from resources/www/prod/images/000000/images/print_0.gif rename to resources/www/prod/skins/000000/images/print_0.gif diff --git a/resources/www/prod/images/000000/images/print_1.gif b/resources/www/prod/skins/000000/images/print_1.gif similarity index 100% rename from resources/www/prod/images/000000/images/print_1.gif rename to resources/www/prod/skins/000000/images/print_1.gif diff --git a/resources/www/prod/images/000000/images/pubchut.gif b/resources/www/prod/skins/000000/images/pubchut.gif similarity index 100% rename from resources/www/prod/images/000000/images/pubchut.gif rename to resources/www/prod/skins/000000/images/pubchut.gif diff --git a/resources/www/prod/images/000000/images/pubchutmine.gif b/resources/www/prod/skins/000000/images/pubchutmine.gif similarity index 100% rename from resources/www/prod/images/000000/images/pubchutmine.gif rename to resources/www/prod/skins/000000/images/pubchutmine.gif diff --git a/resources/www/prod/images/000000/images/pushdoc_0.gif b/resources/www/prod/skins/000000/images/pushdoc_0.gif similarity index 100% rename from resources/www/prod/images/000000/images/pushdoc_0.gif rename to resources/www/prod/skins/000000/images/pushdoc_0.gif diff --git a/resources/www/prod/images/000000/images/pushdoc_1.gif b/resources/www/prod/skins/000000/images/pushdoc_1.gif similarity index 100% rename from resources/www/prod/images/000000/images/pushdoc_1.gif rename to resources/www/prod/skins/000000/images/pushdoc_1.gif diff --git a/resources/www/prod/images/000000/images/reducer.gif b/resources/www/prod/skins/000000/images/reducer.gif similarity index 100% rename from resources/www/prod/images/000000/images/reducer.gif rename to resources/www/prod/skins/000000/images/reducer.gif diff --git a/resources/www/prod/images/000000/images/regroup.gif b/resources/www/prod/skins/000000/images/regroup.gif similarity index 100% rename from resources/www/prod/images/000000/images/regroup.gif rename to resources/www/prod/skins/000000/images/regroup.gif diff --git a/resources/www/prod/images/000000/images/resizer.gif b/resources/www/prod/skins/000000/images/resizer.gif similarity index 100% rename from resources/www/prod/images/000000/images/resizer.gif rename to resources/www/prod/skins/000000/images/resizer.gif diff --git a/resources/www/prod/images/000000/images/suggested.gif b/resources/www/prod/skins/000000/images/suggested.gif similarity index 100% rename from resources/www/prod/images/000000/images/suggested.gif rename to resources/www/prod/skins/000000/images/suggested.gif diff --git a/resources/www/prod/images/000000/images/titrwin.gif b/resources/www/prod/skins/000000/images/titrwin.gif similarity index 100% rename from resources/www/prod/images/000000/images/titrwin.gif rename to resources/www/prod/skins/000000/images/titrwin.gif diff --git a/resources/www/prod/images/000000/images/trash_0.gif b/resources/www/prod/skins/000000/images/trash_0.gif similarity index 100% rename from resources/www/prod/images/000000/images/trash_0.gif rename to resources/www/prod/skins/000000/images/trash_0.gif diff --git a/resources/www/prod/images/000000/images/trash_1.gif b/resources/www/prod/skins/000000/images/trash_1.gif similarity index 100% rename from resources/www/prod/images/000000/images/trash_1.gif rename to resources/www/prod/skins/000000/images/trash_1.gif diff --git a/resources/www/prod/images/000000/images/ui-bg_dots-medium_30_0077BC_4x4.png b/resources/www/prod/skins/000000/images/ui-bg_dots-medium_30_0077BC_4x4.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-bg_dots-medium_30_0077BC_4x4.png rename to resources/www/prod/skins/000000/images/ui-bg_dots-medium_30_0077BC_4x4.png diff --git a/resources/www/prod/images/000000/images/ui-bg_dots-small_20_333333_2x2.png b/resources/www/prod/skins/000000/images/ui-bg_dots-small_20_333333_2x2.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-bg_dots-small_20_333333_2x2.png rename to resources/www/prod/skins/000000/images/ui-bg_dots-small_20_333333_2x2.png diff --git a/resources/www/prod/images/000000/images/ui-bg_dots-small_30_a32d00_2x2.png b/resources/www/prod/skins/000000/images/ui-bg_dots-small_30_a32d00_2x2.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-bg_dots-small_30_a32d00_2x2.png rename to resources/www/prod/skins/000000/images/ui-bg_dots-small_30_a32d00_2x2.png diff --git a/resources/www/prod/images/000000/images/ui-bg_flat_0_aaaaaa_40x100.png b/resources/www/prod/skins/000000/images/ui-bg_flat_0_aaaaaa_40x100.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-bg_flat_0_aaaaaa_40x100.png rename to resources/www/prod/skins/000000/images/ui-bg_flat_0_aaaaaa_40x100.png diff --git a/resources/www/prod/images/000000/images/ui-bg_flat_40_292929_40x100.png b/resources/www/prod/skins/000000/images/ui-bg_flat_40_292929_40x100.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-bg_flat_40_292929_40x100.png rename to resources/www/prod/skins/000000/images/ui-bg_flat_40_292929_40x100.png diff --git a/resources/www/prod/images/000000/images/ui-bg_gloss-wave_20_111111_500x100.png b/resources/www/prod/skins/000000/images/ui-bg_gloss-wave_20_111111_500x100.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-bg_gloss-wave_20_111111_500x100.png rename to resources/www/prod/skins/000000/images/ui-bg_gloss-wave_20_111111_500x100.png diff --git a/resources/www/prod/images/000000/images/ui-bg_highlight-hard_15_0077BC_1x100.png b/resources/www/prod/skins/000000/images/ui-bg_highlight-hard_15_0077BC_1x100.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-bg_highlight-hard_15_0077BC_1x100.png rename to resources/www/prod/skins/000000/images/ui-bg_highlight-hard_15_0077BC_1x100.png diff --git a/resources/www/prod/images/000000/images/ui-bg_highlight-hard_40_0077BC_1x100.png b/resources/www/prod/skins/000000/images/ui-bg_highlight-hard_40_0077BC_1x100.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-bg_highlight-hard_40_0077BC_1x100.png rename to resources/www/prod/skins/000000/images/ui-bg_highlight-hard_40_0077BC_1x100.png diff --git a/resources/www/prod/images/000000/images/ui-icons_0077BC_256x240.png b/resources/www/prod/skins/000000/images/ui-icons_0077BC_256x240.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-icons_0077BC_256x240.png rename to resources/www/prod/skins/000000/images/ui-icons_0077BC_256x240.png diff --git a/resources/www/prod/images/000000/images/ui-icons_98d2fb_256x240.png b/resources/www/prod/skins/000000/images/ui-icons_98d2fb_256x240.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-icons_98d2fb_256x240.png rename to resources/www/prod/skins/000000/images/ui-icons_98d2fb_256x240.png diff --git a/resources/www/prod/images/000000/images/ui-icons_9ccdfc_256x240.png b/resources/www/prod/skins/000000/images/ui-icons_9ccdfc_256x240.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-icons_9ccdfc_256x240.png rename to resources/www/prod/skins/000000/images/ui-icons_9ccdfc_256x240.png diff --git a/resources/www/prod/images/000000/images/ui-icons_ffffff_256x240.png b/resources/www/prod/skins/000000/images/ui-icons_ffffff_256x240.png similarity index 100% rename from resources/www/prod/images/000000/images/ui-icons_ffffff_256x240.png rename to resources/www/prod/skins/000000/images/ui-icons_ffffff_256x240.png diff --git a/resources/www/prod/images/000000/images/vsplitter.gif b/resources/www/prod/skins/000000/images/vsplitter.gif similarity index 100% rename from resources/www/prod/images/000000/images/vsplitter.gif rename to resources/www/prod/skins/000000/images/vsplitter.gif diff --git a/resources/www/prod/images/000000/images/ww_title.gif b/resources/www/prod/skins/000000/images/ww_title.gif similarity index 100% rename from resources/www/prod/images/000000/images/ww_title.gif rename to resources/www/prod/skins/000000/images/ww_title.gif diff --git a/resources/www/prod/styles/skin-000000.scss b/resources/www/prod/skins/000000/skin-000000.scss similarity index 51% rename from resources/www/prod/styles/skin-000000.scss rename to resources/www/prod/skins/000000/skin-000000.scss index 2de3616c84..052ddfe338 100644 --- a/resources/www/prod/styles/skin-000000.scss +++ b/resources/www/prod/skins/000000/skin-000000.scss @@ -1,197 +1,53 @@ -$imagesPath: ''; +$skinsImagesPath: ''; $col1: #3b3b3b; $col2: #1a1a1a; -$imagesPath: '../../../skins/prod/000000/images/'; -$skinsImagesPath: '../../../assets/vendors/jquery-ui/images/dark-hive/'; -$iconsPath: '../../../assets/common/images/icons/'; +$skinsImagesPath: '/assets/vendors/jquery-ui/images/dark-hive/'; + +$backgroudPrimaryColor: #1A1A1A; +$backgroudSecondaryColor: #404040; +$backgroundAltPrimaryColor: #1a1a1a; +$textPrimaryColor: #FFFFFF; +$textSecondaryColor: #999999; /******* GLOBAL PROD **********************************************************/ +$scrollBgColor: #3b3b3b; -::-webkit-scrollbar-track -{ - border-radius: 0; - background-color: #080808; -} +$paginateBorderColor: #3b3b3b; +$paginateBorder2Color: #076882; +$paginateTextColor: #FFFFFF; +$paginateBg1: #141414; +$paginateBg2: #076882; -::-webkit-scrollbar { - width: 6px; - border-radius: 0; -} +$uploadBg1: #FFFFFF; +$uploadBg2: #FFFFFF; +$uploadLoaderImg: 'loaderFFF.gif'; -::-webkit-scrollbar-thumb { - border-radius: 0; - width: 3px; - background-color: $col1; -} +$publishDialogBg: #000000; +$publishDialogBg2: #414141; +$publishDialogBg3: #404040; +$publishDialogBg4: #111111; -::-webkit-scrollbar-button { - width: 0; - height: 0; - display: none; -} -::-webkit-scrollbar-corner { - background-color: transparent; -} +$thesaurusBorder1: #303030; +$thesaurusBg1: #ededed; -html { - border: medium none; - height: 100%; - margin: 0; - padding: 0; - z-index: 1; -} +$thesaurusBorder2: #404040; +$thesaurusBg2: #404040; -html, body { - font-size: 12px; - z-index: 1; -} +$basketsBorder: #b1b1b1; +$basketsBorder2: #515151; +$basketsTextColor: #AAAAAA; +$basketsBg1: #212121; -#desktop { - min-width: 1100px; -} +$guiSplitterImg: 'vsplitter2.png'; -*::-moz-selection, *::selection{ - background: #FFFFFF; - color: black; -} -input::selection, textarea::selection, -input::-moz-selection, textarea::-moz-selection { - background: #404040; - color: #FFFFFF; -} +@import '../skin-shared'; -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'); @@ -199,53 +55,6 @@ span.ww_winTitle { 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('#{$iconsPath}workzoneEscamote.png') 30px 36px no-repeat; -} - -#idFrameC.closed #retractableButton { - background: url('#{$iconsPath}workzoneEscamote_on.png') 30px 30px no-repeat; -} #idFrameC .wrapper { background-color: $col1; @@ -254,7 +63,7 @@ span.ww_winTitle { } .ui-tabs { - background-color: tranparent; + background-color: transparent; padding: 0; border-style: none; } @@ -291,7 +100,7 @@ span.ww_winTitle { } .ui-tabs .ui-tabs-nav li.ui-tabs-active { - background-color: #404040; + background-color: $backgroudSecondaryColor; border: none; } @@ -339,63 +148,6 @@ span.ww_winTitle { 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('#{$iconsPath}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('#{$iconsPath}icon_clear_search.png') 50% no-repeat; - border: none; - outline: none; - box-shadow: none; - -webkit-appearance: none; -} .treeview li { background-image: none; @@ -436,7 +188,7 @@ span.ww_winTitle { } .treeview ul li .hitarea { - background: url('#{$iconsPath}/icon_tree.png') 0 0 no-repeat; + background: url('#{$iconsPath}icon_tree.png') 0 0 no-repeat; position: relative; height: 9px; width: 9px; @@ -444,7 +196,7 @@ span.ww_winTitle { } .treeview ul li:hover { - color: #FFFFFF; + color: $textPrimaryColor; } .treeview ul li span.h { @@ -661,7 +413,6 @@ span.ww_winTitle { .ui-accordion .ui-accordion-header { border: none; - /*background-image: url('#{$iconsPath}bask_back.png');*/ background-repeat: repeat-x; margin-bottom: 0; height: 44px; @@ -691,83 +442,8 @@ span.ww_winTitle { 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 **********************************************/ @@ -994,12 +670,12 @@ div.diapo { background-color: black; border: 2px solid #444; padding: 0px; - color: #FFFFFF; + color: $textPrimaryColor; border-radius: 4px; } .popover-inner .popover-title { - background-color: #404040; + background-color: $backgroudSecondaryColor; border-radius: 0; } @@ -1072,18 +748,6 @@ div.diapo { #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; @@ -1233,7 +897,15 @@ div.diapo { border: 3px solid #a00; } -#idFrameC .ui-tabs,#idFrameE .ui-tabs { +#idFrameC .ui-tabs { + position: absolute; + top: 0px; + left: 0px; + bottom: 0px; + right: 0; +} + +#idFrameE .ui-tabs { position: absolute; top: 0px; left: 10px; @@ -1263,7 +935,7 @@ div.diapo { .CHIM.diapo { width: 100px; - overflow: hiden; + overflow: hidden; } .CHIM.diapo .title, .CHIM.diapo .status { @@ -1290,7 +962,7 @@ div.diapo { .CHIM.diapo .bottom span,.CHIM.diapo .bottom img { cursor: pointer; vertical-align: middle; - color: #FFFFFF; + color: $textPrimaryColor; font-size: 10px; } @@ -1367,191 +1039,6 @@ div.diapo { 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 { @@ -1625,137 +1112,6 @@ only screen and (min-resolution: 120dpi) } -/******* 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; @@ -1829,21 +1185,21 @@ only screen and (min-resolution: 120dpi) float: left; width: 16px; height: 16px; - background-image: url('#{$imagesPath}pubchut.gif'); + background-image: url('#{$skinsImagesPath}pubchut.gif'); background-repeat: no-repeat; } .pubchutmine { - background-image: url('#{$imagesPath}pubchutmine.gif'); + background-image: url('#{$skinsImagesPath}pubchutmine.gif'); } .baskIndicator { - background-image: url('#{$imagesPath}chu.gif'); + background-image: url('#{$skinsImagesPath}chu.gif'); background-position: middle left; } .regIndicator { - background-image: url('#{$imagesPath}regroup.gif'); + background-image: url('#{$skinsImagesPath}regroup.gif'); background-position: middle left; } @@ -1863,8 +1219,6 @@ input, select, textarea { margin: 2px; padding: 2px; *border: 1px solid #b1b1b1; - /*background: #FFFFFF; - resize: none;*/ font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; } @@ -1966,105 +1320,6 @@ input.btn-mini { 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 **************************************************************/ @@ -2113,207 +1368,8 @@ DIV.onglets SPAN.actif { 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 *******************************************************/ @@ -2338,8 +1394,8 @@ H4 { } .bodyprofile .ui-widget-content { + background-color: $backgroudSecondaryColor; color: #404040; - background-color: #404040; } .overlay, .ui-widget-overlay { @@ -2392,7 +1448,7 @@ H4 { #adv_search .sbasglob .sbas_list.selected, .adv_options .sbasglob .sbas_list.selected { border: 2px solid #404040; - background-color: #404040; + background-color: $backgroudSecondaryColor; } .sbasglob .btn-toolbar, @@ -2419,7 +1475,7 @@ H4 { } .sbaslist { - background-color: #404040; + background-color: $backgroudSecondaryColor; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; @@ -2458,7 +1514,7 @@ H4 { /******* EXPORT ***************************************************************/ #printBox { - background-color: #404040; + background-color: $backgroudSecondaryColor; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; @@ -2520,114 +1576,6 @@ H4 { 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 -} @@ -2646,104 +1594,7 @@ a:hover { 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 **************************************************************/ @@ -2757,7 +1608,7 @@ DIV.thesaurus U.w { } #EDIT_TOP { - background-color: #404040; + background-color: $backgroudSecondaryColor; position: absolute; top: 0; left: 0; @@ -2827,7 +1678,7 @@ DIV.thesaurus U.w { } #EDIT_MID_L { - background-color: #404040; + background-color: $backgroudSecondaryColor; width: 700px; left: 0; -webkit-border-radius: 6px; @@ -2841,12 +1692,12 @@ DIV.thesaurus U.w { } #EDIT_MID_R .ui-tabs-panel { - background-color: #404040; + background-color: $backgroudSecondaryColor; } #EDIT_MID_R li.ui-tabs-active, #EDIT_MID_R li.ui-state-active { - background-color: #404040; + background-color: $backgroudSecondaryColor; } #divS_wrapper { @@ -3103,7 +1954,7 @@ DIV.thesaurus U.w { width: 550px; height: 250px; overflow: auto; - color: #999999; + color: $textSecondaryColor; } #TH_Oreplace .btn, @@ -3196,6 +2047,7 @@ DIV.thesaurus U.w { padding-left: 3px; padding-right: 6px; } + #idFrameE .EDIT_presets_list LI { margin: 0px; } @@ -3287,249 +2139,7 @@ DIV.thesaurus U.w { 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 @@ -3640,106 +2250,11 @@ dans l'onglet thesaurus : arbres, menus contextuels 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; + background-color: $backgroudSecondaryColor; } .PushBox .grey-bg .btn { @@ -3807,7 +2322,7 @@ dans l'onglet thesaurus : arbres, menus contextuels height: 18px; padding: 5px 0; border: 1px solid #414141; - color: #FFFFFF; + color: $textPrimaryColor; font-size: 13px; cursor: pointer; } @@ -3866,30 +2381,30 @@ dans l'onglet thesaurus : arbres, menus contextuels } #answers .feed .headblock { - max-width:800px; - margin-bottom:20px; + max-width: 800px; + margin-bottom: 20px; } #answers .feed .headblock table { - width:100%; + width: 100%; } #answers .feed .headblock h1 { - font-size:22px; + font-size: 22px; } #answers .feed .headblock h1 img { - margin-right:15px; + margin-right: 15px; } #answers .feed .headblock a.subscribe_rss { - font-size:14px; - margin-left:15px; + font-size: 14px; + margin-left: 15px; } #answers .feed .entry { - margin:0 0 30px; - padding:10px; + margin: 0 0 30px; + padding: 10px; border: 3px solid #212121; background-color: #666666; float: left; @@ -3929,7 +2444,7 @@ dans l'onglet thesaurus : arbres, menus contextuels clear: left; } -#answers .feed .see_more{ +#answers .feed .see_more { height: 60px; text-align: center; font-weight: bold; @@ -3984,56 +2499,7 @@ dans l'onglet thesaurus : arbres, menus contextuels 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; @@ -4094,780 +2560,6 @@ dans l'onglet thesaurus : arbres, menus contextuels 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('#{$iconsPath}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('#{$iconsPath}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('#{$iconsPath}youtube-small.gif'); -} - -#ul_main_pub_tabs li.bridge_Dailymotion { - background-image: url('#{$iconsPath}dailymotion-small.gif'); -} - -#ul_main_pub_tabs li.bridge_Flickr { - background-image: url('#{$iconsPath}flickr-small.gif'); -} - -#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; } @@ -4876,117 +2568,3 @@ ui-dialog-titlebar { 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/images/959595/images/ccoch0.gif b/resources/www/prod/skins/959595/images/ccoch0.gif similarity index 100% rename from resources/www/prod/images/959595/images/ccoch0.gif rename to resources/www/prod/skins/959595/images/ccoch0.gif diff --git a/resources/www/prod/images/959595/images/ccoch1.gif b/resources/www/prod/skins/959595/images/ccoch1.gif similarity index 100% rename from resources/www/prod/images/959595/images/ccoch1.gif rename to resources/www/prod/skins/959595/images/ccoch1.gif diff --git a/resources/www/prod/images/959595/images/ccoch2.gif b/resources/www/prod/skins/959595/images/ccoch2.gif similarity index 100% rename from resources/www/prod/images/959595/images/ccoch2.gif rename to resources/www/prod/skins/959595/images/ccoch2.gif diff --git a/resources/www/prod/images/959595/images/chgcoll_0.gif b/resources/www/prod/skins/959595/images/chgcoll_0.gif similarity index 100% rename from resources/www/prod/images/959595/images/chgcoll_0.gif rename to resources/www/prod/skins/959595/images/chgcoll_0.gif diff --git a/resources/www/prod/images/959595/images/chgcoll_1.gif b/resources/www/prod/skins/959595/images/chgcoll_1.gif similarity index 100% rename from resources/www/prod/images/959595/images/chgcoll_1.gif rename to resources/www/prod/skins/959595/images/chgcoll_1.gif diff --git a/resources/www/prod/images/000000/images/chgcoll_history.gif b/resources/www/prod/skins/959595/images/chgcoll_history.gif similarity index 100% rename from resources/www/prod/images/000000/images/chgcoll_history.gif rename to resources/www/prod/skins/959595/images/chgcoll_history.gif diff --git a/resources/www/prod/images/959595/images/chgstatus_0.gif b/resources/www/prod/skins/959595/images/chgstatus_0.gif similarity index 100% rename from resources/www/prod/images/959595/images/chgstatus_0.gif rename to resources/www/prod/skins/959595/images/chgstatus_0.gif diff --git a/resources/www/prod/images/959595/images/chgstatus_1.gif b/resources/www/prod/skins/959595/images/chgstatus_1.gif similarity index 100% rename from resources/www/prod/images/959595/images/chgstatus_1.gif rename to resources/www/prod/skins/959595/images/chgstatus_1.gif diff --git a/resources/www/prod/images/000000/images/chgstatus_history.gif b/resources/www/prod/skins/959595/images/chgstatus_history.gif similarity index 100% rename from resources/www/prod/images/000000/images/chgstatus_history.gif rename to resources/www/prod/skins/959595/images/chgstatus_history.gif diff --git a/resources/www/prod/images/959595/images/chu.gif b/resources/www/prod/skins/959595/images/chu.gif similarity index 100% rename from resources/www/prod/images/959595/images/chu.gif rename to resources/www/prod/skins/959595/images/chu.gif diff --git a/resources/www/prod/images/959595/images/disktt_0.gif b/resources/www/prod/skins/959595/images/disktt_0.gif similarity index 100% rename from resources/www/prod/images/959595/images/disktt_0.gif rename to resources/www/prod/skins/959595/images/disktt_0.gif diff --git a/resources/www/prod/images/959595/images/disktt_1.gif b/resources/www/prod/skins/959595/images/disktt_1.gif similarity index 100% rename from resources/www/prod/images/959595/images/disktt_1.gif rename to resources/www/prod/skins/959595/images/disktt_1.gif diff --git a/resources/www/prod/images/000000/images/disktt_history.gif b/resources/www/prod/skins/959595/images/disktt_history.gif similarity index 100% rename from resources/www/prod/images/000000/images/disktt_history.gif rename to resources/www/prod/skins/959595/images/disktt_history.gif diff --git a/resources/www/prod/images/959595/images/imgtools_0.gif b/resources/www/prod/skins/959595/images/imgtools_0.gif similarity index 100% rename from resources/www/prod/images/959595/images/imgtools_0.gif rename to resources/www/prod/skins/959595/images/imgtools_0.gif diff --git a/resources/www/prod/images/959595/images/imgtools_1.gif b/resources/www/prod/skins/959595/images/imgtools_1.gif similarity index 100% rename from resources/www/prod/images/959595/images/imgtools_1.gif rename to resources/www/prod/skins/959595/images/imgtools_1.gif diff --git a/resources/www/prod/images/000000/images/imgtools_history.gif b/resources/www/prod/skins/959595/images/imgtools_history.gif similarity index 100% rename from resources/www/prod/images/000000/images/imgtools_history.gif rename to resources/www/prod/skins/959595/images/imgtools_history.gif diff --git a/resources/www/prod/images/959595/images/ppen_0.gif b/resources/www/prod/skins/959595/images/ppen_0.gif similarity index 100% rename from resources/www/prod/images/959595/images/ppen_0.gif rename to resources/www/prod/skins/959595/images/ppen_0.gif diff --git a/resources/www/prod/images/959595/images/ppen_1.gif b/resources/www/prod/skins/959595/images/ppen_1.gif similarity index 100% rename from resources/www/prod/images/959595/images/ppen_1.gif rename to resources/www/prod/skins/959595/images/ppen_1.gif diff --git a/resources/www/prod/images/000000/images/ppen_history.gif b/resources/www/prod/skins/959595/images/ppen_history.gif similarity index 100% rename from resources/www/prod/images/000000/images/ppen_history.gif rename to resources/www/prod/skins/959595/images/ppen_history.gif diff --git a/resources/www/prod/images/959595/images/print_0.gif b/resources/www/prod/skins/959595/images/print_0.gif similarity index 100% rename from resources/www/prod/images/959595/images/print_0.gif rename to resources/www/prod/skins/959595/images/print_0.gif diff --git a/resources/www/prod/images/959595/images/print_1.gif b/resources/www/prod/skins/959595/images/print_1.gif similarity index 100% rename from resources/www/prod/images/959595/images/print_1.gif rename to resources/www/prod/skins/959595/images/print_1.gif diff --git a/resources/www/prod/images/000000/images/print_history.gif b/resources/www/prod/skins/959595/images/print_history.gif similarity index 100% rename from resources/www/prod/images/000000/images/print_history.gif rename to resources/www/prod/skins/959595/images/print_history.gif diff --git a/resources/www/prod/images/959595/images/pubchut.gif b/resources/www/prod/skins/959595/images/pubchut.gif similarity index 100% rename from resources/www/prod/images/959595/images/pubchut.gif rename to resources/www/prod/skins/959595/images/pubchut.gif diff --git a/resources/www/prod/images/959595/images/pubchutmine.gif b/resources/www/prod/skins/959595/images/pubchutmine.gif similarity index 100% rename from resources/www/prod/images/959595/images/pubchutmine.gif rename to resources/www/prod/skins/959595/images/pubchutmine.gif diff --git a/resources/www/prod/images/959595/images/pushdoc_0.gif b/resources/www/prod/skins/959595/images/pushdoc_0.gif similarity index 100% rename from resources/www/prod/images/959595/images/pushdoc_0.gif rename to resources/www/prod/skins/959595/images/pushdoc_0.gif diff --git a/resources/www/prod/images/959595/images/pushdoc_1.gif b/resources/www/prod/skins/959595/images/pushdoc_1.gif similarity index 100% rename from resources/www/prod/images/959595/images/pushdoc_1.gif rename to resources/www/prod/skins/959595/images/pushdoc_1.gif diff --git a/resources/www/prod/images/959595/images/regroup.gif b/resources/www/prod/skins/959595/images/regroup.gif similarity index 100% rename from resources/www/prod/images/959595/images/regroup.gif rename to resources/www/prod/skins/959595/images/regroup.gif diff --git a/resources/www/prod/images/959595/images/suggested.gif b/resources/www/prod/skins/959595/images/suggested.gif similarity index 100% rename from resources/www/prod/images/959595/images/suggested.gif rename to resources/www/prod/skins/959595/images/suggested.gif diff --git a/resources/www/prod/images/959595/images/trash_0.gif b/resources/www/prod/skins/959595/images/trash_0.gif similarity index 100% rename from resources/www/prod/images/959595/images/trash_0.gif rename to resources/www/prod/skins/959595/images/trash_0.gif diff --git a/resources/www/prod/images/959595/images/trash_1.gif b/resources/www/prod/skins/959595/images/trash_1.gif similarity index 100% rename from resources/www/prod/images/959595/images/trash_1.gif rename to resources/www/prod/skins/959595/images/trash_1.gif diff --git a/resources/www/prod/images/959595/images/ui-bg_dots-medium_30_0077BC_4x4.png b/resources/www/prod/skins/959595/images/ui-bg_dots-medium_30_0077BC_4x4.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-bg_dots-medium_30_0077BC_4x4.png rename to resources/www/prod/skins/959595/images/ui-bg_dots-medium_30_0077BC_4x4.png diff --git a/resources/www/prod/images/959595/images/ui-bg_dots-small_20_333333_2x2.png b/resources/www/prod/skins/959595/images/ui-bg_dots-small_20_333333_2x2.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-bg_dots-small_20_333333_2x2.png rename to resources/www/prod/skins/959595/images/ui-bg_dots-small_20_333333_2x2.png diff --git a/resources/www/prod/images/959595/images/ui-bg_dots-small_30_a32d00_2x2.png b/resources/www/prod/skins/959595/images/ui-bg_dots-small_30_a32d00_2x2.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-bg_dots-small_30_a32d00_2x2.png rename to resources/www/prod/skins/959595/images/ui-bg_dots-small_30_a32d00_2x2.png diff --git a/resources/www/prod/images/959595/images/ui-bg_flat_0_aaaaaa_40x100.png b/resources/www/prod/skins/959595/images/ui-bg_flat_0_aaaaaa_40x100.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-bg_flat_0_aaaaaa_40x100.png rename to resources/www/prod/skins/959595/images/ui-bg_flat_0_aaaaaa_40x100.png diff --git a/resources/www/prod/images/959595/images/ui-bg_flat_40_292929_40x100.png b/resources/www/prod/skins/959595/images/ui-bg_flat_40_292929_40x100.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-bg_flat_40_292929_40x100.png rename to resources/www/prod/skins/959595/images/ui-bg_flat_40_292929_40x100.png diff --git a/resources/www/prod/images/959595/images/ui-bg_gloss-wave_20_111111_500x100.png b/resources/www/prod/skins/959595/images/ui-bg_gloss-wave_20_111111_500x100.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-bg_gloss-wave_20_111111_500x100.png rename to resources/www/prod/skins/959595/images/ui-bg_gloss-wave_20_111111_500x100.png diff --git a/resources/www/prod/images/959595/images/ui-bg_highlight-hard_15_0077BC_1x100.png b/resources/www/prod/skins/959595/images/ui-bg_highlight-hard_15_0077BC_1x100.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-bg_highlight-hard_15_0077BC_1x100.png rename to resources/www/prod/skins/959595/images/ui-bg_highlight-hard_15_0077BC_1x100.png diff --git a/resources/www/prod/images/959595/images/ui-bg_highlight-hard_40_0077BC_1x100.png b/resources/www/prod/skins/959595/images/ui-bg_highlight-hard_40_0077BC_1x100.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-bg_highlight-hard_40_0077BC_1x100.png rename to resources/www/prod/skins/959595/images/ui-bg_highlight-hard_40_0077BC_1x100.png diff --git a/resources/www/prod/images/959595/images/ui-icons_0077BC_256x240.png b/resources/www/prod/skins/959595/images/ui-icons_0077BC_256x240.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-icons_0077BC_256x240.png rename to resources/www/prod/skins/959595/images/ui-icons_0077BC_256x240.png diff --git a/resources/www/prod/images/959595/images/ui-icons_98d2fb_256x240.png b/resources/www/prod/skins/959595/images/ui-icons_98d2fb_256x240.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-icons_98d2fb_256x240.png rename to resources/www/prod/skins/959595/images/ui-icons_98d2fb_256x240.png diff --git a/resources/www/prod/images/959595/images/ui-icons_9ccdfc_256x240.png b/resources/www/prod/skins/959595/images/ui-icons_9ccdfc_256x240.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-icons_9ccdfc_256x240.png rename to resources/www/prod/skins/959595/images/ui-icons_9ccdfc_256x240.png diff --git a/resources/www/prod/images/959595/images/ui-icons_ffffff_256x240.png b/resources/www/prod/skins/959595/images/ui-icons_ffffff_256x240.png similarity index 100% rename from resources/www/prod/images/959595/images/ui-icons_ffffff_256x240.png rename to resources/www/prod/skins/959595/images/ui-icons_ffffff_256x240.png diff --git a/resources/www/prod/images/959595/images/vsplitter.gif b/resources/www/prod/skins/959595/images/vsplitter.gif similarity index 100% rename from resources/www/prod/images/959595/images/vsplitter.gif rename to resources/www/prod/skins/959595/images/vsplitter.gif diff --git a/resources/www/prod/images/959595/images/ww_title.gif b/resources/www/prod/skins/959595/images/ww_title.gif similarity index 100% rename from resources/www/prod/images/959595/images/ww_title.gif rename to resources/www/prod/skins/959595/images/ww_title.gif diff --git a/resources/www/prod/styles/skin-959595.scss b/resources/www/prod/skins/959595/skin-959595.scss similarity index 55% rename from resources/www/prod/styles/skin-959595.scss rename to resources/www/prod/skins/959595/skin-959595.scss index 455fd91c2f..23242b28b3 100644 --- a/resources/www/prod/styles/skin-959595.scss +++ b/resources/www/prod/skins/959595/skin-959595.scss @@ -1,195 +1,52 @@ $col1: #B1B1B1; $col2: #D9D9D9; -$skinsImagesPath: '../../../assets/vendors/jquery-ui/images/ui-lightness/'; -$iconsPath: '../../../assets/common/images/icons/'; +$skinsImagesPath: '/assets/vendors/jquery-ui/images/ui-lightness/'; + +$backgroudPrimaryColor: #D9D9D9; +$backgroudSecondaryColor: #D9D9D9; +$backgroundAltPrimaryColor: #1a1a1a; +$textPrimaryColor: #333333; +$textSecondaryColor: #999999; /******* GLOBAL PROD **********************************************************/ +$scrollBgColor: #3b3b3b; -::-webkit-scrollbar-track -{ - border-radius: 0; - background-color: #080808; -} +$paginateBorderColor: #999999; +$paginateBorder2Color: #999999; +$paginateTextColor: #FFFFFF; +$paginateBg1: #D9D9D9; +$paginateBg2: #999; -::-webkit-scrollbar { - width: 6px; - border-radius: 0; -} +$uploadBg1: #FFFFFF; +$uploadBg2: transparent; +$uploadLoaderImg: 'loaderB1B1B1.gif'; -::-webkit-scrollbar-thumb { - border-radius: 0; - width: 3px; - background-color: #3b3b3b; -} +$publishDialogBg: #D9D9D9; +$publishDialogBg2: #B1B1B1; +$publishDialogBg3: #B1B1B1; +$publishDialogBg4: #D9D9D9; -::-webkit-scrollbar-button { - width: 0; - height: 0; - display: none; -} -::-webkit-scrollbar-corner { - background-color: transparent; -} +$thesaurusBorder1: #999; +$thesaurusBg1: #d4d4d4; -html { - border: medium none; - height: 100%; - margin: 0; - padding: 0; - z-index: 1; -} +$thesaurusBorder2: #FFFFFF; +$thesaurusBg2: #FFFFFF; -html, body { - font-size: 12px; - z-index: 1; -} -#desktop { - min-width: 1100px; -} +$basketsBorder: #B1B1B1; +$basketsBorder2: #666666; +$basketsTextColor: #777777; +$basketsBg1: #B1B1B1; -*::-moz-selection, *::selection{ - background: white; - color: #333333; -} +$guiSplitterImg: 'vsplitter2-959595.png'; -input::selection, textarea::selection, -input::-moz-selection, textarea::-moz-selection { - background: #404040; - color: white; -} -label { - color: #FFFFFF; -} +@import '../skin-shared'; -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'); @@ -197,53 +54,6 @@ span.ww_winTitle { 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('#{$iconsPath}workzoneEscamote.png') 30px 36px no-repeat; -} - -#idFrameC.closed #retractableButton { - background: url('#{$iconsPath}workzoneEscamote_on.png') 30px 30px no-repeat; -} #idFrameC .wrapper { background-color: $col1; @@ -251,7 +61,7 @@ span.ww_winTitle { } .ui-tabs { - background-color: tranparent; + background-color: transparent; padding: 0; border-style: none; } @@ -288,7 +98,7 @@ span.ww_winTitle { } .ui-tabs .ui-tabs-nav li.ui-tabs-active { - background-color: $col1; + background-color: $backgroudSecondaryColor; border: none; } @@ -312,7 +122,8 @@ span.ww_winTitle { border-bottom: 3px solid #076882; } -#idFrameC .ui-tabs #thesaurus_tab li { + +#idFrameC .ui-tabs #thesaurus_tab li a { color: #FFFFFF; } @@ -335,61 +146,6 @@ span.ww_winTitle { 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('#{$iconsPath}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('#{$iconsPath}icon_clear_search.png') 50% no-repeat; - border: none; - outline: none; - box-shadow: none; - -webkit-appearance: none; -} .treeview li { background-image: none; @@ -437,7 +193,7 @@ span.ww_winTitle { } .treeview ul li:hover { - color: #FFFFFF; + color: $textPrimaryColor; } .treeview ul li span.h { @@ -566,7 +322,7 @@ span.ww_winTitle { .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; - color: #333333; + color: $textPrimaryColor; } .ui-tabs .ui-tabs-nav li a, @@ -686,83 +442,8 @@ span.ww_winTitle { 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 **********************************************/ @@ -1019,12 +700,12 @@ div.diapo { background-color: #999999; border: 2px solid #444; padding: 0px; - color: #333333; + color: $textPrimaryColor; border-radius: 4px; } .popover-inner .popover-title { - background-color: $col1; + background-color: $backgroudSecondaryColor; border-radius: 0; } @@ -1052,10 +733,10 @@ div.diapo { margin-bottom: 0px; margin-top: 0px; height: 30px; + background-color: $col1; font-size:10px; z-index:100; height:45px; - background: $col1; } #idFrameC .tools { @@ -1244,7 +925,15 @@ div.diapo { border: 3px solid #a00; } -#idFrameC .ui-tabs,#idFrameE .ui-tabs { +#idFrameC .ui-tabs { + position: absolute; + top: 0px; + left: 0px; + bottom: 0px; + right: 0; +} + +#idFrameE .ui-tabs { position: absolute; top: 0px; left: 10px; @@ -1273,7 +962,7 @@ div.diapo { .CHIM.diapo { width: 100px; - overflow: hiden; + overflow: hidden; } .CHIM.diapo .title, .CHIM.diapo .status { @@ -1300,7 +989,7 @@ div.diapo { .CHIM.diapo .bottom span,.CHIM.diapo .bottom img { cursor: pointer; vertical-align: middle; - color: white; + color: $textPrimaryColor; font-size: 10px; } @@ -1376,192 +1065,6 @@ div.diapo { 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 { @@ -1635,137 +1138,6 @@ only screen and (min-resolution: 120dpi) } -/******* 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; @@ -1841,21 +1213,21 @@ only screen and (min-resolution: 120dpi) float: left; width: 16px; height: 16px; - background-image: url('images/pubchut.gif'); + background-image: url('#{$skinsImagesPath}pubchut.gif'); background-repeat: no-repeat; } .pubchutmine { - background-image: url('images/pubchutmine.gif'); + background-image: url('#{$skinsImagesPath}pubchutmine.gif'); } .baskIndicator { - background-image: url('images/chu.gif'); + background-image: url('#{$skinsImagesPath}chu.gif'); background-position: middle left; } .regIndicator { - background-image: url('images/regroup.gif'); + background-image: url('#{$skinsImagesPath}regroup.gif'); background-position: middle left; } @@ -1871,10 +1243,9 @@ input.search { input, select, textarea { margin: 2px; padding: 2px; - *border: 1px solid $col1; - /*background: white; - resize: none;*/ - font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;} + *border: 1px solid #b1b1b1; + font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; +} input:radio, input:checkbox, .checkbox { border: none; @@ -1937,7 +1308,7 @@ input.btn-mini { #look_box label, #basket_preferences label { line-height: 21px; - color: #333333; + color: $textPrimaryColor; } #look_box h1, #basket_preferences h1 { @@ -1977,105 +1348,6 @@ input.btn-mini { 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 **************************************************************/ @@ -2086,13 +1358,13 @@ input.btn-mini { z-index: 97; } -.prevTrainCurrent .doc_infos img, .diapo .doc_infos img { +.prevTrainCurrent .doc_infos img,.diapo .doc_infos img { vertical-align: middle; } .prevTrainCurrent .duration, .diapo .duration { background-color: black; - color: white; + color: #FFFFFF; } DIV.onglets { @@ -2124,55 +1396,8 @@ DIV.onglets SPAN.actif { 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 *******************************************************/ @@ -2183,7 +1408,7 @@ H4 { .bodyprofile .ui-tabs .ui-tabs-panel { background-color: #a3a3a3; - color: #333333; + color: $textPrimaryColor; } .bodyprofile .ui-tabs .ui-tabs-nav li.ui-tabs-active { @@ -2310,14 +1535,14 @@ H4 { } .clkbas img { - vertical-align:middle; - max-height:22px; + vertical-align: middle; + max-height: 22px; } /******* EXPORT ***************************************************************/ #printBox { - background-color: $col1; + background-color: $backgroudSecondaryColor; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; @@ -2383,114 +1608,6 @@ H4 { 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 -} @@ -2506,107 +1623,10 @@ a:hover { } .dragover { - BACKGROUND-COLOR: #FFFFFF100 + 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: #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 **************************************************************/ @@ -2620,7 +1640,7 @@ DIV.thesaurus U.w { } #EDIT_TOP { - background-color: $col2; + background-color: $backgroudSecondaryColor; position: absolute; top: 0; left: 0; @@ -2690,7 +1710,7 @@ DIV.thesaurus U.w { } #EDIT_MID_L { - background-color: $col2; + background-color: $backgroudSecondaryColor; width: 700px; left: 0; -webkit-border-radius: 6px; @@ -2698,18 +1718,18 @@ DIV.thesaurus U.w { border-radius: 6px; } -#EDIT_MID_R{ +#EDIT_MID_R { width: 400px; right: 0; } #EDIT_MID_R .ui-tabs-panel { - background-color: $col2; + background-color: $backgroudSecondaryColor; } #EDIT_MID_R li.ui-tabs-active, #EDIT_MID_R li.ui-state-active { - background-color: $col2; + background-color: $backgroudSecondaryColor; } #divS_wrapper { @@ -2932,6 +1952,7 @@ DIV.thesaurus U.w { transition: background-position 0.1s linear; } + #EDIT_WORKING { position: absolute; top: 100px; @@ -2969,7 +1990,7 @@ DIV.thesaurus U.w { width: 550px; height: 250px; overflow: auto; - color: #999999; + color: $textSecondaryColor; } #TH_Oreplace .btn, @@ -3059,7 +2080,7 @@ DIV.thesaurus U.w { } #idFrameE #ZTextMultiValued_values DIV I { - color: #FFFFFFF00; + color: #FFFFFF; FONT-STYLE: normal; font-weight: 700; background-color: #222222; @@ -3140,6 +2161,16 @@ DIV.thesaurus U.w { padding: 0 15px; } +#mainMenu .PNB.right li.user { + background: url('#{$iconsPath}icon_user.png') 15px 7px no-repeat; + padding-left: 41px; +} + +#mainMenu .PNB.right li.user:hover { + background-color: #FFFFFF; + color: black; +} + #mainMenu, .publi_group { background-color: $col1; } @@ -3148,243 +2179,18 @@ DIV.thesaurus U.w { color: #75ABFF; } -.context-menu-item-hover a{ +.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; + border: 2px outset #FFFFFF; background-color: #D4D0C8; } @@ -3402,7 +2208,7 @@ Menu contextuel margin: 1px 2px; font-size: 0px; border-top: 1px solid #808080; - border-bottom: 1px solid white; + border-bottom: 1px solid #FFFFFF; } .context-menu-theme-default .context-menu-item-disabled { @@ -3415,7 +2221,7 @@ Menu contextuel .context-menu-theme-default .context-menu-item-hover { background-color: #0A246A; - color: white; + color: #FFFFFF; } .context-menu-theme-default .context-menu-item-disabled-hover { @@ -3423,7 +2229,7 @@ Menu contextuel } /* ================================== -dans l'onglet thesaurus : arbres, menus contextuels +dans l'onglet thesaurus : arbres, menus contextuels ===================================== */ #THPD_tabs { @@ -3455,8 +2261,8 @@ dans l'onglet thesaurus : arbres, menus contextuels cursor: pointer; } -#THPD_tabs .treeview SPAN.h { /* highlighted (filtered) */ - color: #FFFFFFFD0; +#THPD_tabs .treeview SPAN.h { /* highlighted (filtered) */ + color: #FFFFD0; font-weight: bold; } @@ -3482,114 +2288,18 @@ dans l'onglet thesaurus : arbres, menus contextuels background-color: #ff0000; } +/******* DIALOGS **************************************************************/ + #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; + background-color: $backgroudSecondaryColor; } .PushBox .grey-bg .btn { @@ -3677,7 +2387,7 @@ dans l'onglet thesaurus : arbres, menus contextuels height: 18px; padding: 5px 0; border: 1px solid #959595; - color: #333333; + color: $textPrimaryColor; font-size: 13px; cursor: pointer; } @@ -3861,63 +2571,14 @@ dans l'onglet thesaurus : arbres, menus contextuels } #answers .feed .dropdown-menu a { - color: #333333; + color: $textPrimaryColor; } #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; @@ -3979,21 +2640,6 @@ dans l'onglet thesaurus : arbres, menus contextuels background-image: none; } -#dialog_publicator .ui-tabs .ui-tabs-panel.loading { - background-image: url('#{$iconsPath}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; @@ -4012,887 +2658,8 @@ dans l'onglet thesaurus : arbres, menus contextuels 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('#{$iconsPath}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('#{$iconsPath}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('#{$iconsPath}youtube-small.gif'); -} - -#ul_main_pub_tabs li.bridge_Dailymotion { - background-image: url('#{$iconsPath}dailymotion-small.gif'); -} - -#ul_main_pub_tabs li.bridge_Flickr { - background-image: url('#{$iconsPath}flickr-small.gif'); -} - -#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/skins/skin-shared.scss b/resources/www/prod/skins/skin-shared.scss new file mode 100644 index 0000000000..4306e98e1c --- /dev/null +++ b/resources/www/prod/skins/skin-shared.scss @@ -0,0 +1,492 @@ +@import '../../_shared/styles/variables'; + +::-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: $scrollBgColor; +} + +::-webkit-scrollbar-button { + width: 0; + height: 0; + display: none; +} +::-webkit-scrollbar-corner { + background-color: transparent; +} + +*::-moz-selection, *::selection{ + background: #FFFFFF; + color: $textPrimaryColor; +} + +input::selection, textarea::selection, +input::-moz-selection, textarea::-moz-selection { + background: #404040; + color: #FFFFFF; +} + +label { + color: #FFFFFF; +} + +legend { + color: $textPrimaryColor; + width: auto; + border: none; +} + + +body { + color: $textPrimaryColor; + background-color: $col2; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + overflow: hidden; + overflow-x: hidden; + overflow-y: hidden; +} + +html { + border: medium none; + height: 100%; + margin: 0; + padding: 0; + z-index: 1; +} + +html, body { + font-size: 12px; + z-index: 1; +} + +#desktop { + min-width: 1100px; +} + +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; +} + + +#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('#{$skinsImagesPath}ww_title.gif'); + background-repeat: repeat-x; + color: #0077bc; + font-size: 8pt; +} + +span.ww_winTitle { + letter-spacing: 1px; + color: #0077bc; + font-size: 8pt; + font-weight: bold; +} + + +#divpage { + background-color: #212121; + padding: 10px 0; + margin: 0 10px; +} + +.desktop { + background-position: center center; + left: 0px; + overflow: hidden; + position: absolute; + top: 0px; +} + +.ui-helper-reset { + line-height: auto; +} + +.ui-tabs .ui-tabs-nav li a { + padding: 3px 5px 0; +} + +#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('#{$iconsPath}workzoneEscamote.png') 30px 36px no-repeat; +} + +#idFrameC.closed #retractableButton { + background: url('#{$iconsPath}workzoneEscamote_on.png') 30px 30px no-repeat; +} + +#keyboard-dialog h1 { + font-size: 14px; + font-weight: bold; + margin: 0; + text-align: left; +} + +#keyboard-dialog ul { + list-style-type: none; + margin: 5px 0 20px 40px; +} + +#keyboard-dialog ul li { + +} + + +.cont_infos { + position: absolute; + bottom: 10px; + 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; +} + +.cgu-dialog blockquote p { + margin: 10px 30px 10px 0; +} + +.cgu-dialog blockquote { + margin: 10px 30px; + overflow: auto; + max-height: 400px; +} + + + +.ui-dialog-titlebar { + min-height: 20px; +} + +.chim-wrapper { + position: relative; + float: left; +} + +#tooltip { + position: absolute; + z-index: 32000; + overflow: hidden; +} + +.otherRegToolTip img { + vertical-align: middle; +} + +#ui-datepicker-div { + z-index: 2000; + background-color: $backgroundAltPrimaryColor; + position: absolute; +} + +.ui-selectable-helper { + border: 1px dotted #CCCCCC; + z-index: 10000; +} + +#BasketBrowser .diapo .title { + height: 16px; +} + +#answers .status img { + max-width: 16px; + max-height: 16px; +} + +#answers #answersNext { + width: 150px; + margin: 5px; + height: 193px; + line-height: 193px; + font-size: 25px; + color: #666666; + cursor: pointer; +} + + +/******* 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 #FFFFFF; + margin: 0 5px; +} + + +#order_manager .order_list .thumb { + float: left; + position: relative; +} + +#order_manager .order_list .selectable.selected { + background-color: #404040; +} + +#order_manager .order_list .selectable { + cursor: pointer; +} + +#order_manager .order_list .order_wrapper { + float: left; + position: relative; + margin: 5px; +} + +#order_manager table p { + margin: 2px 0; +} + +IFRAME { + BORDER-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 +} + + +@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; + } +} +@import 'ui-components/colorpicker'; +@import 'ui-components/thumb-extractor'; +@import 'ui-components/pagination'; +@import 'ui-components/upload'; +@import 'ui-components/publish-dialog'; +@import 'ui-components/thesaurus'; +@import 'ui-components/baskets'; +@import 'ui-components/proposals'; +@import 'ui-components/actions'; +@import 'ui-components/gui'; +@import 'ui-components/gui-misc'; +@import 'ui-components/preview'; +@import 'ui-components/push'; \ No newline at end of file diff --git a/resources/www/prod/skins/ui-components/_actions.scss b/resources/www/prod/skins/ui-components/_actions.scss new file mode 100644 index 0000000000..08396c7fbc --- /dev/null +++ b/resources/www/prod/skins/ui-components/_actions.scss @@ -0,0 +1,124 @@ + +/******* 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('#{$skinsImagesPath}disktt_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_disktt.actif { + background-image: url('#{$skinsImagesPath}disktt_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_ppen { + background-image: url('#{$skinsImagesPath}ppen_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_ppen.actif { + background-image: url('#{$skinsImagesPath}ppen_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgstatus { + background-image: url('#{$skinsImagesPath}chgstatus_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgstatus.actif { + background-image: url('#{$skinsImagesPath}chgstatus_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgcoll { + background-image: url('#{$skinsImagesPath}chgcoll_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_chgcoll.actif { + background-image: url('#{$skinsImagesPath}chgcoll_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_pushdoc { + background-image: url('#{$skinsImagesPath}pushdoc_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_pushdoc.actif { + background-image: url('#{$skinsImagesPath}pushdoc_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_print { + background-image: url('#{$skinsImagesPath}print_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_print.actif { + background-image: url('#{$skinsImagesPath}print_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_imgtools{ + background-image: url('#{$skinsImagesPath}imgtools_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_imgtools.actif{ + background-image: url('#{$skinsImagesPath}imgtools_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_trash { + background-image: url('#{$skinsImagesPath}trash_0.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#TOOL_trash.actif { + background-image: url('#{$skinsImagesPath}trash_1.gif'); + background-position: center center; + background-repeat: no-repeat; +} diff --git a/resources/www/shared/styles/skin/basket.scss b/resources/www/prod/skins/ui-components/_baskets.scss similarity index 52% rename from resources/www/shared/styles/skin/basket.scss rename to resources/www/prod/skins/ui-components/_baskets.scss index 70165ec037..d780d9e218 100644 --- a/resources/www/shared/styles/skin/basket.scss +++ b/resources/www/prod/skins/ui-components/_baskets.scss @@ -131,3 +131,104 @@ #BasketBrowser form ul li label{ margin: 0 0 0 40px; } + + +#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; +} diff --git a/resources/www/prod/skins/ui-components/_colorpicker.scss b/resources/www/prod/skins/ui-components/_colorpicker.scss new file mode 100644 index 0000000000..66038e1721 --- /dev/null +++ b/resources/www/prod/skins/ui-components/_colorpicker.scss @@ -0,0 +1,59 @@ + +/******* .colorpickerbox ******************************************************/ +.colorpicker_box { + border: 1px solid #FFFFFF; + cursor: pointer; + float: left; + margin: 2px; + padding: 0; +} + +.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; +} \ No newline at end of file diff --git a/resources/www/prod/skins/ui-components/_gui-misc.scss b/resources/www/prod/skins/ui-components/_gui-misc.scss new file mode 100644 index 0000000000..4b21060767 --- /dev/null +++ b/resources/www/prod/skins/ui-components/_gui-misc.scss @@ -0,0 +1,107 @@ +/******************************************************************************/ + +DIV.finder { + white-space: nowrap +} + +DIV.finder DIV.content DIV.title { + MARGIN-TOP: -2px; + LEFT: 0px; + OVERFLOW: hidden; + white-space: nowrap; + POSITION: relative; + TOP: 0px +} + +DIV.finder DIV.content DIV.title SPAN { + POSITION: relative +} + +DIV.finder DIV.content DIV.title IMG { + LEFT: 0px; + POSITION: relative; + TOP: 0px +} + +DIV.finder DIV.content DIV.title TABLE { + white-space: nowrap +} + +DIV.finder DIV.content DIV.title TABLE TR { + white-space: nowrap +} + +DIV.finder DIV.content DIV.title TABLE TR TD { + OVERFLOW: hidden; + white-space: nowrap +} + +TABLE.ulist THEAD { + BACKGROUND-COLOR: #999999; + text-align: left; +} + +TABLE.ulist TBODY TR { + cursor: pointer; + height: 20px; +} + +TABLE.ulist TBODY TR.selected { + COLOR: #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 +} diff --git a/resources/www/prod/skins/ui-components/_gui.scss b/resources/www/prod/skins/ui-components/_gui.scss new file mode 100644 index 0000000000..7d6c29b7fe --- /dev/null +++ b/resources/www/prod/skins/ui-components/_gui.scss @@ -0,0 +1,100 @@ + +/******* GUI ******************************************************************/ + +.gui_grip { + background-image: url('#{$skinsImagesPath}grip.gif'); + background-position: 0 0; + background-repeat: no-repeat; + height: 19px; + width: 5px; +} + +.gui_vsplitter,.ui-resizable-e { + top: 50%; + 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}#{$guiSplitterImg}'); +} + +.gui_hsplitter, .ui-resizable-s { + height: 10px; + left: 50%; + width: 0; + padding: 0 35px; + bottom: -10px; + position: absolute; + background-image: url('#{$iconsPath}hsplitter.png'); + background-position: center center; + background-repeat: no-repeat; + cursor: row-resize; +} + +.gui_hslider { + position: absolute; + height: 0px; + border: #959595 1px inset +} + +.gui_hslider DIV { + position: absolute; + top: -6px; + left: 0px; + width: 4px; + height: 10px; + border: #c0c0c0 1px outset; + background-color: #959595; + background-image: url('#{$skinsImagesPath}vsplitter.gif'); + cursor: pointer; +} + +.gui_ckbox_0 { + display: block; + position: relative; + width: 12px; + height: 12px; + float: left; + background-image: url('#{$skinsImagesPath}ccoch0.gif'); + cursor: pointer; +} + +.gui_ckbox_1 { + display: block; + position: relative; + width: 12px; + height: 12px; + float: left; + background-image: url('#{$skinsImagesPath}ccoch1.gif'); + cursor: pointer; +} + +.gui_ckbox_2 { + display: block; + position: relative; + width: 12px; + height: 12px; + float: left; + background-image: url('#{$skinsImagesPath}ccoch2.gif'); + cursor: pointer; +} \ No newline at end of file diff --git a/resources/www/prod/skins/ui-components/_pagination.scss b/resources/www/prod/skins/ui-components/_pagination.scss new file mode 100644 index 0000000000..93d15d2390 --- /dev/null +++ b/resources/www/prod/skins/ui-components/_pagination.scss @@ -0,0 +1,86 @@ + +#paginate { + float: right; + margin: 0 65px 15px 0; + min-height: 52px; +} + +#idFrameT #answers:hover #paginate { + margin-right: 59px; +} + +#paginate #tool_navigate { + background-color: $paginateBg1; +} + +#paginate #tool_navigate #NEXT_PAGE:hover, +#paginate #tool_navigate #PREV_PAGE:hover, +#paginate #tool_navigate #last:hover, +#paginate #tool_navigate #first:hover { + background-color: $paginateBg2; +} + +#paginate #tool_navigate #NEXT_PAGE { + background: url('#{$iconsPath}sprite_paginate.png') -72px 20px no-repeat; + width: 49px; + border-left: 1px solid $paginateBorderColor; +} + +#paginate #tool_navigate #PREV_PAGE { + background: url('#{$iconsPath}sprite_paginate.png') -29px 20px no-repeat; + width: 49px; + border-right: 1px solid $paginateBorderColor; +} + +#paginate #tool_navigate #last { + background: url('#{$iconsPath}sprite_paginate.png') -121px 20px no-repeat; + width: 49px; + border-left: 1px solid $paginateBorderColor; +} + +#paginate #tool_navigate #first { + background: url('#{$iconsPath}sprite_paginate.png') 21px 20px no-repeat; + width: 49px; + border-right: 1px solid $paginateBorderColor; +} + +#paginate #tool_navigate #NEXT_PAGE:hover, +#paginate #tool_navigate #PREV_PAGE:hover, +#paginate #tool_navigate #last:hover, +#paginate #tool_navigate #first:hover { + background-image: url('#{$iconsPath}sprite_paginate_hover.png'); +} + + +#paginate #tool_navigate input, +#paginate #tool_navigate a { + border: none; + border-top: 1px solid $paginateBorderColor; + border-bottom: 1px solid $paginateBorderColor; + padding: 0; + margin: 0; + border-radius: 0; + height: 50px; + line-height: 50px; + vertical-align: middle; + width: 30px; + background: none; + font-weight: normal; + text-shadow: none; + box-shadow: none; + color: $paginateBorderColor; +} + +#paginate #tool_navigate:first-child { + border-left: 1px solid $paginateBorderColor; +} + +#paginate #tool_navigate:last-child { + border-right: 1px solid $paginateBorderColor; +} + +#paginate #tool_navigate input, +#paginate #tool_navigate a:hover { + color: $paginateTextColor; + background: $paginateBorder2Color; +} diff --git a/resources/www/prod/skins/ui-components/_preview.scss b/resources/www/prod/skins/ui-components/_preview.scss new file mode 100644 index 0000000000..67c2c10201 --- /dev/null +++ b/resources/www/prod/skins/ui-components/_preview.scss @@ -0,0 +1,201 @@ + +#PREVIEWBOX, #EDITWINDOW { + z-index: 1200; + background-color: $backgroudPrimaryColor; + 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: $backgroudSecondaryColor; + 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: $backgroudSecondaryColor; + -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: $backgroudSecondaryColor; + bottom: 0; +} + +#SPANTITLE { + font-size: 16px; + line-height: 25px; + font-weight: bold; +} + +#PREVIEWCURRENTGLOB, .preview_col_film { + height: 96px; + width: 100%; +} + +#PREVIEWCURRENT { + background-color: $backgroudSecondaryColor; +} + +#PREVIEWCURRENTCONT.group_case { + left: 106px; +} + +#PREVIEWCURRENTCONT { + right: 130px; + overflow-x: auto; + overflow-y: hidden; +} + +#PREVIEWCURRENTCONT::-webkit-scrollbar-track +{ + border-radius: 0; + background-color: #262626; +} + +#PREVIEWCURRENTCONT::-webkit-scrollbar { + height: 5px; + border-radius: 0; +} + +#PREVIEWCURRENTCONT::-webkit-scrollbar-thumb { + border-radius: 0; + width: 3px; + background-color: #595959; +} + + +#PREVIEWCURRENTCONT ul { + position: relative; + height: 80px; + float: left; + margin: 0; + padding: 0; +} + +#PREVIEWCURRENT, #PREVIEWCURRENTGLOB { + overflow: hidden; +} + +#PREVMAINREG { + float: left; + position: relative; + width: 96px; + height: 96px; + text-align: center; + background-color: #FFFFFF; +} + +.prevTrainCurrent { + text-align: center; + position: relative; + float: left; + height: 80px; + width: 80px; +} + +#PREVIEWHD { + position: absolute; + width: 100%; + height: 100%; + text-align: center; + z-index: 6000; +} + +#PREVIEWTOOL { + position: absolute; + bottom: 10px; + right: 10px; + text-align: right; + width: 56px; + height: 60px; + top: auto; +} + + +#PREVIEWTOOL img, #PREVIEWTOOL span { + float: left; +} diff --git a/resources/www/prod/skins/ui-components/_proposals.scss b/resources/www/prod/skins/ui-components/_proposals.scss new file mode 100644 index 0000000000..7bf2100620 --- /dev/null +++ b/resources/www/prod/skins/ui-components/_proposals.scss @@ -0,0 +1,180 @@ +/******* 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; +} \ No newline at end of file diff --git a/resources/www/prod/skins/ui-components/_publish-dialog.scss b/resources/www/prod/skins/ui-components/_publish-dialog.scss new file mode 100644 index 0000000000..0a4fc23e77 --- /dev/null +++ b/resources/www/prod/skins/ui-components/_publish-dialog.scss @@ -0,0 +1,321 @@ +/******* 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: $publishDialogBg3; +} + +#publicator_selection > .PNB10 { + overflow: auto; + bottom: 50px; + background-color: $publishDialogBg4; +} + +#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); +} + + + + + + + + +#dialog_publicator .dropdown-menu .divider { + background-color: #515151; + border-bottom: 1px solid #404040; + margin: 3px 1px 3px 1px; +} + +#dialog_publicator .ui-tabs .ui-tabs-panel.loading { + background-image: url('#{$iconsPath}loader000.gif'); + background-position: center center; + background-repeat: no-repeat; +} + +#dialog_publicator .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: $publishDialogBg2; +} + +#dialog_publicator .api_banner button { + border: 1px solid #515151; + background-color: #404040; +} + +#dialog_publicator .api_banner .submenu.ui-buttonset { + z-index: 600; +} + +#dialog_publicator .api_content { + top: 30px; + bottom: 25px; + color: $textPrimaryColor; +} + +#dialog_publicator .api_content .blockmenu { + bottom: auto; + background-repeat: repeat-x; + background-position: left bottom; + z-index: 1000; + width:100%; + height:40px +} + +#dialog_publicator .api_content .blockmenu a.selected, +#dialog_publicator .api_banner a.selected { + font-weight: bold; + color: #0088CC; +} + +#dialog_publicator .api_content .blockresponse { + padding: 0 10px; + top: 40px; + overflow: auto; + z-index: 200; +} + +#dialog_publicator .api_content .blockresponse .form-actions { + background-color: $publishDialogBg; + border-top: none; + margin: 0; +} + +#dialog_publicator .api_infos { + top: auto; + height: 25px; + background-image: url('#{$iconsPath}api_info.png'); + background-repeat: repeat-x; + background-position: 0 0; + color: $textSecondaryColor; +} + +#dialog_publicator .main_menu { + float: left; +} + +#dialog_publicator .diapo .title { + height: 16px; + overflow: hidden; +} + +#ul_main_pub_tabs { + width: 200px; + position: absolute; + overflow: hidden; + right: auto; + margin-top: -1px; +} + +#ul_main_pub_tabs li { + padding-left: 20px; + background-repeat: no-repeat; + background-position: 6px center; +} + +#ul_main_pub_tabs li.bridge_Youtube { + background-image: url('#{$iconsPath}youtube-small.gif'); +} + +#ul_main_pub_tabs li.bridge_Dailymotion { + background-image: url('#{$iconsPath}dailymotion-small.gif'); +} + +#ul_main_pub_tabs li.bridge_Flickr { + background-image: url('#{$iconsPath}flickr-small.gif'); +} + + +#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; +} diff --git a/resources/www/shared/styles/skin/push.scss b/resources/www/prod/skins/ui-components/_push.scss similarity index 100% rename from resources/www/shared/styles/skin/push.scss rename to resources/www/prod/skins/ui-components/_push.scss diff --git a/resources/www/prod/skins/ui-components/_thesaurus.scss b/resources/www/prod/skins/ui-components/_thesaurus.scss new file mode 100644 index 0000000000..f513106285 --- /dev/null +++ b/resources/www/prod/skins/ui-components/_thesaurus.scss @@ -0,0 +1,157 @@ + +#THPD_T, #THPD_C { + margin-top: 10px; + margin-left: 0px; +} + +#THPD_WIZARDS .gform .input-append { + width: 100%; + margin: 0; + padding: 0; + border: 1px solid $thesaurusBorder1; + border-top: none; +} + +#THPD_WIZARDS .gform .input-append input.input-medium { + width: 80%; + border-radius: 0; + height: 50px; + padding: 0 2.5%; + background: $thesaurusBg1; + 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('#{$iconsPath}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('#{$iconsPath}icon_clear_search.png') 50% no-repeat; + border: none; + outline: none; + box-shadow: none; + -webkit-appearance: none; +} + +/******* 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: $thesaurusBg2; + BORDER: #a9a9a9 1px solid; +} + +#idFrameE .onglets SPAN { + BORDER-TOP: #a9a9a9 1px solid; + BORDER-LEFT: #a9a9a9 1px solid; + BORDER-RIGHT: #a9a9a9 1px solid; + BORDER-BOTTOM: $thesaurusBorder2 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; +} \ No newline at end of file diff --git a/resources/www/prod/skins/ui-components/_thumb-extractor.scss b/resources/www/prod/skins/ui-components/_thumb-extractor.scss new file mode 100644 index 0000000000..8ac0a5e2c4 --- /dev/null +++ b/resources/www/prod/skins/ui-components/_thumb-extractor.scss @@ -0,0 +1,177 @@ + +/******* 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; +} \ No newline at end of file diff --git a/resources/www/prod/skins/ui-components/_upload.scss b/resources/www/prod/skins/ui-components/_upload.scss new file mode 100644 index 0000000000..d8c785b0ec --- /dev/null +++ b/resources/www/prod/skins/ui-components/_upload.scss @@ -0,0 +1,336 @@ + + +/******* 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: $textPrimaryColor; +} + +#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: $textSecondaryColor; +} + +#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: $uploadBg1; +} + +#uploadBox .flash-box .upload-record { + height: 160px; + background-color: $uploadBg2; +} + +#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: $textSecondaryColor; +} + +#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}#{$uploadLoaderImg}'); + background-position: center right; + background-repeat: no-repeat; +} + +#lazaretBox.container-fluid { + margin: 0; + padding: 0; +} + +#lazaretBox li.wrapper-item { + margin-bottom: 20px; +} + +#lazaretBox .lazaret-file h5, +#lazaretBox .lazaret-proposals h5 { + margin-top: 0; + margin-bottom: 10px; +} + +#lazaretBox .lazaret-file p, +#lazaretBox .lazaret-proposals p { + font-weight: bold; + overflow: hidden; + -o-text-overflow: ellipsis; /* for Opera 9 */ + text-overflow: ellipsis; +} + +#lazaretBox span.info { + display: inline; + font-weight: normal; +} + +#lazaretBox .lazaret-file a, +#lazaretBox .lazaret-proposals a { + font-weight: normal; + color: $textPrimaryColor; +} + +#lazaretBox .lazaret-file a:hover, +#lazaretBox .lazaret-proposals a:hover { + color: $textSecondaryColor; +} + + +#lazaretBox .lazaret-file .thumbnails, +#lazaretBox .lazaret-proposals .thumbnails { + margin-left: 0; +} + +#lazaretBox .lazaret-file .thumbnails li { + margin: 0; +} + +#lazaretBox .lazaret-proposals .records-subititution { + margin: 0 10px 10px 0; +} + +#lazaretBox .lazaret-file .thumbnail, +#lazaretBox .lazaret-proposals .thumbnail { + background-color: #FFFFFF; +} + +#lazaretBox .lazaret-proposals .thumbnail { + min-height: 234px; +} + +#lazaretBox .lazaret-proposals .thumbnail .record-thumb { + height: 180px; +} + +#lazaretBox .lazaret-file .thumbnail img { + max-height: 480px; +} + +#lazaretBox .lazaret-file .thumbnail button { + font-weight: normal; +} + +#lazaretBox .lazaret-file .thumbnail button img { + margin-right: 5px; +} diff --git a/resources/www/prod/styles/main.scss b/resources/www/prod/styles/main.scss index 4e1d43f0c6..9a31c1241c 100644 --- a/resources/www/prod/styles/main.scss +++ b/resources/www/prod/styles/main.scss @@ -1,14 +1,12 @@ -$iconsPath: '../../../assets/common/images/icons/'; +@import '../../_shared/styles/variables'; @import '../../../../www/bower_components/fancytree/dist/skin-win8/ui.fancytree'; // to inline import css file, don't put extension @import '../../vendors/jquery-treeview/jquery.treeview'; @import '../../../../www/bower_components/humane-js/themes/libnotify'; @import '../../vendors/jquery-contextmenu/styles/jquery.contextmenu'; @import '../../vendors/jquery-image-enhancer/styles/jquery.image_enhancer'; @import '../../vendors/colorpicker/styles/colorpicker'; -@import '../../shared/styles/skin/main'; -@import '../../shared/styles/skin/geonames'; -@import '../../shared/styles/skin/basket'; -@import '../../shared/styles/skin/push'; +@import '../../_shared/styles/main'; + #idFrameC { top: 10px; diff --git a/resources/www/prod/styles/skin-shared.scss b/resources/www/prod/styles/skin-shared.scss deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/resources/www/report/styles/main.scss b/resources/www/report/styles/main.scss index 6417477926..ba4307424a 100644 --- a/resources/www/report/styles/main.scss +++ b/resources/www/report/styles/main.scss @@ -1,5 +1,5 @@ $sharedIconPath: '../../../assets/common/images/icons/'; -@import '../../shared/styles/skin/main'; +@import '../../_shared/styles/main'; @import '../../vendors/jquery-contextmenu/styles/jquery.contextmenu'; $imagesPath: '../images/'; diff --git a/resources/www/shared/styles/skin/main.scss b/resources/www/shared/styles/skin/main.scss deleted file mode 100644 index 431f711275..0000000000 --- a/resources/www/shared/styles/skin/main.scss +++ /dev/null @@ -1,244 +0,0 @@ - - -/** 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/templates/web/prod/WorkZone/Basket.html.twig b/templates/web/prod/WorkZone/Basket.html.twig index a05b634e18..02bc796bd4 100644 --- a/templates/web/prod/WorkZone/Basket.html.twig +++ b/templates/web/prod/WorkZone/Basket.html.twig @@ -5,27 +5,27 @@ {% if app.getAclForUser(app.getAuthenticatedUser()).has_right('modifyrecord') %} {% endif %} {% if app.getAclForUser(app.getAuthenticatedUser()).has_right('changestatus') %} {% endif %} {% if app.getAclForUser(app.getAuthenticatedUser()).has_right('deleterecord') and app.getAclForUser(app.getAuthenticatedUser()).has_right('addrecord') %} {% endif %} @@ -51,7 +51,7 @@ {% if app.getAclForUser(app.getAuthenticatedUser()).has_right('doctools') %} {% endif %} {% if app.getAclForUser(app.getAuthenticatedUser()).has_right('modifyrecord') %} {% endif %} {% if app.getAclForUser(app.getAuthenticatedUser()).has_right('changestatus') %} {% endif %} {% if app.getAclForUser(app.getAuthenticatedUser()).has_right('deleterecord') and app.getAclForUser(app.getAuthenticatedUser()).has_right('addrecord') %} {% endif %} @@ -51,7 +51,7 @@ {% if app.getAclForUser(app.getAuthenticatedUser()).has_right('doctools') %} {% endif %}