X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=htdocs%2Fcss%2Fkeynote.css;h=a9d35bb65252372f53280fa2753ab1fdb665995f;hb=ff95a30266c7194bdff34f749121d43130f08b65;hp=deac8c40d88f09efe1a14ae370483bacca950ed8;hpb=0b14f91d0a35ef3228101b9740164582a266ce04;p=platal.git diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css index deac8c4..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; } @@ -161,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 ] @@ -191,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; } @@ -203,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; @@ -216,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 ] @@ -305,35 +315,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; } @@ -341,88 +350,15 @@ div.long td.rt { width: 65%; } margin-left: 16px; } -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 { +.flags .texte { font-size: smaller; font-weight: bold; - padding: 0 8px 0 0; -} -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; -} - -table.cadre_a_onglet{ - border-width: 0; - padding : 0; - margin: 0; -} - -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; -} - -#onglet { - display : block; - margin : 0; - padding : 0; -} - -#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; - color: #000; - font-size: 80%; -} - -#onglet li:hover { - color: #000; - background : #adadad; -} - -#onglet li.actif { - color: #000; - background : #dedede; - border: 1px solid #f0f0f0; - border-right: none; - border-bottom-color: #dedede; - font-weight: bold; + margin-left: -6px; + padding: 0 12px 0 0; } - -#onglet li a { - font-weight: normal; - text-decoration: none; - color: #000; - background: inherit; - display: block; - width: 100%; - height: 100%; +.flags img { + padding: 0 6px 0 0; } -#onglet li img { margin-right: 2px; } /******************************************************************************* 7 fiche.php & fiche_referent.php @@ -478,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; @@ -513,7 +449,7 @@ td.conteneur_tab { #fiche_identite div.email { - clear: left; + clear: left; float: left; } @@ -525,7 +461,7 @@ td.conteneur_tab { #fiche_identite div.formation { margin: 0em 1em; - clear: both; + clear: both; } div.adresse {