X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=htdocs%2Fcss%2Fdefault.css;h=3fa4eaed7f26a8c00451d075590e6576c3298a5e;hb=97ae9bd034958446cb93b983606240c846b39dfc;hp=d4ece4420624dbb2943df73e1bcb363437ede98d;hpb=16ace40308dbb549dd336497ceb6e0bb3452da93;p=platal.git diff --git a/htdocs/css/default.css b/htdocs/css/default.css index d4ece44..3fa4eae 100644 --- a/htdocs/css/default.css +++ b/htdocs/css/default.css @@ -1,5 +1,5 @@ /*************************************************************************** - * Copyright (C) 2003-2007 Polytechnique.org * + * Copyright (C) 2003-2008 Polytechnique.org * * http://opensource.polytechnique.org/ * * * * This program is free software; you can redistribute it and/or modify * @@ -86,6 +86,18 @@ p { background: inherit; } +input.error, textarea.error { + background-color: #faa; +} + +input.valid, textarea.valid { + background-color: #afa; +} + +input.warning, textarea.warning { + background-color: #fda; +} + h1 { color: #555555; background: url('../images/skins/default_titre.gif'); @@ -236,23 +248,28 @@ div.contact-list div.contact { color: inherit; } -div.grayed { - color: #444444; - font-style: italic; +div.contact-list div.grayed { + color: #444444; + font-style: italic; + background: #eee; } -div.grayed div.contact { - background: #eee; +.contact .photo { + float: left; } -div.contact div.nom { - font-weight: bold; - width: 35%; - float: left; +.contact .photo img { + width: 40px; + margin-right: 4px; } -div.contact div.appli { +div.contact div.identity { float: left; + width: 90%; +} + +div.contact div.nom { + font-weight: bold; } div.contact div.bits { @@ -270,7 +287,7 @@ div.contact div.long { } div.long table { width: 100%; } -div.long td.lt { width: 35%; } +div.long td.lt { width: 35%; font-style: italic; } div.long td.rt { width: 65%; } /******************************************************************************* @@ -286,35 +303,34 @@ div.long td.rt { width: 65%; } .wizard .wiz_header { height: 32px; width: 100%; - background-color: #aaa; + background: url('../images/skins/wiz_background.png') top right repeat-x; margin-bottom: 1em; } .wizard .wiz_header .wiz_tab { - background-color: #aaa; - vertical-align: middle; + background; url('../images/skins/wiz_normal.png') #aaa top left repeat-x; height: 100%; text-align: center; font-size: 75%; border-right: 1px solid #888; } -.wizard .wiz_header .active { - background-color: #444; +.wizard .wiz_header .wiz_tab:hover { + background: url('../images/skins/wiz_hover.png') #777 top left repeat-x; color: #fff; } -.wizard .wiz_header .wiz_tab:hover { - background-color: #777; +.wizard .wiz_header .active, .wizard .wiz_header .active:hover { + background: url('../images/skins/wiz_active.png') #444 top left repeat-x; + color: #fff; } -.wizard .wiz_header .wiz_tab a { +.wizard .wiz_header a { color: #000; text-decoration: none; - vertical-align: middle; } -.wizard .wiz_header .active a { +.wizard .wiz_header a.active { color: #fff; } @@ -322,87 +338,16 @@ div.long td.rt { width: 65%; } margin-left: 16px; } -.flags { - margin: 0.5em 0 0 0; - padding: 0; -} -.flags input { - margin: 0px 2px; - padding: 0px; -} .flags .texte { font-size: smaller; font-weight: bold; - padding: 0 8px 0 0; -} -.flags .vert { - background: url('../images/icons/flag_green.gif') top right no-repeat; - padding: 0 16px 0 0; - margin-left: 16px; -} -.flags .orange { - background: url('../images/icons/flag_orange.gif') top right no-repeat; - padding: 0 16px 0 0; - margin-left: 16px; -} -.flags .rouge { - background: url('../images/icons/flag_red.gif') top right no-repeat; - padding: 0 16px 0 0; - margin-left: 16px; -} - -table.cadre_a_onglet{ - border-width: 0; - padding : 0; - margin: 0; -} - -td.conteneur_tab { - border-width : 1px 2px 2px 1px; - border-style : solid; - border-color : #999; - padding : 4px 4px 4px 4px; - background : #eceade; -} - -#onglet { - display : block; - margin : 0; - padding : 0; -} - -#onglet li { - display : block; - float : left; - padding : 0.4ex; - margin : 0 0.3ex -1px 0; - background : #D2E0E6 repeat-x 0 100%; - border-width : 1px 1px 0px 1px; - border-style : solid; - border-color : #999; - border-bottom-color : #999; - width: auto; - height: 5ex; - text-align: center; -} - -#onglet li:hover { background : #fc3 repeat-x 0 100%; } - -#onglet li.actif { - background : #eceade; - border-bottom-color : #eceade; - font-weight: bold; + margin-left: -6px; + padding: 0 12px 0 0; } - -#onglet li a { - font-size: 80%; - font-weight : normal; - text-decoration : none; - color : #000; +.flags img { + padding: 0 6px 0 0; } -#onglet li a:hover { text-decoration: underline; } -#onglet li img { margin-right : 2px; } /******************************************************************************* 7 fiche.php & fiche_referent.php