Mise à jour des styles d'impression

This commit is contained in:
Michael RICOIS 2010-05-25 08:37:31 +00:00
parent 535c785f05
commit fee9f261b0
4 changed files with 309 additions and 136 deletions

View File

@ -57,24 +57,24 @@
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../img/smoothness/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../img/smoothness/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(../img/smoothness/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../img/smoothness/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../img/smoothness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../img/smoothness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../img/smoothness/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../img/smoothness/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../img/smoothness/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../img/smoothness/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
@ -301,13 +301,15 @@
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete-loading { background: white url('../img/smoothness/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-autocomplete-loading { background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
@ -326,6 +328,9 @@
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
@ -337,6 +342,7 @@
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/* Button
@ -412,7 +418,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Datepicker
----------------------------------*/

257
cache/css/main.css vendored
View File

@ -81,7 +81,10 @@ a:hover {color: blue; text-decoration:none;}
}
/* suppression des puces sur les listes */
div.stats ul { width: 400px; list-style: none; }
div.stats ul {
width: 400px;
list-style: none;
}
div.stats .percent {
display: block;
@ -99,70 +102,12 @@ div.stats .percent {
cursor: default;
}
.v100 { width: 100%; }
.v90 { width: 90%; }
.v80 { width: 80%; }
.v70 { width: 70%; }
.v60 { width: 60%; }
.v50 { width: 50%; }
.v40 { width: 40%; }
.v30 { width: 30%; }
.v20 { width: 20%; }
.v10 { width: 10%; }
/* Multicolore */
.multicolor .v100 { background: #970000; }
.multicolor .v90 { background: #ff0000; }
.multicolor .v80 { background: #ff6600; }
.multicolor .v70 { background: #ff9c00; }
.multicolor .v60 { background: #ffd800; }
.multicolor .v50 { background: #eaff00; }
.multicolor .v40 { background: #baff00; }
.multicolor .v30 { background: #78ff00; }
.multicolor .v20 { background: #12ff00;}
.multicolor .v10 { background: #00ff60; }
/* Dégradé vert */
.green_gradiant .v100 { background: #1d290a; }
.green_gradiant .v90 { background: #2b3c0f; }
.green_gradiant .v80 { background: #405a17; }
.green_gradiant .v70 { background: #52741d; }
.green_gradiant .v60 { background: #628a23; }
.green_gradiant .v50 { background: #72a128; }
.green_gradiant .v40 { background: #7eb22d; }
.green_gradiant .v30 { background: #8fc932; }
.green_gradiant .v20 { background: #99dd38; }
.green_gradiant .v10 { background: #aff73e; }
/* Dégradé rouge */
.red_gradiant .v100 { background: #290c0c; }
.red_gradiant .v90 { background: #481515; }
.red_gradiant .v80 { background: #661e1e; }
.red_gradiant .v70 { background: #862727; }
.red_gradiant .v60 { background: #a02f2f; }
.red_gradiant .v50 { background: #bd3838; }
.red_gradiant .v40 { background: #d84040; }
.red_gradiant .v30 { background: #eb4545; }
.red_gradiant .v20 { background: #ff4b4b; }
.red_gradiant .v10 { background: #ff6565; }
/* Unicolore vert */
.green_uni .percent { background: #83df00; }
/* Dégradé gris */
.grey_gradiant .v100 { background: #000000; }
.grey_gradiant .v90 { background: #252525; }
.grey_gradiant .v80 { background: #373737; }
.grey_gradiant .v70 { background: #505050; }
.grey_gradiant .v60 { background: #656565; }
.grey_gradiant .v50 { background: #7e7e7e; }
.grey_gradiant .v40 { background: #8f8f8f; }
.grey_gradiant .v30 { background: #a5a5a5; }
.grey_gradiant .v20 { background: #bcbcbc; }
.grey_gradiant .v10 { background: #c8c8c8; }
/* Image dégradée */
.gradiant_pic li { width: 300px; padding: 0; }
.gradiant_pic li {
width: 300px;
padding: 0;
}
.gradiant_pic li .percent {
height: 20px;
line-height: 20px;
@ -173,7 +118,7 @@ div.stats .percent {
}
/* progress bar container */
#progressbar{
#progressbar {
border:1px solid black;
width:200px;
height:20px;
@ -181,7 +126,7 @@ div.stats .percent {
color:black;
}
/* color bar */
#progressbar div.progress{
#progressbar div.progress {
position:absolute;
width:0;
height:100%;
@ -189,31 +134,26 @@ div.stats .percent {
background-color:#369;
}
/* text on bar */
#progressbar div.progress .text{
#progressbar div.progress .text {
position:absolute;
text-align:center;
color:white;
}
/* text off bar */
#progressbar div.text{
#progressbar div.text {
position:absolute;
width:100%;
height:100%;
text-align:center;
}
.attenteCachee
{
visibility: hidden;
.attenteCachee {
visibility: hidden;
}
.attenteVisible
{
visibility: visible;
/*font-size : 200%;
background: url(/img/ajax/1-1.gif) no-repeat 10px center;
width: 300px;
height: 40px;*/
visibility: visible;
}
/*Infogreffe*/
@ -309,7 +249,7 @@ table.table-classic tr.last td.titre {
}
#footer p {
width:80%;
width:70%;
margin:0 auto;
font:0.9em Arial, Helvetica, sans-serif;
}
@ -432,10 +372,169 @@ table.greffe td.type {
vertical-align: middle;
}
.confidentiel {border-top:1px solid; padding-top:5px; font-style:italic; font-size:9px;}
.confidentiel {
border-top:1px solid;
padding-top:5px;
font-style:italic;
font-size:9px;
}
.ui-dialog-content {
text-align:left;
}
.ui-widget .ui-widget {
font-size:0.8em;
}
.ui-menu {
text-align:left;
}
.ui-autocomplete {
font-size:11px;
}
.ui-widget .ui-widget { font-size:0.8em; }
.ui-button {
font-size:11px;
}
.ui-autocomplete .ui-menu-item {
width:400px;
}
div.submit{
margin-left:200px;
padding-left:0px;
margin-top:1em;
}
div.submit p.submit-button {
margin-top:0;
}
div.submit p.details{
font-size:85%;
color:#666;
margin:0;
}
div.submit p.required-note {
margin-top:1em;
}
div.submit p.required-note span {
color:#4B911C;
_color:#666;
font-size:170%;
vertical-align:top;
}
.noborder {
border:none;
}
.infoTitle {
clear:both;
float:left;
width:180px;
margin-left:30px;
padding:0 10px 5px 0;
}
.infoData {
float:left;
width:320px;
margin:2px 0;
}
.last {
margin-bottom:10px;
}
.datemaj {
float:right;
margin-right:10px;
}
#infogeo_txt {
float:left;
width:200px;
padding:20px 0 0 20px;
}
#infogeo_photo {
float:left;
margin:0;
padding:0;
width:340px;
}
#legende-photo {
width:278px;
margin:5px 0 10px 0;
padding:10px;
border:1px solid #0000ff;
color:#0000ff;
}
#pp-cb-thumb div.left {
float:left;
position:relative;
width:256px;
height:128px;
overflow:hidden;
}
#pp-cb-thumb div.right {
float:left;
position:relative;
width:44px;
height:128px;
overflow:hidden;
}
#pp-cb-thumb div.left img{
position:relative;
left:-256px;
top:-140px;
}
#pp-cb-thumb div.right img{
position:relative;
top:-140px;
}
#recherche {
background:none;
width:580px;
padding:5px 0;
margin:60px 0 0 0;
}
#recherche h2 {
margin:20px 0;
}
#recherche label {
width: 200px;
display:block;
float:left;
text-align:right;
padding-right:5px;
font-weight:bold;
font-size:x-small;
line-height:16px;
vertical-align:middle;
}
#recherche .fieldgrp {
margin-bottom:5px;
}
#recherche .fieldgrp:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
#recherche .marge {
margin-bottom:15px;
}
#recherche .submit {
text-align:center;
margin:0;
}

38
cache/css/menu2.css vendored
View File

@ -18,7 +18,7 @@
font:12px Arial, Sans-serif;
}
#Menu h3{
#Menu h3 {
position:relative;
margin:0;
height:25px;
@ -28,7 +28,7 @@
background:#808080 url(/img/menu/title.gif);
}
#Menu h3 a{
#Menu h3 a {
padding:0 .5em 0 2.2em;
text-decoration:none;
font-size:12px;
@ -92,7 +92,12 @@
color:#fff;
}
#Menu div,
#Menu div {
padding:0;
margin:0;
}
#Menu.ui-accordion .ui-accordion-content {
-moz-background:none;
overflow: hidden;
@ -103,28 +108,19 @@
margin:0;
}
#Menu ul,
#Menu div ul,
#Menu.ui-accordion .ui-accordion-content ul {
background-color: #eee;
color: #066;
margin:0;
padding:0;
list-style-type:none;
margin:0;
padding:0
}
#Menu ul li {
width:200px;
#Menu div ul li {
margin:0;
padding:0
}
#Menu ul li,
#Menu.ui-accordion .ui-accordion-content ul li {
margin:0;
background:#eee;
display:block;
color:#066;
text-decoration:none;
}
#Menu ul li a,
#Menu div ul li a,
#Menu.ui-accordion .ui-accordion-content ul li a {
padding:5px 10px;
margin:0;
@ -148,4 +144,4 @@
#Menu.ui-accordion .ui-accordion-content ul li.current {
background:#ccc;
}
}

View File

@ -1,27 +1,99 @@
* { margin:0; padding:0;}
#surveillance {margin:5px; border-collapse:collapse; border:1px solid; font:normal 11px Arial, Verdana, Sans-serif; letter-spacing:1px; line-height: 1em;}
#surveillance tr {border:1px solid;}
#surveillance th {border:1px solid; padding:5px 5px 5px 2px;}
#surveillance td {border:1px solid; text-align:center; padding:2px; }
#surveillance .aleft {text-align:left;}
#surveillance .action {clear:both; margin:0; padding:0; letter-spacing:1px; line-height: 1em;}
#surveillance td p {line-height:16px;}
#surveillance .action p {display:block; float:left; line-height:16px; margin:0; font-size:11px;}
#surveillance .action a {display:block; float:right;}
#surveillance .action img {vertical-align:middle;}
#surveillance #type {width:120px;}
#info {margin:5px 5px 5px 30px; font:normal 1em Arial, Verdana, Sans-serif; letter-spacing:1px; line-height: 1em;}
#info td {padding-right:10px;}
table.tablesorter thead tr .header { background:url(../img/bg.gif) no-repeat center right; cursor:pointer; }
table.tablesorter thead tr .headerSortUp { background-image: url(../img/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(../img/desc.gif); }
#tri li {list-syle:none; margin-left:10px; display:inline; font-size:11px; }
p.options { margin-left:10px; margin-top:5px; font-size:11px; }
#telechargementjsMsg { margin-left:10px; margin-top:5px; }
* { margin:0; padding:0; }
#surveillance {
margin:5px;
border-collapse:collapse;
border:1px solid;
font:normal 11px Arial, Verdana, Sans-serif;
line-height: 1em;
}
#surveillance tr {
border:1px solid;
}
#surveillance th {
border:1px solid;
padding:5px 5px 5px 2px;
}
#surveillance td {
border:1px solid;
text-align:center;
padding:2px;
}
#surveillance .aleft {
text-align:left;
}
#surveillance .action {
clear:both;
margin:0;
padding:0;
}
#surveillance td p {
line-height:16px;
}
#surveillance .action p {
display:inline-block;
float:left;
line-height:16px;
margin:0;
font-size:11px;
}
#surveillance .action a {
display:inline-block;
float:right;
}
#surveillance .action img {
vertical-align:middle;
}
#surveillance #type {
width:120px;
}
#info {
margin:5px 5px 5px 30px;
font:normal 1em Arial, Verdana, Sans-serif;
letter-spacing:1px;
line-height: 1em;
}
#info td {
padding-right:10px;
}
table.tablesorter thead tr .header {
background:url(../img/bg.gif) no-repeat center right;
cursor:pointer;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(../img/desc.gif);
}
#tri li {
list-style-type:none;
margin-left:10px;
display:inline;
font-size:11px;
}
.options {
margin-left:10px;
margin-top:5px;
font-size:11px;
}
#telechargementjsMsg {
margin-left:10px;
margin-top:5px;
}
.valign img, .valign span {
vertical-align: middle;
display: inline-block;
}
#surveillance td.encours { text-align:right; }
#surveillance th.score { width:60px; }
#surveillance td a.editencours { display:none; }
#surveillance td.encours {
text-align:right;
}
#surveillance th.score {
width:60px;
}
#surveillance td a.editencours {
display:none;
}