/*======================================================================// //== Style 2 //==------------------------------------------------------------------==// //== This file contains the theme of website //== Copyright © 2011-2012 - MAQPRINT //== Contributor :Erwan LE LOSTEC //== Contributor :Clement DEGANDT //======================================================================*/ html, body { font-family:sans-serif; font-size:13px; height:100%; width:100%; margin:0px; margin:0px; } body { margin:0px; margin:0px; background:url('./images/subtle-pattern-3.jpg'); } a { text-decoration:none; } 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; } #loading { width:100%; height:100%; text-align:center; background:#DDDDDD; position:absolute; } #loading img { margin-top:15%; } /*-- button ------------------------------------------------*/ .button, input[type=button], input[type=submit] { cursor:pointer; color:#ffffff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); border-top:1px solid #ffc384; border-bottom:1px solid #ea6221; border-left:1px solid #ffa23f; border-right:1px solid #ea6221; cursor:pointer; display:inline-block; font-size:14px; font-weight:normal; height:24px; line-height:24px; margin:10px 0 0 0; padding:0 35px 3px 15px; text-shadow:0 1px 0 rgba(255,255,255,.4), 0 -1px 0 rgba(0,0,0,.4); background:#ffa23f; background:url("./images/global.png") right 0px no-repeat #ffa23f; background:url("./images/global.png") right 0px no-repeat, -moz-linear-gradient(top, #ffa23f 0%, #ed6d24 100%); background:url("./images/global.png") right 0px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa23f), color-stop(100%,#ed6d24)); background:url("./images/global.png") right 0px no-repeat, -webkit-linear-gradient(top, #ffa23f 0%,#ed6d24 100%); background:url("./images/global.png") right 0px no-repeat, -o-linear-gradient(top, #ffa23f 0%,#ed6d24 100%); background:url("./images/global.png") right 0px no-repeat, -ms-linear-gradient(top, #ffa23f 0%,#ed6d24 100%); background:url("./images/global.png") right 0px no-repeat, linear-gradient(top, #ffa33f 0%, #ed6d24 100%); } .button:hover, input[type=button]:hover, input[type=submit]:hover { color:#000000; box-shadow:0 0 8px rgba(255, 162, 63, 0.8); } .button:active, input[type=button]:active, input[type=submit]:active { text-shadow:0 1px 0 #ea6221, 0 -1px 0px #ffa23f; background:#ed6d24; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed6d24), color-stop(100%,#ffa23f)); background:-webkit-linear-gradient(top, #ed6d24 0%,#ffa23f 100%); background:-o-linear-gradient(top, #ed6d24 0%,#ffa23f 100%); background:-ms-linear-gradient(top, #ed6d24 0%,#ffa23f 100%); background:linear-gradient(top, #ed6d24 0%,#ffa23f 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6d24', endColorstr='#ffa23f',GradientType=0 ); } /*-- buttonbis ------------------------------------------------*/ .buttonbis, .buttonpager { cursor:pointer; color:#ffffff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); border-top:1px solid #ffc384; border-bottom:1px solid #ea6221; border-left:1px solid #ffa23f; border-right:1px solid #ea6221; cursor:pointer; display:inline-block; font-size:14px; font-weight:normal; margin:10px 0 0 0; padding:0 5px 3px 5px; text-shadow:0 1px 0 rgba(255,255,255,.4), 0 -1px 0 rgba(0,0,0,.4); background:#ffa23f; background:-moz-linear-gradient(top, #ffa23f 0%, #ed6d24 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa23f), color-stop(100%,#ed6d24)); background:-webkit-linear-gradient(top, #ffa23f 0%,#ed6d24 100%); background:-o-linear-gradient(top, #ffa23f 0%,#ed6d24 100%); background:-ms-linear-gradient(top, #ffa23f 0%,#ed6d24 100%); background:linear-gradient(top, #ffa33f 0%, #ed6d24 100%); } .buttonbis:hover, .buttonpager:hover { color:#000000; box-shadow:0 0 8px rgba(255, 162, 63, 0.8); } .buttonbis:active, .buttonpager:active { text-shadow:0 1px 0 #ea6221, 0 -1px 0px #ffa23f; background:#ed6d24; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed6d24), color-stop(100%,#ffa23f)); background:-webkit-linear-gradient(top, #ed6d24 0%,#ffa23f 100%); background:-o-linear-gradient(top, #ed6d24 0%,#ffa23f 100%); background:-ms-linear-gradient(top, #ed6d24 0%,#ffa23f 100%); background:linear-gradient(top, #ed6d24 0%,#ffa23f 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6d24', endColorstr='#ffa23f',GradientType=0 ); } /*-- input ------------------------------------------------*/ input[type=password], textarea, input[type=text] { border-radius:3px; padding:3px; font-size:12px; border:1px solid #282828; border-bottom:1px solid #616161; background:#353535; color:white; box-shadow:0 0 5px 1px #000000 inset; } input[type=password]:focus, textarea:focus, input[type=text]:focus { border:1px solid #5488ba; border-bottom:1px solid #7cb3e8; box-shadow:0 0 5px 1px #000000 inset, 0 0 5px 1px #5488ba; -webkit-box-shadow:0 0 5px 1px #000000 inset, 0 0 5px 1px #5488ba; } input[type=password].error, input[type=text].error { box-shadow:0 0 5px 1px #000000 inset, 0 0 5px 1px #e30000 !important; -webkit-box-shadow:0 0 5px 1px #000000 inset, 0 0 5px 1px #e30000 !important; border:1px solid #c40000 !important; border-bottom:1px solid #e30000 !important; } /*-- shadows & radius ----------------------------------------------------------*/ .radius { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; ms-border-radius:2px; behavior:url(PIE.htc); } .shadows { -moz-box-shadow:0px 1px 3px 0px #bcbcbc; -webkit-box-shadow:1px 0px 3px 0px #bcbcbc; -o-box-shadow:0px 1px 3px 0px #bcbcbc; box-shadow:0px 1px 3px 0px #bcbcbc; behavior:url(PIE.htc); } .lightshadows { -moz-box-shadow:0px 0px 4px 0px #cccccc; -webkit-box-shadow:0px 0px 4px 0px #cccccc; -o-box-shadow:0px 0px 4px 0px #cccccc; box-shadow:0px 0px 4px 0px #cccccc; behavior:url(PIE.htc); } .innershadows { -moz-box-shadow:inset 0px 1px 3px 0px #9b9b9b; -webkit-box-shadow:inset 0px 1px 3px 0px #9b9b9b; -o-box-shadow:inset 0px 1px 3px 0px #9b9b9b; box-shadow:inset 0px 1px 3px 0px #9b9b9b; behavior:url(PIE.htc); } /*-- gradient -------------------------------------------------------------------*/ .grey-gradient { background:white; background:-moz-linear-gradient(top, rgba(255,255,255,0) 40%, rgba(255,255,255,0.17) 50%, rgba(238,238,238,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.17)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.17) 50%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.17) 50%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE9 */ background:-ms-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.17) 50%,rgba(238,238,238,1) 100%); /* IE10+ */ background:linear-gradient(top, rgba(255,255,255,0) 40%,rgba(255,255,255,0.17) 50%,rgba(238,238,238,1) 100%); /* W3C */ -pie-background:linear-gradient(rgba(255,255,255,0) 40%,rgba(255,255,255,0.17) 50%,rgba(238,238,238,1) 100%); /*PIE*/ behavior:url(PIE.htc);/* IE6-8 */ } /*-- login -------------------------------------------------------------------*/ #login { background:white; position:absolute; width:560px; top:10%; left:50%; margin-left:-290px; padding:10px; } #login header { background:url('./images/productheader_divider.png') no-repeat center top; height:40px; margin-bottom:5px; } #login header h1 { font-size:24px; text-align:right; } #login header #phoning-logo { background:url('./images/phoning-logo.png'); height:100px; left:0; position:absolute; top:8px; width:100px; } #login header #maqprint-logo { background:url('./images/maqprint-logo.png'); height:30px; left:70px; position:absolute; top:28px; width:100px; } #login header #centreimpression-logo { background:url('./images/centreimpression-logo.png'); height:30px; left:180px; position:absolute; top:28px; width:100px; } #login-inputs { margin-left:95px; } #login-inputs input { font-size:16px; margin:2px; }; #login-login { float:left; } #login-password { float:left; } #login-submit { float:right; } #login-message { display:block; float:right; font-weight:bold; line-height:24px; text-align:center; width:225px;} /*-- phoning -------------------------------------------------------------------*/ #phoning { background:white; padding:10px; float:left; margin:10px; width:560px; margin-left:100px; } .datesinfos { font-size:11px; text-align:center; color:grey; } #phoning input { margin:5px; } #phoning input#delete_society { position:absolute; left:690px; top:10px; width:224px; } #soc_name { font-size:20px; width:545px; } #soc_name_list { background:none repeat scroll 0 0 white; box-shadow:0 4px 11px black; list-style-type:none; margin:-35px 0 0 5px; padding:0; position:absolute; width:552px; } #soc_name_list li { cursor:pointer; } #soc_name_list li:nth-child(even) { background:#ececec; } #soc_website { font-size:14px; width:440px; } #soc_show_website { background: url('./images/link-ico.png') no-repeat 0 0 transparent; width:20px; border:none; } #contact-ul { margin:0; padding:0; list-style:none; } #contact-list .soc_contact_gender, #dialog .soc_contact_gender { border-radius:3px; padding:3px; font-size:12px; border:1px solid #282828; border-bottom:1px solid #616161; background:#353535; color:white; box-shadow:0 0 5px 1px #000000 inset; font-size:16px; width:60px; margin:0 5px; } #contact-list .soc_contact_firstname, #contact-list .soc_contact_lastname, #dialog .soc_contact_lastname, #dialog .soc_contact_lastname { font-size:16px; width:200px; } #contact-list .soc_contact_email, #contact-list .soc_contact_phone, #dialog .soc_contact_email, #dialog .soc_contact_phone { font-size:14px; width:248px; } #contact-list .soc_contact_comment, #dialog .soc_contact_comment { width:490px; height:14px; font-size:12px; margin-left:8px; } #contact-list #soc_add_contact { position:absolute; margin-top:-3px; margin-left:536px; padding-top:2px; } #contact-list .del_contact { margin-left:-5px; padding-top:2px; background: url('./images/delete-ico.png') no-repeat 0 0 transparent; width:12px; border:none; } #contact-list .move_contact { margin-top:0px; padding-top:2px; visibility:hidden; background: url('./images/move-ico.png') no-repeat 0 0 transparent; width:12px; border:none; } #soc_infos { font-size:12px; width:545px; margin-left:5px; margin-top:10px; } label[for=soc_date_reminder], #soc_date_reminder { float:right; } #soc_date_reminder_button { float:right; margin-top:6px; } #phoning fieldset { border:1px solid #ececec; margin-bottom:10px; } #phoning fieldset legend { color:grey; font-size:12px; font-style:italic; } #phoning .products { list-style-type:none; margin:0px; padding:0px; } .product { margin:5px; cursor:pointer; color:#333333; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); border-top:1px solid #f5f5f5; border-bottom:1px solid #a8a8a8; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; cursor:pointer; display:inline-block; font-size:15px; font-weight:normal; height:24px; line-height:27px; padding:0 15px 3px 15px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.8), 0 -1px 0 rgba(0, 0, 0, 0.2); background:#F5F5F5; background:-moz-linear-gradient(top, #f5f5f5 0%, #bcbcbc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#bcbcbc)); background:-webkit-linear-gradient(top, #f5f5f5 0%,#bcbcbc 100%); background:-o-linear-gradient(top, #f5f5f5 0%,#bcbcbc 100%); background:-ms-linear-gradient(top, #f5f5f5 0%,#bcbcbc 100%); background:linear-gradient(top, #f5f5f5 0%,#bcbcbc 100%); } .product:hover { color:#000000; box-shadow:0 0 8px rgba(213, 213, 213, 0.8); } .active { box-shadow:0 0 5px black inset; color:black; background:#79C800; } #activity-list { text-align:center; } #soc_activity { border-radius:3px; padding:3px; font-size:12px; border:1px solid #282828; border-bottom:1px solid #616161; background:#353535; color:white; box-shadow:0 0 5px 1px #000000 inset; font-size:16px; width:300px; margin:0 5px; text-align:center; } #new_activity { width:450px; } /*-- postit -------------------------------------------------------------------*/ #postit-index, #postit { float:left; margin-top:50px; } #postit { margin-top:100px; } #postit-index { position:fixed; left:1030px; } #postit-search { position:fixed; margin-top:200px; margin-left:1030px; } #postit header, #postit-search header, #postit-index header { width:234px; height:42px; background:url('./images/postit.png') left no-repeat; } #postit .body, #postit-search .body, #postit-index .body { width:184px; padding:15px 25px; font-style:italic; background:url('./images/postit.png') center; } #postit footer, #postit-search footer, #postit-index footer { width:234px; height:42px; background:url('./images/postit.png') right no-repeat; } #postit-search input[type="text"] { width:135px; } #postit-search h2 { font-size:14px; font-style:normal; margin:-15px 0 10px; text-decoration:underline; } #search-result { padding-top:10px; text-align:center; color:red; } /*-- history -------------------------------------------------------------------*/ #history { background:white; padding:10px; float:left; margin:10px; width:560px; margin-left:100px; } #history ul { margin:0; padding:0; height:200px; overflow-y:scroll; } #history ul li { list-style:none; border-bottom:1px solid #ECECEC; padding:2px 5px; } #history span { display:inline-block; vertical-align:top; } #history ul li.history_title { background:#ECECEC; font-weight:bold; } #history span.history_date { font-weight:bold; text-align:center; width:130px; } #history span.history_info { text-align:left; width:370px; } #history span.history_sep { width:10px; } /*-- navigation -------------------------------------------------------------------*/ #navigation { list-style-type:none; margin:10px; padding:0px; width:70px; /*float:left;*/ position:fixed; } #navigation li { cursor:pointer; background:white; padding:10px; margin-bottom:10px; } #navigation li a { width:48px; height:48px; display:block; } #navigation .listing { background-image:url('./images/listing-icon.png'); background-repeat:no-repeat; background-position:center center; } #navigation .stats { background-image:url('./images/stats-icon.png'); background-repeat:no-repeat; background-position:center center; } #navigation .new { background-image:url('./images/new-icon.png'); background-repeat:no-repeat; background-position:center center; } #navigation .logout { background-image:url('./images/logout-icon.png'); background-repeat:no-repeat; background-position:center center; } /*-- listing -------------------------------------------------------------------*/ #listing { background:white; padding:10px; float:left; margin:10px; width:900px; min-height:560px; margin-left:90px; } #listing table { border-collapse:collapse; font-size:11px; } #listing table td { padding:2px; } #listing th { cursor:pointer; } #listing tr:hover td { background:#ffd9ac; } #listing tr:nth-child(odd) { background:#ececec; } #listing .act_name { width:50px; text-align:left; padding-right:3px; overflow:hidden; white-space:nowrap; } #listing .soc_name { width:150px; text-align:left; max-width:150px; } #listing .soc_contact_firstname { width:100px; text-align:left; } #listing .soc_contact_lastname { width:100px; text-align:left; } #listing .soc_contact_email { width:150px; text-align:left; max-width:150px; overflow:hidden; } #listing .soc_contact_phone { width:75px; text-align:left; } #listing .soc_note { width:10px; text-align:center; } #listing .soc_date_reminder { width:100px; text-align:right; } #listing .soc_date_add { width:100px; text-align:right; } #listing .users { width:50px; text-align:right; } ul.notes-echelle { margin:0; padding:0; font:.75em/1.2 Arial, Helvetica, sans-serif; } ul.notes-echelle li { float:left; margin:0; padding:0; list-style:none; min-width:20px; min-height:20px; } * html ul.notes-echelle.js li { width:20px; height:20px; } ul.notes-echelle li label { display:block; text-align:center; line-height:20px; background:url("./images/etoiles.gif") center top no-repeat; cursor:pointer; } ul.notes-echelle li.note-off label { background-position:center -60px; } ul.notes-echelle.js input { position:absolute; left:-999%; } ul.notes-echelle li.note-checked { font-weight:bold; } ul.notes-echelle.js li.note-focus { outline:1px dotted #000; } #listing tr.to_blink { background-color:orange; font-weight:bold; } #listing tr.orphelin { background:#F2F5A9; } #listing tr.anactivate { background:#F7819F; } .reactivate_click { position:absolute; height:12px; width:12px; margin-top:-10px; left:1010px; padding:2px; text-align:center; line-height:12px; cursor:pointer; } .order_by { background-color:#A9D0F5; } .asc { background:url("./images/asc.gif") right top no-repeat #A9D0F5; } .desc { background:url("./images/desc.gif") right bottom no-repeat #A9D0F5; } /*-- listing -------------------------------------------------------------------*/ #stats { background:white; padding:10px; float:left; margin:10px; width:800px; min-height:560px; margin-left:90px; } #dates { position:relative; padding:2px 2px 36px 2px; width:622px; height:140px; border-radius:3px; border-width:1px; border-style:solid; border-color:#CCCCCC #DDDDDD #EEEEEE; } /*-- pager -------------------------------------------------------------------*/ #pager-center { margin:auto; text-align:center; margin-top:20px; } #pager-center table { margin:auto; text-align:center; } #pager-center table td { padding:0 10px; } #pager-center table td span.buttonpager { padding:3px 5px; height:18px; } #pager-center table td span.buttonpager.active_link { height:100%; padding:10px; } #pager-center table td.pager-inside span.buttonpager.active_link { font-weight:bold; font-size:18px; } #pager-center tr:nth-child(2n+1) { background:transparent; } #pager-center tr:nth-child(odd) { background:transparent; } #pager-center tr:hover td { background:transparent; }