X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=htdocs%2Fcss%2Fkeynote.css;h=9ab2eedde5c21bf61ffd63256e57477af7bec214;hb=46f272feb613c57febf40a0f7bf6a721e439b73b;hp=1745d5fac4943081f2868dc63eacaf8f6d25045a;hpb=be6ab042d1dc34d9e42557281b48dd8da400231b;p=platal.git diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css index 1745d5f..9ab2eed 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 * @@ -88,6 +88,27 @@ p.smaller { text-indent: 0; } +.errors { + width: 98%; + border: 1px solid #f00; + margin-top: 10px; + background-color: #200; +} + +.warnings { + width: 98%; + border: 1px solid #ff0; + margin-top: 10px; + background-color: #220; +} + +.success { + width: 98%; + border: 1px solid #0d3; + margin-top: 10px; + background-color: #021; +} + .erreur { font-weight: bold; color: #d00; @@ -161,6 +182,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 ] @@ -258,27 +284,45 @@ div.contact-list { } div.contact-list div.contact { border-top: 1px solid #fff; - background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; + background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; color: #000; } -div.grayed { +div.contact-list div.grayed { font-style: italic; -} -div.grayed div.contact { color: #444; + background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; +} + +div.contact-list div.contact:hover { background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; } +.contact .photo { + float: left; +} + +.contact .photo img { + width: 40px; + margin-right: 4px; +} + +div.contact div.identity { + float: left; + width: 89%; +} + div.contact div.nom { font-weight: bold; - width: 35%; - float: left; padding-left: 2px; } +div.contact div.nom a { + text-decoration: none; + font-size: 100%; +} + div.contact div.appli { - float: left; } div.contact div.bits { @@ -295,8 +339,8 @@ div.contact div.long { } div.long table { width: 100%; } -div.long td.lt { width: 35%; } -div.long td.rt { width: 65%; } +div.long td.lt { width: 15%; font-style: italic; } +div.long td.rt { width: 85%; } /******************************************************************************* 6 Profil @@ -304,42 +348,40 @@ div.long td.rt { width: 65%; } *******************************************************************************/ .wizard { - margin-top: -4px; margin-left: -16px; } .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; } @@ -347,94 +389,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; + margin-left: -6px; + padding: 0 12px 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%; +.flags img { + padding: 0 6px 0 0; } -#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%; -} -#onglet li img { margin-right: 2px; } - /******************************************************************************* 7 fiche.php & fiche_referent.php [ cas de la fiche ] @@ -723,11 +687,7 @@ div#content { } .ac_results { - font-size: 90%; - background: #fff; + color: black; } -.ac_results li.over { - color: #777; -} /* vim: set et ts=4 sts=4 sw=4: */