From 35bc91eb2bdc1d5b0c2a517045be490dd726ac22 Mon Sep 17 00:00:00 2001 From: "vincent@cubedesigners.com" Date: Mon, 19 Dec 2016 19:38:19 +0000 Subject: [PATCH] done #1047 @3 --- inc/commons/class.common.tools.php | 4 +- inc/commons/class.common.url.php | 103 +++-- js/common.js | 442 ++++++++++-------- style/common.css | 133 ------ style/common.less | 206 +++++++++ style/extranet/style.css | 408 ----------------- style/extranet/style.less | 713 +++++++++++++++++++++++++++++ 7 files changed, 1212 insertions(+), 797 deletions(-) delete mode 100644 style/common.css create mode 100644 style/common.less delete mode 100644 style/extranet/style.css create mode 100644 style/extranet/style.less diff --git a/inc/commons/class.common.tools.php b/inc/commons/class.common.tools.php index 68a54ecde..3f465449f 100644 --- a/inc/commons/class.common.tools.php +++ b/inc/commons/class.common.tools.php @@ -840,8 +840,8 @@ class commonTools { $openssl->setArg('-outform', 'PEM'); $openssl->execute(); - fb($openssl->commande); - fb($openssl->output); + print($openssl->commande); + print($openssl->output); // Generate p12 file $openssl = new cubeCommandLine('openssl'); diff --git a/inc/commons/class.common.url.php b/inc/commons/class.common.url.php index 8b756fe24..cf344266a 100644 --- a/inc/commons/class.common.url.php +++ b/inc/commons/class.common.url.php @@ -348,20 +348,17 @@ class commonUrl { $res .= '
'; $res .= '

' . $texte . '

'; + if ($for == 'client') { - $fv = array('url' => SITE_PATH . 'upload'); + $action = SITE_PATH . 'upload'; } else { - $fv = array('url' => SITE_PATH . 'upload/' . $for); - } - $fv['browseText'] = __('Parcourir') . ' ...'; - $fv['finishedText'] = __('Transfert terminé'); - $fv['totalText'] = __('Total'); - $fv['loadingFileText'] = __('Chargement du fichier'); - // $fv['debug']='true'; - $fv['PHPSESSID'] = session_id(); - $fv['theme'] = MODE; - $res .= cubeMedia::flash(WEBROOT . '/swf/uploader.swf', '970', '50', $fv, 'uploaderContainer', '', '9', '#ffffff', '', 'true', 'noscale', 'transparent'); + $action = SITE_PATH . 'upload/' . $for; + } + $res .= '
'; + $res .= ''; + $res .= '
Veuillez sélectionner un ou plusieurs fichier
' . __('Parcourir') . '...'; + $res .= '
'; $res .= '
'; $res .= commonPage::bf(); $res .= ''; @@ -372,7 +369,7 @@ class commonUrl { commonDroits::min(array('extranet' => 0, 'ws' => 1)); global $core; - if ($core->user->ws_grade <= 0 && isset($_SESSION['entreprise_fichiers'])) { + if ($core->user->ws_grade <= 0 && isset($_SESSION['entreprise_fichiers'])) { $entreprise = $core->user->entreprise; } else { $entreprise = $_SESSION['entreprise_fichiers']; @@ -581,14 +578,16 @@ class commonUrl { mkdir($dest, 0755, true); } - if (!isset($_SESSION['files_uploaded'])) { - $_SESSION['files_uploaded'] = array(); - } - foreach ($_FILES as $f) { - if ($f['error']) { + $files_uploaded = array(); + + print_r($_FILES); + + + foreach ($_FILES['files']['name'] as $k=>$ffname) { + if ($_FILES['files']['error'][$k]) { continue; } - $fname = cubeFiles::tidyName($f['name']); + $fname = cubeFiles::tidyName($ffname); while (file_exists($dest . '/' . $fname)) { $name = cubeFiles::getName($fname); $ext = files::getExtension($fname); @@ -597,44 +596,44 @@ class commonUrl { $fname = $name . '.' . $ext; } - move_uploaded_file($f['tmp_name'], $dest . '/' . $fname); - $_SESSION['files_uploaded'][] = $destrel . '/' . $fname; - - if (isset($_POST['last']) && $_POST['last'] == '1') { - $mail = new cubeMail(); - $mail->charset = 'UTF-8'; - $mail->from = FROM_NAME . '<' . FROM_EMAIL . '>'; - if (!$for) { - $mail->to = TEAM_EMAIL; - $mail->subject = '[' . EMAIL_SUBJECT . '] Nouveaux fichiers uploadés par ' . $core->user->prenom . ' ' . $core->user->nom; - $body = 'Tous les fichiers de ' . $core->user->prenom . ' ' . $core->user->nom . ' : https://' . $_SERVER['HTTP_HOST'] . '/fichiers/' . $core->user->utilisateur_id . "\n\n"; - $body .= 'Fichiers chargés : ' . "\n"; - foreach ($_SESSION['files_uploaded'] as $f) { - $body .= ' - https://' . $_SERVER['HTTP_HOST'] . '/telecharger/' . $f . "\n"; - } - } else { - $dao = new commonDAOClient($core->con); - $client = $dao->selectById($for); - - $mail->to = $core->user->email; - $mail->subject = '[' . EMAIL_SUBJECT . '] Nouveaux fichiers uploadés pour ' . $client->prenom . ' ' . $client->nom; - - $body = 'Tous les fichiers de ' . $client->prenom . ' ' . $client->nom . ' : https://' . $_SERVER['HTTP_HOST'] . '/fichiers/' . $client->utilisateur_id . "\n\n"; - $body .= 'Fichiers chargés : ' . "\n"; - foreach ($_SESSION['files_uploaded'] as $f) { - $body .= ' - https://' . $_SERVER['HTTP_HOST'] . '/telecharger/' . commonUrl::hashFile($f) . '/' . $f . "\n"; - } - $body .= "\n" . RAPPEL . " : \n"; - $body .= ' - Adresse : https://' . $_SERVER['HTTP_HOST'] . '/' . "\n"; - $body .= ' - Login : ' . $client->email . "\n"; - $body .= ' - Mot de passe : ' . $client->password . "\n"; + move_uploaded_file($_FILES['files']['tmp_name'][$k], $dest . '/' . $fname); + $files_uploaded[] = $destrel . '/' . $fname; + } + + if (count($files_uploaded) > 0) { + $mail = new cubeMail(); + $mail->charset = 'UTF-8'; + $mail->from = FROM_NAME . '<' . FROM_EMAIL . '>'; + if (!$for) { + $mail->to = TEAM_EMAIL; + $mail->subject = '[' . EMAIL_SUBJECT . '] Nouveaux fichiers uploadés par ' . $core->user->prenom . ' ' . $core->user->nom; + $body = 'Tous les fichiers de ' . $core->user->prenom . ' ' . $core->user->nom . ' : https://' . $_SERVER['HTTP_HOST'] . '/fichiers/' . $core->user->utilisateur_id . "\n\n"; + $body .= 'Fichiers chargés : ' . "\n"; + foreach ($files_uploaded as $f) { + $body .= ' - https://' . $_SERVER['HTTP_HOST'] . '/telecharger/' . $f . "\n"; } - $mail->body = $body; - $ok = $mail->send(); + } else { + $dao = new commonDAOClient($core->con); + $client = $dao->selectById($for); + + $mail->to = $core->user->email; + $mail->subject = '[' . EMAIL_SUBJECT . '] Nouveaux fichiers uploadés pour ' . $client->prenom . ' ' . $client->nom; - $_SESSION['files_uploaded'] = array(); + $body = 'Tous les fichiers de ' . $client->prenom . ' ' . $client->nom . ' : https://' . $_SERVER['HTTP_HOST'] . '/fichiers/' . $client->utilisateur_id . "\n\n"; + $body .= 'Fichiers chargés : ' . "\n"; + foreach ($files_uploaded as $f) { + $body .= ' - https://' . $_SERVER['HTTP_HOST'] . '/telecharger/' . commonUrl::hashFile($f) . '/' . $f . "\n"; + } + $body .= "\n" . RAPPEL . " : \n"; + $body .= ' - Adresse : https://' . $_SERVER['HTTP_HOST'] . '/' . "\n"; + $body .= ' - Login : ' . $client->email . "\n"; + $body .= ' - Mot de passe : ' . $client->password . "\n"; } + $mail->body = $body; + $ok = $mail->send(); } + + ob_clean(); exit; } diff --git a/js/common.js b/js/common.js index 484c33d66..3fe67954a 100644 --- a/js/common.js +++ b/js/common.js @@ -1,230 +1,268 @@ TO_LOAD[TO_LOAD.length] = 'load_common_extranet();'; FIRST_LOAD = true; var DEFAULT_WAIT_MESSAGE = ""; +ADVANCED_UPLOAD = !(window.FileReader == undefined && window.FormData == undefined); function load_common_extranet() { - DEFAULT_WAIT_MESSAGE = $("#ajaxLoader .c p").text(); - - var viewportWidth = 1030; - if ($("#main.big").length > 0) { - $("#header").addClass('big'); - viewportWidth = 1250; - } - - var is = screen.width / viewportWidth; - $('meta[name="viewport"]').attr('content', 'width=' + viewportWidth + 'px,initial-scale=' + is + ',maximum-scale:2.0'); - - if ($(".dashboard").length >= 1 && $("#dash").length >= 1) { - try { - $("#dash").sortable('destroy'); - } catch (err) { - - } - if (FIRST_LOAD) { - FIRST_LOAD = false; - } else { - FIRST_LOAD = true; - $.ajax({ - url: SITE_PATH + 'ajax/reloadDashboards', - success: function(data) { - MyAjax(data); - } - }); - } - - $("#dash").sortable({ - opacity: 0.6, - axis: "y", - handle: ".caption", - stop: function(e, ui) { - $.ajax({ - url: SITE_PATH + 'ajax/orderDashboards?' + $("#dash").sortable('serialize') - }); - resize(); - } - }); - } - - $(".timereport_field").change(function() { - var val = parseInt($(this).val()); - if (isNaN(val)) { - val = 0; - } - var f = this; - var id = $(this).attr('id'); - var a = id.split('_'); - $.ajax({ - url: SITE_PATH + 'ajax/saveTimereport/' + a[1] + '/' + a[2] + '/' + val, - success: function(data) { - FIRST_LOAD = true; - MyAjax(data); - var td = $(f).parents('td').get(0); - if (parseFloat($(f).val()) > 0) { - $(td).addClass('filled'); - } else { - $(td).removeClass('filled'); - } - } - }); - }); - - - - $("#dash .toggle").click(function() { - var rel = $(this).attr('rel'); - var div = $(this).parents('.dashboard').get(0); - var liste = $(div).find('.liste'); - - $(liste).slideToggle('fast', function() { - resize(); - }); - $(this).toggleClass('close'); - - $.ajax({ - url: SITE_PATH + 'ajax/toggleDashboard/' + rel - }); - return false; - }); - - $(".filtre .bt").click(function() { - var ul = $(this).parent().parent().children('ul'); - $(ul).slideToggle('fast'); - return false; - }); - - $(".filtre ul").click(function(e) { - if (e.target.nodeName == 'INPUT' || e.target.nodeName == 'LABEL') { - return true; - } - $(this).slideToggle('fast'); - }); - $(".filtre span").click(function() { - var ul = $(this).parent().children('ul'); - $(ul).slideToggle('fast'); - }); - - $(".filtre input").change(function() { - var form = $(this).parents('form').get(0); - var uls = $(form).find("ul"); - var divs = $(form).find(".input"); - var spans = $(form).find("span"); - var i, j, k, ul, lis, li, input, label, checked, div, titre, t, t1, allc, inputs; - for (i = 0; i < uls.length; i++) { - div = divs[i]; - titre = Array(); - ul = uls[i]; - lis = $(ul).children("li"); - allc = $(lis).get(0); - checked = 0; - for (j = 1; j < lis.length; j++) { - li = lis[j]; - input = $(li).find('input').get(0); - label = $(li).find('label').get(0); - if (input.checked) { - checked++; - titre.push($(label).text()); - } - } - if (checked == 0) { - $(div).find('span').text($(allc).text()); - $(div).find('a').attr('title', $(allc).text()); - $(div).removeClass('active'); - inputs = $(ul).find('input'); - for (k = 0; k < inputs.length; k++) { - inputs[k].checked = true; - } - } else if (checked == lis.length - 1) { - $(div).find('span').text($(allc).text()); - $(div).find('a').attr('title', $(allc).text()); - $(div).removeClass('active'); - } else { - t = titre.join(', '); - if (t.length > 20) { - t1 = t.substr(0, 16) + '...'; - } else { - t1 = t; - } - $(div).find('span').text(t1); - $(div).find('a').attr('title', t); - $(div).addClass('active'); - } - } - return true; - }); - - $("#copywsassets").off('change blur').on('change blur', "#source", function() { - $.ajax({ - url: SITE_PATH + 'ajax/fluidbookAssets/' + $(this).val(), - success: function(data) { - MyAjax(data); - } - }); - }); - - - $(window).resize(function() { - resize(); - }); - resize(); + DEFAULT_WAIT_MESSAGE = $("#ajaxLoader .c p").text(); + + + var viewportWidth = 1030; + if ($("#main.big").length > 0) { + $("#header").addClass('big'); + viewportWidth = 1250; + } + + var is = screen.width / viewportWidth; + $('meta[name="viewport"]').attr('content', 'width=' + viewportWidth + 'px,initial-scale=' + is + ',maximum-scale:2.0'); + + if ($(".dashboard").length >= 1 && $("#dash").length >= 1) { + try { + $("#dash").sortable('destroy'); + } catch (err) { + + } + if (FIRST_LOAD) { + FIRST_LOAD = false; + } else { + FIRST_LOAD = true; + $.ajax({ + url: SITE_PATH + 'ajax/reloadDashboards', + success: function (data) { + MyAjax(data); + } + }); + } + + $("#dash").sortable({ + opacity: 0.6, + axis: "y", + handle: ".caption", + stop: function (e, ui) { + $.ajax({ + url: SITE_PATH + 'ajax/orderDashboards?' + $("#dash").sortable('serialize') + }); + resize(); + } + }); + } + + $(".timereport_field").change(function () { + var val = parseInt($(this).val()); + if (isNaN(val)) { + val = 0; + } + var f = this; + var id = $(this).attr('id'); + var a = id.split('_'); + $.ajax({ + url: SITE_PATH + 'ajax/saveTimereport/' + a[1] + '/' + a[2] + '/' + val, + success: function (data) { + FIRST_LOAD = true; + MyAjax(data); + var td = $(f).parents('td').get(0); + if (parseFloat($(f).val()) > 0) { + $(td).addClass('filled'); + } else { + $(td).removeClass('filled'); + } + } + }); + }); + + + $("#dash .toggle").click(function () { + var rel = $(this).attr('rel'); + var div = $(this).parents('.dashboard').get(0); + var liste = $(div).find('.liste'); + + $(liste).slideToggle('fast', function () { + resize(); + }); + $(this).toggleClass('close'); + + $.ajax({ + url: SITE_PATH + 'ajax/toggleDashboard/' + rel + }); + return false; + }); + + $(".filtre .bt").click(function () { + var ul = $(this).parent().parent().children('ul'); + $(ul).slideToggle('fast'); + return false; + }); + + $(".filtre ul").click(function (e) { + if (e.target.nodeName == 'INPUT' || e.target.nodeName == 'LABEL') { + return true; + } + $(this).slideToggle('fast'); + }); + $(".filtre span").click(function () { + var ul = $(this).parent().children('ul'); + $(ul).slideToggle('fast'); + }); + + $(".filtre input").change(function () { + var form = $(this).parents('form').get(0); + var uls = $(form).find("ul"); + var divs = $(form).find(".input"); + var spans = $(form).find("span"); + var i, j, k, ul, lis, li, input, label, checked, div, titre, t, t1, allc, inputs; + for (i = 0; i < uls.length; i++) { + div = divs[i]; + titre = Array(); + ul = uls[i]; + lis = $(ul).children("li"); + allc = $(lis).get(0); + checked = 0; + for (j = 1; j < lis.length; j++) { + li = lis[j]; + input = $(li).find('input').get(0); + label = $(li).find('label').get(0); + if (input.checked) { + checked++; + titre.push($(label).text()); + } + } + if (checked == 0) { + $(div).find('span').text($(allc).text()); + $(div).find('a').attr('title', $(allc).text()); + $(div).removeClass('active'); + inputs = $(ul).find('input'); + for (k = 0; k < inputs.length; k++) { + inputs[k].checked = true; + } + } else if (checked == lis.length - 1) { + $(div).find('span').text($(allc).text()); + $(div).find('a').attr('title', $(allc).text()); + $(div).removeClass('active'); + } else { + t = titre.join(', '); + if (t.length > 20) { + t1 = t.substr(0, 16) + '...'; + } else { + t1 = t; + } + $(div).find('span').text(t1); + $(div).find('a').attr('title', t); + $(div).addClass('active'); + } + } + return true; + }); + + $("#copywsassets").off('change blur').on('change blur', "#source", function () { + $.ajax({ + url: SITE_PATH + 'ajax/fluidbookAssets/' + $(this).val(), + success: function (data) { + MyAjax(data); + } + }); + }); + + if ($('form#upload').length > 0) { + var bar = $('form#upload .bar'); + var status = $('form#upload .status'); + + $('form#upload').ajaxForm({ + beforeSend: function () { + status.empty(); + var percentVal = '0%'; + status.html('Chargement en cours | ' + percentVal + ''); + bar.css('width', percentVal); + }, + uploadProgress: function (event, position, total, percentComplete) { + var percentVal = percentComplete + '%'; + bar.css('width', percentVal); + status.html('Chargement en cours | ' + percentVal + ''); + }, + success: function () { + var percentVal = '100%'; + bar.css('width', percentVal); + status.html('Chargement en cours | ' + percentVal + ''); + }, + complete: function (xhr) { + window.location = window.location; + } + }); + + $(document).on('click', "form#upload a.button", function () { + $('form#upload input[type="file"]').trigger('click'); + return false; + }); + + $(document).on('change', 'form#upload input[type="file"]', function () { + console.log($(this)); + $(this).closest('form').submit(); + }); + } + + + $(window).resize(function () { + resize(); + }); + resize(); } function resize() { - var allh = $("#header").height() + $("#footer").height() + $("#bar").height() + $("#main .content").height() + 13 + 30; - var h = Math.max($(window).height(), allh); + var allh = $("#header").height() + $("#footer").height() + $("#bar").height() + $("#main .content").height() + 13 + 30; + var h = Math.max($(window).height(), allh); - var mh = h - $("#header").height() - $("#footer").height() - $("#bar").height() - 30 - 13; - mh = Math.max(mh, 450); - $("#main").css('height', mh); + var mh = h - $("#header").height() - $("#footer").height() - $("#bar").height() - 30 - 13; + mh = Math.max(mh, 450); + $("#main").css('height', mh); } function refreshFiles() { - $.ajax({ - url: SITE_PATH + 'ajax/refreshFichiers', - success: function(data) { - MyAjax(data); - } - }); + $.ajax({ + url: SITE_PATH + 'ajax/refreshFichiers', + success: function (data) { + MyAjax(data); + } + }); } function findWSAdmin(li) { - var p = li.selectValue.split(' - '); - if (p.length <= 1) { - return; - } - var user_id = parseInt(p[0]); - $("#ws_admin").val(user_id); + var p = li.selectValue.split(' - '); + if (p.length <= 1) { + return; + } + var user_id = parseInt(p[0]); + $("#ws_admin").val(user_id); } function resizeLoader() { - $("#ajaxLoader").css('height', $(window).height()); - $("#ajaxLoader").css('width', $(window).width()); + $("#ajaxLoader").css('height', $(window).height()); + $("#ajaxLoader").css('width', $(window).width()); } function displayLoader(message) { - if (message != undefined) { - $("#ajaxLoader .c p").html(message); - } - - resizeLoader(); - $("#ajaxLoader").show(); - var h = $("#ajaxLoader .c").outerHeight(); - $("#ajaxLoader").css('top', -h); - $("#ajaxLoader").animate({ - top: 0 - }, 400); + if (message != undefined) { + $("#ajaxLoader .c p").html(message); + } + + resizeLoader(); + $("#ajaxLoader").show(); + var h = $("#ajaxLoader .c").outerHeight(); + $("#ajaxLoader").css('top', -h); + $("#ajaxLoader").animate({ + top: 0 + }, 400); } function hideLoader() { - resizeLoader(); - - var h = $("#ajaxLoader .c").outerHeight(); - $("#ajaxLoader").animate({ - top: -h - }, 400, null, function() { - $(this).hide(); - $("#ajaxLoader .c p").html(DEFAULT_WAIT_MESSAGE); - }); + resizeLoader(); + + var h = $("#ajaxLoader .c").outerHeight(); + $("#ajaxLoader").animate({ + top: -h + }, 400, null, function () { + $(this).hide(); + $("#ajaxLoader .c p").html(DEFAULT_WAIT_MESSAGE); + }); } \ No newline at end of file diff --git a/style/common.css b/style/common.css deleted file mode 100644 index e90fc90a4..000000000 --- a/style/common.css +++ /dev/null @@ -1,133 +0,0 @@ -input[type="text"],input[type="password"],input[type="email"],input[type="search"],textarea{ - font-family:Verdana; - font-size:12px; - -webkit-appearance: textfield; - outline: none; -} - -select{ - font-family:Verdana; - font-size:12px; - outline: none; -} - -h1{ - font-family: UniversCondensedBold; - font-weight: normal; - text-transform: uppercase; - font-size:16px; - padding:10px 0 5px; -} - -@font-face { - font-family: 'UniversCondensedBold'; - src: url('univers-condensedbold-webfont.eot'); - src: url('univers-condensedbold-webfont.eot?#iefix') format('embedded-opentype'), - url('univers-condensedbold-webfont.woff') format('woff'), - url('univers-condensedbold-webfont.ttf') format('truetype'), - url('univers-condensedbold-webfont.svg#UniversCondensedBold') format('svg'); - font-weight: normal; - font-style: normal; -} - -.b{padding:3px; - background:#ffffff; - border-radius:7px; - -ms-box-shadow:0px 0px 5px #999fab; - -o-box-shadow:0px 0px 5px #999fab; - -moz-box-shadow:0px 0px 5px #999fab; - -webkit-box-shadow:0px 0px 5px #999fab; - box-shadow:0px 0px 5px #999fab; - margin-bottom: 10px; -} - -.b table{ - width:100%; -} - -/* Top left */ -.b table tr:first-child th:first-child{ - border-radius:6px 0 0 0; -} -.b table tr:first-child th:last-child{ - border-radius:0 6px 0 0; -} -.b table tr:last-child td:first-child{ - border-radius:0 0 0 6px; -} -.b table tr:last-child td:last-child{ - border-radius:0 0 6px 0; -} - -.b table.legende tr td, -.b table.legende tr th{ - border-radius: 0 !important; -} - -.b.login{ - width:325px; - margin:0 auto; -} - - -.onglet{ - background:url('onglet.png'); - background-position: top left; - background-repeat:repeat-x; - text-align: center; - border-radius:7px 7px 0 0; - color:#ffffff; - font-size:14px; - width:119px; - text-transform: uppercase; - font-family: UniversCondensedBold, Arial, Helvetica,sans-serif; - display:inline-block; - height: 24px; - margin-right: 1px; - text-decoration: none; - padding:7px 0 0 0; - font-weight: normal; -} - -.onglet.active, .onglet:hover{ - background-position:bottom left; - -} - -#ajaxLoader{ - position:fixed; - display:none; - top:0px; - left:0px; - width:100%; - height:100%; - z-index: 10000000; -} - -#ajaxLoader .c{ - background:#fff; - font-size:16px; - padding:20px; - width:300px; - height:50px; - margin:0 auto; - border-radius: 0 0 10px 10px; - box-shadow: 0px 0px 10px rgba(0,0,0,0.5); - -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); - -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); - -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); - -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -} - -#ajaxLoader .c img{ - vertical-align: middle; - display: block; - float:left; -} - -#ajaxLoader .c p{ - width:240px; - float:left; - margin-left:20px; - text-align: center; -} \ No newline at end of file diff --git a/style/common.less b/style/common.less new file mode 100644 index 000000000..bbf08f81d --- /dev/null +++ b/style/common.less @@ -0,0 +1,206 @@ +input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea { + font-family: Verdana; + font-size: 12px; + -webkit-appearance: textfield; + outline: none; +} + +select { + font-family: Verdana; + font-size: 12px; + outline: none; +} + +h1 { + font-family: UniversCondensedBold; + font-weight: normal; + text-transform: uppercase; + font-size: 16px; + padding: 10px 0 5px; +} + +@font-face { + font-family: 'UniversCondensedBold'; + src: url('univers-condensedbold-webfont.eot'); + src: url('univers-condensedbold-webfont.eot?#iefix') format('embedded-opentype'), + url('univers-condensedbold-webfont.woff') format('woff'), + url('univers-condensedbold-webfont.ttf') format('truetype'), + url('univers-condensedbold-webfont.svg#UniversCondensedBold') format('svg'); + font-weight: normal; + font-style: normal; +} + +.b { + padding: 3px; + background: #ffffff; + border-radius: 7px; + -ms-box-shadow: 0px 0px 5px #999fab; + -o-box-shadow: 0px 0px 5px #999fab; + -moz-box-shadow: 0px 0px 5px #999fab; + -webkit-box-shadow: 0px 0px 5px #999fab; + box-shadow: 0px 0px 5px #999fab; + margin-bottom: 10px; +} + +.b table { + width: 100%; +} + +/* Top left */ +.b table tr:first-child th:first-child { + border-radius: 6px 0 0 0; +} + +.b table tr:first-child th:last-child { + border-radius: 0 6px 0 0; +} + +.b table tr:last-child td:first-child { + border-radius: 0 0 0 6px; +} + +.b table tr:last-child td:last-child { + border-radius: 0 0 6px 0; +} + +.b table.legende tr td, +.b table.legende tr th { + border-radius: 0 !important; +} + +.b.login { + width: 325px; + margin: 0 auto; +} + +.onglet { + background: url('onglet.png'); + background-position: top left; + background-repeat: repeat-x; + text-align: center; + border-radius: 7px 7px 0 0; + color: #ffffff; + font-size: 14px; + width: 119px; + text-transform: uppercase; + font-family: UniversCondensedBold, Arial, Helvetica, sans-serif; + display: inline-block; + height: 24px; + margin-right: 1px; + text-decoration: none; + padding: 7px 0 0 0; + font-weight: normal; +} + +.onglet.active, .onglet:hover { + background-position: bottom left; + +} + +#ajaxLoader { + position: fixed; + display: none; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + z-index: 10000000; +} + +#ajaxLoader .c { + background: #fff; + font-size: 16px; + padding: 20px; + width: 300px; + height: 50px; + margin: 0 auto; + border-radius: 0 0 10px 10px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); +} + +#ajaxLoader .c img { + vertical-align: middle; + display: block; + float: left; +} + +#ajaxLoader .c p { + width: 240px; + float: left; + margin-left: 20px; + text-align: center; +} + +form#upload { + width: 600px; + margin: 0 auto; + padding: 0 0 20px; + input[type="file"] { + position: absolute; + top: 0; + left: 0; + opacity: 0; + width: 1px; + height: 1px; + } + + a.button { + height: 30px; + box-sizing: border-box; + color: #fff; + font-weight: 700; + background-color: #9cc10e; + display: inline-block; + padding: 7px 10px; + text-decoration: none; + border-radius: 5px; + text-align: center; + width: 120px; + vertical-align: top; + } + + .progress { + border: 1px solid #ccc; + border-radius: 5px; + + width: 430px; + height: 30px; + margin-right: 10px; + display: inline-block; + vertical-align: top; + position: relative; + + .back { + position: absolute; + background-color: #fff; + width: 100%; + height: 30px; + top: 0; + left: 0; + z-index: 1; + } + + .bar { + position: absolute; + background-color: #1F222A; + width: 0%; + height: 30px; + top: 0; + left: 0; + z-index: 2; + } + + .status { + position: absolute; + width: 100%; + text-align: center; + color: #9cc10e; + top: 7px; + z-index: 3; + } + } +} \ No newline at end of file diff --git a/style/extranet/style.css b/style/extranet/style.css deleted file mode 100644 index 249fa81fe..000000000 --- a/style/extranet/style.css +++ /dev/null @@ -1,408 +0,0 @@ -body{ - height:auto; -} - -body,table{ - font-family:Verdana; - font-size:12px; - color:#fff; -} - -a{ - color:#da4f24; - text-decoration:underline; -} - -a:hover{ - text-decoration:none; -} - -abbr{cursor:help;border-bottom:1px dotted #fff;} -td{height:30px;color:#333;} - -h1{ - padding:6px 5px; -} - -.login h1{ - color:#5F6162; - padding: 10px 10px 5px; -} - - -input[type="text"],input[type="password"],input[type="email"],input[type="search"],select,textarea{ - color:#666; -} - -.message{text-align:center;font-size:11px;color:#da4f24;background:#fff;} - -.content{ - width:990px; - margin:0 auto; - position:relative; -} - -#header{ - height:94px; - background:url(bg-header.png) repeat-x; - position:relative; -} - -#logo{ - position:absolute; - top:11px; -} - -#welcome{ - position:absolute; - top:25px; - right:10px; - font-size:11px; -} - -#welcome.with-search{ - right:250px; -} - -#search{ - background:url(search.png) no-repeat; - width:229px; - height:28px; - position:absolute; - right:10px; - top:20px; -} - -#search input{ - background:none; - border:none; - width:180px; - position:absolute; - top:7px; - left:10px; - color:#fff; -} - -#search a{ - margin-left:5px; - position:absolute; - top:2px; - right:3px; -} - -#footer{ - height:5px; - background:#2a303a; - overflow:hidden; -} - -#main{ - background:url(bg-page.png) repeat-x #dbdde2 ; - position:relative; - height:439px; - padding-top:13px; - padding-bottom:30px; -} - -#logo-main{ - position:fixed; - background:url(bg-logo.png) no-repeat; - top:180px; - left:0px; - width:289px; - height:419px; -} - -#nav{ - height:31px; - position:absolute; - top:63px; - width:960px; -} - -.popupOverlay{background:#666;opacity:0;position:fixed;display:none;top:0px;left:0px;width:100%;height:100%;} -.popupWindow{display:none;opacity:1;position:fixed;} -/*.popupWindow>table{width:600px;}*/ -.popupWindow .close{position:absolute;top:15px;right:15px;} - -/* Tableaux */ - -.liste{width:100% !important;min-width:960px;} -.liste.light{width:100% !important;min-width:0px !important;} -.liste.form{width:auto !important;min-width:0px !important;} -.form h2,.form th,.form td,.liste th, .liste td{text-align:left;border-bottom:1px solid #fff;font-weight:normal;padding-left:10px;padding-right:10px;font-size:12px;} -.form th,.liste th,.liste h1{color:#fff;font-size:11px;height:31px;font-weight:normal;vertical-align:middle;background:#4e535b url(b-h.png) repeat-x;padding-left:10px;} -.form tr.big th{height:40px;} -.form h2{padding-top:6px;height:26px;} -.form td{background:#fff;} -.form h2,.liste td{color:#333;background:#dbdde2;vertical-align:middle;} -.form tr.odd td,.liste tr.odd td{background:#ecedf0;} - -.form tr.light th,.liste tr.light th{ - color:#333;font-size:12px;background:#fff;height:22px; - border-bottom:1px solid #707070; - margin-bottom:1px; - padding-left:3px; -} - - -.liste tr.bold td{font-weight:bold;} -.liste td.we{background:#DBDDE2 !important;} -.liste td.filled,.liste td.highlight, .liste th.highlight{background:#da4f24 !important;} -.liste .action{width:1px;} -.liste th a{color:#fff;text-decoration:none;font-weight:bold;} -.liste th a:hover{text-decoration:underline;} - -.form td a img, .liste td a img{margin-top:4px;} - -.listeTimereport input[type="text"]{width:12px;text-align:center;font-size:10px;margin:2px;} -.listeTimereport td, .listeTimereport th{padding-left:4px;padding-right:4px;width:16px;} -.listeTimereport th .spacer{float:left;} -.listeTimereport .normal{text-align:left;vertical-align:middle;padding-left:10px;padding-right:10px;width:auto;} -.listeTimereport .info{width:30px;} -.listeTimereport tr.bold td{border-top:1px solid #4e555c;} - -#devisTop{background:url(../../images/extranet/devis.png) top left;width:960px;height:500px;} -#devisMiddle{background:url(bg-document.png);width:960px;padding-bottom:20px;} -#devisBottom{background:url(../../images/extranet/devis.png) bottom left;width:960px;height:300px;} -#factureAdresse,#devisAdresse{position:absolute;top:180px;left:520px;height:165px;width:360px;padding:0px;} -#factureAdresse input[type="text"],#devisAdresse input[type="text"]{width:100%;} -#factureAdresseDisplay,#devisAdresseDisplay{font-size:20px;padding:20px;position:relative;min-height:150px;} -#factureAdresseDisplay .tva{font-size:12px;} -#factureAdresse .edit,#devisAdresse .edit{position:absolute;top:20px;right:20px;} -#devisTitre{position:absolute;left:56px;top:231px;width:411px;height:184px;} -#devisLignes{padding-top:20px;} -.devisLigne{border:1px #9aa2ae dashed;cursor:move;margin-top:20px;margin-left:20px;margin-right:20px;} -.devisLigneLeft{width:700px;padding:20px;} -.devisLigneRight{width:120px;float:right;text-align:center;padding:20px;} - -.devisLigneLeft textarea, -.devisLigneLeft input[type="text"]{ - width:700px; -} - -#devisMail{padding:30px;margin-top:30px;border-top:2px solid #000;} -#devisMail td{color:#000 !important;} - -/* Pagers */ - -.pager-holder{ - padding:10px; - padding-bottom:0px; - float:none; -} -.pager{ - text-align:center; -} -.pager a, .pager strong{ - padding:2px; - height:10px; - font-weight:bold; -} -.pager a{text-decoration:none;} -.pager a:hover{text-decoration:none;} - -/* Pager Left */ -.pager.pgleft a{ - background:#ecedf0; - border:1px solid #d9e3ef; - color:#5D626A; -} -.pager.pgleft a:hover, -.pager.pgleft strong{ - background:#ffc600 url(pager-left-active.png) repeat-x bottom left; - border:1px solid #ff9d00; - color:#7F5500; -} - -.formParPage{ - padding:5px; - float:right; -} - - -/* Barre de raccourcis */ -#bar{ - background:url(bg-bar.png) repeat-x #fff bottom left; -} - -#bar.vide{ - height:16px; -} - -#bar .content{ - height:50px; -} - -.shortcut .note{color:#333;padding:10px;} -.shortcut{float:left;margin-left:5px;margin-top:10px;} - -/* Filtres */ -.filtre{ - color:#5f6162; - width:160px; - float:left; - margin-left:10px; - padding-top:1px; - position:relative; -} -.filtre span{ - font-size:9px; - color:#5f6162; - margin-left:5px; - cursor:pointer; -} -.filtre .bt{ - position:absolute; - top:2px; - right:3px; - width:155px; - height:18px; -} -.filtre .input{ - width:135px; - height:23px; - background-image:url(filtres.png); - background-repeat:no-repeat; - padding:5px; - padding-right:20px; - margin-left:5px; - position:relative; -} -.filtre .input.active{ - font-weight:bold; -} -.filtre ul{ - display:none; - position:absolute; - top:36px; - left:5px; - z-index:20; - width:160px; - cursor:pointer; -} - -.filtre .input span{ - font-size:12px; -} -.filtre ul li.first{ - padding-top:2px; -} -.filtre ul li{ - list-style-type:none; - padding-left:20px; - background-image:url(filtre-list-m.png); -} -.filtre ul li.last{ - background-image:url(filtre-list-b.png); - background-position:0 100%; - padding-bottom:5px; -} -.filtre ul li.all{ - display:none; -} -.efface_filtres{padding-right:20px;padding-top:10px;float:right;} - -/* Dashboard */ -.dashboard{ - position:relative; - margin-bottom:10px; -} -.dashboard .caption{ - position:relative; - left:20px; - display:inline; - cursor:move; -} - -.dashboard .edit{ - position:absolute; - right:40px; - top:-17px; -} - -.dashboard .delete{ - position:absolute; - right:10px; - top:-17px; -} - -.dashboard .toggle{ - position:absolute; - left:12px; - top:-10px; - background-image:url(arrows.png); - background-position:0 0; - width:18px; - height:10px; -} - -.dashboard .toggle.close{ - background-position:0 100%; -} - -.dashboard div.close .liste{ - display:none; -} - -.dashboard .b-c{ - width:960px !important; - height:auto !important; -} - -/* Menu Contextuel */ -.contextMenu{border:1px solid #000;float:left;position:absolute;display:none;z-index:100000;} -.contextMenu li{border-bottom:1px solid #ccc;padding:12px;padding-left:20px;padding-right:20px;list-style-type:none;background:#fff;height:12px;} -.contextMenu li:hover{background:#ccc;} -.contextMenu li a:hover{text-decoration:none;} -.contextMenu li img{margin:5px;margin-right:7px;vertical-align:middle;float:none;} -.contextMenu li.head{background:#666b74;font-weight:bold;color:#fff;text-align:center;border-bottom:1px solid #000;} - -/* Autocomplete */ -.ac_results{ - background:#fff; - border:1px solid #acacac; - color:#666; - padding:2px; - z-index:100000 !important; -} - -.ac_results li{ - cursor:pointer; - padding:2px; - margin:1px; - list-style-type:none; -} - -.ac_results li:hover, .ac_over{ - background:#4e535e; - color:#fff; -} - -.ac_results iframe{ - display:none; -} - -/* Traduction */ -#traduction div table td{padding:5px;background:#dbdde2;color:#333;vertical-align:top;} -#traduction div table .odd td{background:#ecedf0;} -#traduction div table .save td{background-color:#4e535b;background-image:url(b-h.png);background-repeat:repeat-x;} - -/* Erreur */ -.error{border:1px solid #f00;} - -#uploaderContainer{width:970px;height:50px;} - -.gris{background-color:#ecedf0;} - -.onglet:hover, .onglet.active{ - color:#5f6162; -} - -#urlDecoder textarea{ - width:100%; -} - -#ajaxLoader{ - color:#333333; -} \ No newline at end of file diff --git a/style/extranet/style.less b/style/extranet/style.less new file mode 100644 index 000000000..ea752cc21 --- /dev/null +++ b/style/extranet/style.less @@ -0,0 +1,713 @@ +body { + height: auto; +} + +body, table { + font-family: Verdana; + font-size: 12px; + color: #fff; +} + +a { + color: #da4f24; + text-decoration: underline; +} + +a:hover { + text-decoration: none; +} + +abbr { + cursor: help; + border-bottom: 1px dotted #fff; +} + +td { + height: 30px; + color: #333; +} + +h1 { + padding: 6px 5px; +} + +.login h1 { + color: #5F6162; + padding: 10px 10px 5px; +} + +input[type="text"], input[type="password"], input[type="email"], input[type="search"], select, textarea { + color: #666; +} + +.message { + text-align: center; + font-size: 11px; + color: #da4f24; + background: #fff; +} + +.content { + width: 990px; + margin: 0 auto; + position: relative; +} + +#header { + height: 94px; + background: url(bg-header.png) repeat-x; + position: relative; +} + +#logo { + position: absolute; + top: 11px; +} + +#welcome { + position: absolute; + top: 25px; + right: 10px; + font-size: 11px; +} + +#welcome.with-search { + right: 250px; +} + +#search { + background: url(search.png) no-repeat; + width: 229px; + height: 28px; + position: absolute; + right: 10px; + top: 20px; +} + +#search input { + background: none; + border: none; + width: 180px; + position: absolute; + top: 7px; + left: 10px; + color: #fff; +} + +#search a { + margin-left: 5px; + position: absolute; + top: 2px; + right: 3px; +} + +#footer { + height: 5px; + background: #2a303a; + overflow: hidden; +} + +#main { + background: url(bg-page.png) repeat-x #dbdde2; + position: relative; + height: 439px; + padding-top: 13px; + padding-bottom: 30px; +} + +#logo-main { + position: fixed; + background: url(bg-logo.png) no-repeat; + top: 180px; + left: 0px; + width: 289px; + height: 419px; +} + +#nav { + height: 31px; + position: absolute; + top: 63px; + width: 960px; +} + +.popupOverlay { + background: #666; + opacity: 0; + position: fixed; + display: none; + top: 0px; + left: 0px; + width: 100%; + height: 100%; +} + +.popupWindow { + display: none; + opacity: 1; + position: fixed; +} + +/*.popupWindow>table{width:600px;}*/ +.popupWindow .close { + position: absolute; + top: 15px; + right: 15px; +} + +/* Tableaux */ + +.liste { + width: 100% !important; + min-width: 960px; +} + +.liste.light { + width: 100% !important; + min-width: 0px !important; +} + +.liste.form { + width: auto !important; + min-width: 0px !important; +} + +.form h2, .form th, .form td, .liste th, .liste td { + text-align: left; + border-bottom: 1px solid #fff; + font-weight: normal; + padding-left: 10px; + padding-right: 10px; + font-size: 12px; +} + +.form th, .liste th, .liste h1 { + color: #fff; + font-size: 11px; + height: 31px; + font-weight: normal; + vertical-align: middle; + background: #4e535b url(b-h.png) repeat-x; + padding-left: 10px; +} + +.form tr.big th { + height: 40px; +} + +.form h2 { + padding-top: 6px; + height: 26px; +} + +.form td { + background: #fff; +} + +.form h2, .liste td { + color: #333; + background: #dbdde2; + vertical-align: middle; +} + +.form tr.odd td, .liste tr.odd td { + background: #ecedf0; +} + +.form tr.light th, .liste tr.light th { + color: #333; + font-size: 12px; + background: #fff; + height: 22px; + border-bottom: 1px solid #707070; + margin-bottom: 1px; + padding-left: 3px; +} + +.liste tr.bold td { + font-weight: bold; +} + +.liste td.we { + background: #DBDDE2 !important; +} + +.liste td.filled, .liste td.highlight, .liste th.highlight { + background: #da4f24 !important; +} + +.liste .action { + width: 1px; +} + +.liste th a { + color: #fff; + text-decoration: none; + font-weight: bold; +} + +.liste th a:hover { + text-decoration: underline; +} + +.form td a img, .liste td a img { + margin-top: 4px; +} + +.listeTimereport input[type="text"] { + width: 12px; + text-align: center; + font-size: 10px; + margin: 2px; +} + +.listeTimereport td, .listeTimereport th { + padding-left: 4px; + padding-right: 4px; + width: 16px; +} + +.listeTimereport th .spacer { + float: left; +} + +.listeTimereport .normal { + text-align: left; + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + width: auto; +} + +.listeTimereport .info { + width: 30px; +} + +.listeTimereport tr.bold td { + border-top: 1px solid #4e555c; +} + +#devisTop { + background: url(../../images/extranet/devis.png) top left; + width: 960px; + height: 500px; +} + +#devisMiddle { + background: url(bg-document.png); + width: 960px; + padding-bottom: 20px; +} + +#devisBottom { + background: url(../../images/extranet/devis.png) bottom left; + width: 960px; + height: 300px; +} + +#factureAdresse, #devisAdresse { + position: absolute; + top: 180px; + left: 520px; + height: 165px; + width: 360px; + padding: 0px; +} + +#factureAdresse input[type="text"], #devisAdresse input[type="text"] { + width: 100%; +} + +#factureAdresseDisplay, #devisAdresseDisplay { + font-size: 20px; + padding: 20px; + position: relative; + min-height: 150px; +} + +#factureAdresseDisplay .tva { + font-size: 12px; +} + +#factureAdresse .edit, #devisAdresse .edit { + position: absolute; + top: 20px; + right: 20px; +} + +#devisTitre { + position: absolute; + left: 56px; + top: 231px; + width: 411px; + height: 184px; +} + +#devisLignes { + padding-top: 20px; +} + +.devisLigne { + border: 1px #9aa2ae dashed; + cursor: move; + margin-top: 20px; + margin-left: 20px; + margin-right: 20px; +} + +.devisLigneLeft { + width: 700px; + padding: 20px; +} + +.devisLigneRight { + width: 120px; + float: right; + text-align: center; + padding: 20px; +} + +.devisLigneLeft textarea, +.devisLigneLeft input[type="text"] { + width: 700px; +} + +#devisMail { + padding: 30px; + margin-top: 30px; + border-top: 2px solid #000; +} + +#devisMail td { + color: #000 !important; +} + +/* Pagers */ + +.pager-holder { + padding: 10px; + padding-bottom: 0px; + float: none; +} + +.pager { + text-align: center; +} + +.pager a, .pager strong { + padding: 2px; + height: 10px; + font-weight: bold; +} + +.pager a { + text-decoration: none; +} + +.pager a:hover { + text-decoration: none; +} + +/* Pager Left */ +.pager.pgleft a { + background: #ecedf0; + border: 1px solid #d9e3ef; + color: #5D626A; +} + +.pager.pgleft a:hover, +.pager.pgleft strong { + background: #ffc600 url(pager-left-active.png) repeat-x bottom left; + border: 1px solid #ff9d00; + color: #7F5500; +} + +.formParPage { + padding: 5px; + float: right; +} + +/* Barre de raccourcis */ +#bar { + background: url(bg-bar.png) repeat-x #fff bottom left; +} + +#bar.vide { + height: 16px; +} + +#bar .content { + height: 50px; +} + +.shortcut .note { + color: #333; + padding: 10px; +} + +.shortcut { + float: left; + margin-left: 5px; + margin-top: 10px; +} + +/* Filtres */ +.filtre { + color: #5f6162; + width: 160px; + float: left; + margin-left: 10px; + padding-top: 1px; + position: relative; +} + +.filtre span { + font-size: 9px; + color: #5f6162; + margin-left: 5px; + cursor: pointer; +} + +.filtre .bt { + position: absolute; + top: 2px; + right: 3px; + width: 155px; + height: 18px; +} + +.filtre .input { + width: 135px; + height: 23px; + background-image: url(filtres.png); + background-repeat: no-repeat; + padding: 5px; + padding-right: 20px; + margin-left: 5px; + position: relative; +} + +.filtre .input.active { + font-weight: bold; +} + +.filtre ul { + display: none; + position: absolute; + top: 36px; + left: 5px; + z-index: 20; + width: 160px; + cursor: pointer; +} + +.filtre .input span { + font-size: 12px; +} + +.filtre ul li.first { + padding-top: 2px; +} + +.filtre ul li { + list-style-type: none; + padding-left: 20px; + background-image: url(filtre-list-m.png); +} + +.filtre ul li.last { + background-image: url(filtre-list-b.png); + background-position: 0 100%; + padding-bottom: 5px; +} + +.filtre ul li.all { + display: none; +} + +.efface_filtres { + padding-right: 20px; + padding-top: 10px; + float: right; +} + +/* Dashboard */ +.dashboard { + position: relative; + margin-bottom: 10px; +} + +.dashboard .caption { + position: relative; + left: 20px; + display: inline; + cursor: move; +} + +.dashboard .edit { + position: absolute; + right: 40px; + top: -17px; +} + +.dashboard .delete { + position: absolute; + right: 10px; + top: -17px; +} + +.dashboard .toggle { + position: absolute; + left: 12px; + top: -10px; + background-image: url(arrows.png); + background-position: 0 0; + width: 18px; + height: 10px; +} + +.dashboard .toggle.close { + background-position: 0 100%; +} + +.dashboard div.close .liste { + display: none; +} + +.dashboard .b-c { + width: 960px !important; + height: auto !important; +} + +/* Menu Contextuel */ +.contextMenu { + border: 1px solid #000; + float: left; + position: absolute; + display: none; + z-index: 100000; +} + +.contextMenu li { + border-bottom: 1px solid #ccc; + padding: 12px; + padding-left: 20px; + padding-right: 20px; + list-style-type: none; + background: #fff; + height: 12px; +} + +.contextMenu li:hover { + background: #ccc; +} + +.contextMenu li a:hover { + text-decoration: none; +} + +.contextMenu li img { + margin: 5px; + margin-right: 7px; + vertical-align: middle; + float: none; +} + +.contextMenu li.head { + background: #666b74; + font-weight: bold; + color: #fff; + text-align: center; + border-bottom: 1px solid #000; +} + +/* Autocomplete */ +.ac_results { + background: #fff; + border: 1px solid #acacac; + color: #666; + padding: 2px; + z-index: 100000 !important; +} + +.ac_results li { + cursor: pointer; + padding: 2px; + margin: 1px; + list-style-type: none; +} + +.ac_results li:hover, .ac_over { + background: #4e535e; + color: #fff; +} + +.ac_results iframe { + display: none; +} + +/* Traduction */ +#traduction div table td { + padding: 5px; + background: #dbdde2; + color: #333; + vertical-align: top; +} + +#traduction div table .odd td { + background: #ecedf0; +} + +#traduction div table .save td { + background-color: #4e535b; + background-image: url(b-h.png); + background-repeat: repeat-x; +} + +/* Erreur */ +.error { + border: 1px solid #f00; +} + +#uploaderContainer { + width: 970px; + height: 50px; +} + +.gris { + background-color: #ecedf0; +} + +.onglet:hover, .onglet.active { + color: #5f6162; +} + +#urlDecoder textarea { + width: 100%; +} + +#ajaxLoader { + color: #333333; +} + +form#upload { + a.button { + background-color: #FFB200; + color:#79560A; + } + + .progress { + border: 1px solid #ccc; + .back { + background-color: #fff; + } + + .bar { + background-color: #666B74; + } + + .status { + color: #FFB200; + } + } +} \ No newline at end of file -- 2.39.5