X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=htdocs%2Fcss%2Fkeynote.css;h=0b95b5f0bf8d9651e978dde89249337e62dea3f1;hb=1ebf2b93bef5ab13342293a34041b9a68ed31f03;hp=23f39a294790f2d8e77a3b1ddf42b20fef837819;hpb=ee12da4e14360ccd4fd9f7852570c5511c6fc568;p=platal.git diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css index 23f39a2..0b95b5f 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 ] @@ -221,6 +247,18 @@ th.grayed { font-style: italic; } +div.titre { + color: #000000; + background: inherit; + font-weight: bold; +} + +span.titre { + color: #000000; + background: inherit; + font-weight: bold; +} + /******************************************************************************* 4 Tableau de choix de skins [ Styles pour les tableaux de types de ceux des skins ] @@ -258,32 +296,51 @@ 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: 85%; +} + div.contact div.nom { font-weight: bold; - width: 35%; - float: left; padding-left: 2px; } -div.contact div.appli { - float: left; +div.contact div.nom a { + text-decoration: none; + font-size: 100%; +} + +div.contact div.edu { } div.contact div.bits { text-align: right; float: right; + width: 14%; } div.contact div.long { @@ -295,54 +352,67 @@ 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 [ onglets des profils ] *******************************************************************************/ -.wizard { +.wizard, .ui-tabs-nav { + margin: 0; + padding: 0; margin-left: -16px; + clear: both; } -.wizard .wiz_header { +.wizard .wiz_header, .ui-tabs-nav { height: 32px; width: 100%; background: url('../images/skins/wiz_background.png') top right repeat-x; margin-bottom: 1em; + text-align: left; } -.wizard .wiz_header .wiz_tab { - background; url('../images/skins/wiz_normal.png') #aaa top left repeat-x; +.wizard .wiz_header .wiz_tab, .ui-tabs-nav li { + 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; + float: left; + vertical-align: middle; } -.wizard .wiz_header .wiz_tab:hover { +.ui-tabs-nav li { + margin: 0; + padding: 0; + list-style-type: none; +} + +.wizard .wiz_header .wiz_tab:hover, .ui-tabs-nav li:hover { background: url('../images/skins/wiz_hover.png') #777 top left repeat-x; color: #fff; } -.wizard .wiz_header .active, .wizard .wiz_header .active:hover { +.wizard .wiz_header .active, .wizard .wiz_header .active:hover, li.ui-tabs-selected { background: url('../images/skins/wiz_active.png') #444 top left repeat-x; color: #fff; } -.wizard .wiz_header a { +.wizard .wiz_header a, .ui-tabs-nav a { color: #000; text-decoration: none; } -.wizard .wiz_header a.active { +.wizard .wiz_header a.active, .ui-tabs-selected a { color: #fff; } -.wizard .wiz_content { +.wizard .wiz_content, .ui-tabs-panel { margin-left: 16px; + clear: both; } .flags .texte { @@ -355,65 +425,6 @@ div.long td.rt { width: 65%; } padding: 0 6px 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; -} - -#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 ] @@ -702,11 +713,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: */