X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=htdocs%2Fcss%2Fkeynote.css;h=a9d35bb65252372f53280fa2753ab1fdb665995f;hb=db270710fa0b3244697299d77a4a44951c0d2484;hp=f70beffd96ecb85a9e7ba318942831ad4b5488e5;hpb=35aedff220db98c5ef8267502d7288c5cdc17f4a;p=platal.git diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css index f70beff..a9d35bb 100644 --- a/htdocs/css/keynote.css +++ b/htdocs/css/keynote.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 * @@ -39,7 +39,7 @@ a:hover { color: #999; } img { vertical-align: middle; } a img { border: 0px; } td { vertical-align: top; } -li { padding-left: 3px; padding-right: 3px; +li { padding-left: 3px; padding-right: 3px; text-align: justify; } hr { text-align: center; } dt { font-weight: bold; } @@ -101,6 +101,18 @@ p.smaller { background: inherit; } +input.error, textarea.error { + background-color: #faa; +} + +input.valid, textarea.valid { + background-color: #afa; +} + +input.warning, textarea.warning { + background-color: #fda; +} + h1 { background-color: inherit; margin: 0.5em 0 0.5em -8px; @@ -149,6 +161,11 @@ pre { padding: 0.3em 1.5em; } +.pair pre { + background: inherit; +} + + /******************************************************************************* 3 Tableaux bicolores + classes utiles [ Tableaux à lignes alternées, en taille normale, ou tiny ] @@ -179,7 +196,7 @@ table.tinybicol th, table.bicol th { } table.tinybicol tr:first-child th, table.bicol tr:first-child th { - color: #fff; + color: #fff; background: url('../images/skins/keynote_title.gif') #000 top left repeat-x; } @@ -191,7 +208,7 @@ table.tinybicol td, table.bicol td { table.tinybicol td, table.bicol td, table.tinybicol tr, table.bicol tr { padding: 4px; } td.half { width: 50%; padding: 4px; } -td.titre { +.titre { color: #000000; background: inherit; font-weight: bold; @@ -204,6 +221,11 @@ td.action { } td.action a { padding: 0px 2px 0px 2px; } +th.grayed { + background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; + font-style: italic; +} + /******************************************************************************* 4 Tableau de choix de skins [ Styles pour les tableaux de types de ceux des skins ] @@ -285,89 +307,58 @@ div.long td.rt { width: 65%; } 6 Profil [ onglets des profils ] *******************************************************************************/ - -table.flags, tr.flags { - margin: 0.5em 0 0 0; - padding: 0; -} -table.flags input { margin: 0px 2px; padding: 0px; } -table.flags td.texte, tr.flags td.texte { - font-size: smaller; - font-weight: bold; - padding: 0 8px 0 0; +.wizard { + margin-left: -16px; } -table.flags td.vert, tr.flags td.vert { - background: url('../images/icons/flag_green.gif') top right no-repeat; - padding: 0 16px 0 0; -} -table.flags td.orange, tr.flags td.orange { - background: url('../images/icons/flag_orange.gif') top right no-repeat; - padding: 0 16px 0 0; -} -table.flags td.rouge, tr.flags td.rouge { - background: url('../images/icons/flag_red.gif') top right no-repeat; - padding: 0 16px 0 0; + +.wizard .wiz_header { + height: 32px; + width: 100%; + background: url('../images/skins/wiz_background.png') top right repeat-x; + margin-bottom: 1em; } -table.cadre_a_onglet{ - border-width: 0; - padding : 0; - margin: 0; +.wizard .wiz_header .wiz_tab { + 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; } -td.conteneur_tab { - border: 1px solid #9c9c9c; - border-left-color: #eee; - padding: 8px 4px 4px 4px; - background : url('../images/skins/keynote_topborder.png') top repeat-x; +.wizard .wiz_header .wiz_tab:hover { + background: url('../images/skins/wiz_hover.png') #777 top left repeat-x; + color: #fff; } -#onglet { - display : block; - margin : 0; - padding : 0; +.wizard .wiz_header .active, .wizard .wiz_header .active:hover { + background: url('../images/skins/wiz_active.png') #444 top left repeat-x; + color: #fff; } -#onglet li { - display : block; - float : left; - padding : 0.4ex; - margin: 0 0.3ex -1px 3px; - border: 1px solid #9c9c9c; - border-right: none; - background: #cecece; - width: auto; - height: 5ex; - text-align: center; +.wizard .wiz_header a { color: #000; - font-size: 80%; + text-decoration: none; } -#onglet li:hover { - color: #000; - background : #adadad; +.wizard .wiz_header a.active { + color: #fff; } -#onglet li.actif { - color: #000; - background : #dedede; - border: 1px solid #f0f0f0; - border-right: none; - border-bottom-color: #dedede; - font-weight: bold; +.wizard .wiz_content { + margin-left: 16px; } -#onglet li a { - font-weight: normal; - text-decoration: none; - color: #000; - background: inherit; - display: block; - width: 100%; - height: 100%; +.flags .texte { + font-size: smaller; + font-weight: bold; + margin-left: -6px; + padding: 0 12px 0 0; +} +.flags img { + padding: 0 6px 0 0; } -#onglet li img { margin-right: 2px; } /******************************************************************************* 7 fiche.php & fiche_referent.php @@ -423,8 +414,8 @@ td.conteneur_tab { #fiche_identite div.civilite { text-align: center; font-weight: bold; - width: 80%; - float: left; + width: 80%; + float: left; color: #fff; background: inherit; padding-top: 0.5ex; @@ -458,7 +449,7 @@ td.conteneur_tab { #fiche_identite div.email { - clear: left; + clear: left; float: left; } @@ -470,7 +461,7 @@ td.conteneur_tab { #fiche_identite div.formation { margin: 0em 1em; - clear: both; + clear: both; } div.adresse {