/** * @file global.css * * @version 1.0 * @date 03-09-2013 * * @brief Default CSS style of website. * @details Default CSS style of website. * * @authors Erwan LE LOSTEC * * @copyright ©2009-2013 Maqprint * Licensed under the GPL version 2.0 license. * See LICENSE file or http://www.gnu.org/licenses/old-licenses/gpl-2.0.html * This file is part of puppets library. **/ html, body { font-family:sans-serif; font-size:13px; height:100%; width:100%; padding:0px; margin:0px; } body { font-family:'Open Sans'; padding:0px; margin:0px; } a { text-decoration:none; cursor:pointer; } img { border:none; } .spacer { border:medium none !important; clear:both !important; float:none !important; font-size:1px !important; height:1px !important; line-height:1px !important; margin:0 0 -1px !important; padding:0 !important; visibility:hidden !important; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } ul { margin:0px; padding:0px; list-style:none; } /*-- shadows & radius ----------------------------------------------------------*/ .radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; ms-border-radius:3px; behavior:url(PIE.htc); } .shadows { -moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.75); -webkit-box-shadow:1px 0px 5px 0px rgba(0,0,0,.75); -o-box-shadow:0px 1px 5px 0px rgba(0,0,0,.75); box-shadow:0px 1px 5px 0px rgba(0,0,0,.75); behavior:url(PIE.htc); } .loader65 { background-image:url("./images/preloader65.gif"); background-repeat:no-repeat; background-position:center center; } .loader65-white { background-image:url("./images/preloader65-white.gif"); background-repeat:no-repeat; background-position:center center; } .red { color:red; } /*-- layout ----------------------------------------------------------*/ .wrapper { width:100%; margin:0 auto; } header.header { height:55px; background:#222222; position:relative; } header.header h1 { display:inline-block; width:300px; margin:0px; padding:0px; line-height:50px; position:absolute; left:300px; top:0px; color:#eee; } .middle { border-left:250px solid #282828; position:relative; } .middle:after { display:table; clear:both; content:''; } .container { width:100%; float:left; overflow:hidden; margin-right:-100%; } .content { padding:0px; min-height:500px; background-color:#fafafa } .content header { color:#666; font-size:26px; padding-top:10px; padding-left:20px } .content .breadcrumb { background-color:#eee; line-height:40px; width:100%; margin-top:20px; padding-left:20px; position:relative; } .content .breadcrumb a { color:#666; font-size:14px; cursor:pointer; display:inline-block; } .content .breadcrumb a label { display:inline-block; margin-left:10px; cursor:pointer } .content .breadcrumb .current-date { position:absolute; height:100%; right:0px; top:0px; color:#428bca;width:200px; padding-left:10px } .content .breadcrumb .current-date label { display:inline-block; margin-left:10px; cursor:pointer } .content .breadcrumb .current-fab { position:absolute; height:100%; right:210px; top:0px; color:#FFF; background-color:#1fa67a; width:200px; cursor:pointer; z-index:999; } .content .breadcrumb .current-fab i { margin-left:10px;} .content .breadcrumb .current-fab label { display:inline-block; margin-left:10px; cursor:pointer } .content .breadcrumb .current-fab .right { float:right; line-height:40px; margin-right:5px; } .fab-selector { width:100%; background-color:#FFF; border-left:solid 1px #1fa67a; border-bottom:solid 1px #1fa67a; ; border-right:solid 1px #1fa67a; z-index:9999; box-sizing:border-box; display:none } .fab-selector li { margin-left:5px; margin-right:5px; line-height:30px; border-bottom:solid 1px #CCC; } .fab-selector li:hover { color:#1fa67a!important; } .left-sidebar { float:left; width:250px; position:relative; background:#282828; left:-250px; } .left-sidebar ul { width:100% } .left-sidebar ul li { line-height:50px; padding-left:20px; border-bottom:1px solid #414247; border-right:solid 5px transparent; } .left-sidebar ul li:hover { border-right-color:#f44a56 } .left-sidebar ul li a { color:#eee; font-size:14px; cursor:pointer; display:inline-block; width:100% } .left-sidebar ul li a label { display:inline-block; margin-left:10px; cursor:pointer; position:relative; } .left-sidebar ul li.disable { background-color:#a6a6a6 } .left-sidebar ul li.disable:hover { border-right-color:transparent!important } .footer { line-height:50px; height:50px; background:#282828; color:#999ba2; padding-left:30px } table th.header { background-image: url('./images/bg.gif'); cursor:pointer; } table th.headerSortUp { background-color:#3399FF!important; background-image: url('./images/asc.gif'); } table th.headerSortDown { background-color:#3399FF!important; background-image: url('./images/desc.gif'); } table th { background-repeat:no-repeat; background-position:center right; } #sidpresse { width:97%; margin:20px; border:solid 1px #666; padding:5px; border-collapse:collapse; } #sidpresse th { background-color:#666; line-height:35px; color:#eee; } #sidpresse tbody tr { line-height:25px; border:solid 1px transparent!important; border-bottom:solid 1px #ccc!important; cursor:pointer } #sidpresse tr.selected { border:solid 2px #3399FF!important; background-color:#68b2fc!important; color:#FFF!important; } #sidpresse tr.selected td { font-weight:bold } #sidpresse td { text-align:center; position:relative; } #sidpresse td .error { color:orange; font-size:16px; position:absolute; left:10px; top:5px; } #sidpresse td .bip_error { color:red; font-size:16px; } #sidpresse td .bip_ok { color:green; font-size:16px; } .offset { border-collapse:collapse; } .offset td { border:1px solid grey; padding:15px; } #modal-csv .modal-result { max-height:250px; overflow-x:hidden; overflow-y:scroll; } #modal-csv .modal-result span { font-size:10px;} #modal-colis .modal-result { background-color:#FFF } #modal-details .modal-result { background-color:#FFF; } #modal-fac .modal-message li a { color:#FFF; } #modal-fac .modal-message li:hover { background-color:red } #modal-fac .modal-message li span { display:inline-block; } #modal-fac .modal-message li .file { width:80%; font-size:12px } #modal-fac .modal-message li .info { width:19%; font-size:10px; text-align:right; } #modal-fac { width:550px!important; } #modal-fac .modal-message { min-height:220px!important; } #done_listing { width:100%; color:#000; border-collapse:collapse; } #done_listing thead { display: block; } #done_listing thead th { font-size:12px; padding-left:3px; padding-right:3px } #done_listing tbody { height: 500px; overflow-y: auto; display: block; font-size: 12px; } #done_listing tbody tr:nth-child(2n+1) { background-color: #AED5FB; } #done_listing tbody td { font-size:10px; border:solid 1px #CCC; padding:2px } #done_listing .fabrication { width: 80px; } #done_listing .expedition { width: 70px; } #done_listing .client { width: 180px; } #done_listing .perso { width: 60px; } #done_listing .nombre_ex { width: 70px; } #done_listing .num_colis { width:85px;} #done_listing td.num_colis { text-align:center; color:#f44a56 } #done_listing .num_colis a { color:#028928; text-decoration:underline; font-weight:bold } #done_listing .done { width: 157px; } #done_listing .success { background-color:#dff0d8; } #done_listing .danger { background-color:#eed3d7; } #detail_listing { width:100%; color:#000; border-collapse:collapse; } #detail_listing th { background-color:#666; color:#FFF; font-size:12px; font-weight:normal; border-right:solid 1px #CCC; border-left:solid 1px #CCC; } #detail_listing .th2 { background-color:#795aac; font-style:italic; font-size:10px } #detail_listing td { padding:2px; border-right:solid 1px #CCC; border-left:solid 1px #CCC; font-size:10px; } #detail_listing td.count { text-align:right } #detail_listing tbody tr:nth-child(2n+1) { background-color: #AED5FB; } #detail_listing .row_header { background-color:#FFF!important; color:#666; border-bottom:solid 1px #CCC; } #detail_listing .total td { font-weight:bold; background-color:#f44a56; color:#FFF } #detail_listing .last_row { border-bottom:solid 2px #666 } #dropdown_user { float:right; height:100%; min-width:150px; margin-right:20px; position:relative; } #dropdown_user a { display:block; line-height:30px; padding-top:10px } #dropdown_user a img { float:left; border-radius:50% } #dropdown_user a span { display:inline-block; line-height:30px; margin-left:10px; color:#cecfd3; font-size:13px } #dropdown_user a i { color:#cecfd3; } #dropdown_user:hover #dropdow_menu { display:block } #dropdow_menu { background-color:#FFF; position:absolute; bottom:-30px; right:0px; z-index:999; width:150px; border-radius:5px; display:none } #dropdow_menu li { line-height:30px; padding-left:10px } #dropdow_menu li:hover { background-color:#CCC } #dropdow_menu li a { line-height:30px!important; padding-top:0px!important; color:#333; font-weight:14px } #dropdow_menu li a i { margin-right:10px; color:#333 } #search-bar { background-color:#FFF; position:absolute; left:0px; top:55px; width:100%; z-index:999; box-shadow:0 7px 0 rgba(0, 0, 0, 0.25); border-bottom:solid 1px #666; display:none } #search-bar #search-input { height:70px; line-height:80px; } #search-bar #search-input i { font-size:30px; color:#795aac; margin-left:270px; } #search-bar #search-input input { border:none; background-color:transparent; font-size:30px; margin-left:20px; width:70%; } #search-bar #search-result { width:100%; border-top:solid 1px #666; height:400px; overflow-x:hidden; overflow-y:scroll; display:none; } #search-bar #search-result label { margin-left:270px; font-size:20px; display:inline-block; margin-top:10px; } #search-bar #search-result table { margin-left:270px; margin-top:10px; width:70%; border-collapse:collapse; } #search-bar #search-result table thead { display: block; } #search-bar #search-result table thead th { font-size:12px; padding-left:3px; padding-right:2px } #search-bar #search-result table tbody { height:370px; overflow-y: auto; display: block; font-size:12px; } #search-bar #search-result table tbody tr:nth-child(2n+1) { background-color: #c6b4e5; } #search-bar #search-result table tbody td { font-size:10px; border:solid 1px #CCC; padding:2px } #search-bar #search-result table th.headerSortUp { background-color:#795aac; color:#FFF!important; } #search-bar #search-result table th.headerSortDown { background-color:#795aac; color:#FFF!important; } #search-bar #search-result table .codefab { width:8%; } #search-bar #search-result table .expedition { width:8%; } #search-bar #search-result table .revue { width:80px; } #search-bar #search-result table .numero_of { width:5%; } #search-bar #search-result table .nom2 { width:30%;} #search-bar #search-result table .codeperso { width:70px; } #search-bar #search-result table .sequence { width:5%; } #search-bar #search-result table .nombre_ex { width:5%; } #search-bar #search-result table .numcolis { width:70px; } #search-bar #search-result table .numcolis a { color:green; font-weight:bold; } #search-bar #search-result table .date_bl { width: 157px!important; } #search-bar #search-result table .success { background-color:#dff0d8; } #search-bar #search-result table .danger { background-color:#eed3d7; } #search-button { float:right; height:100%; margin-right:20px; width:110px; position:relative; color:#FFF; line-height:50px; background-color:#795aac; cursor:pointer; } #search-button i { margin-right:10px; margin-left:10px; } #err-table { text-align:center; width:100; border-collapse:collapse; width:100% } #err-table th { font-size:12px } #err-table td { padding:2px; font-size:10px; padding-right:5px; padding-left:5px} #err-table tr { border-top:solid 1px #ccc !important; border-bottom:solid 1px #ccc !important} #modal-bip ul { width:100%} #modal-bip ul .ok { color:green; } #modal-bip ul .error { color:red; } #modal-bip li span { display:inline-block; } #modal-bip li .file { width:80%; font-size:12px } #modal-bip li .info { width:19%; font-size:10px; text-align:right; } .bip_not { border-radius:20px; background-color:red; color:white; font-weight:bold; font-size:10px; width:20px; height:20px; display:inline-block; position:absolute; top:5px; line-height:20px!important; text-align:center; right:-50px} .manual_validation { cursor:pointer; } .manual_validation:hover { background-color:#dff0d8!important }