X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=htdocs%2Fcss%2Fkeynote.css;h=96ad59b92e27c12b291f00326cfe617c8f943482;hb=5603d2cea6f3b871c134d21ec8f125a575e8790f;hp=c0519b7543c244f205489401d4357141f174b0c8;hpb=77842972c12563954727e415c9f236e8d159eb96;p=platal.git diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css index c0519b7..96ad59b 100644 --- a/htdocs/css/keynote.css +++ b/htdocs/css/keynote.css @@ -161,6 +161,7 @@ pre { padding: 0.3em 1.5em; } + /******************************************************************************* 3 Tableaux bicolores + classes utiles [ Tableaux à lignes alternées, en taille normale, ou tiny ] @@ -310,35 +311,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; } @@ -346,93 +346,15 @@ 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; + margin-left: -6px; + padding: 0 12px 0 0; } -.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: 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; -} - -#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