X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=htdocs%2Fcss%2Fdefault.css;h=fa1589f7cdb4328bf9bd1af2be4e2cdd0beab0d2;hb=7ff448e8259919c488bb1340c3902abf2a816e7a;hp=1f1655c9b6b15c4da2bb4b9ae7431b9e999624ff;hpb=110842dbe1149db3d2196a567bcb78f7a40c62e1;p=platal.git diff --git a/htdocs/css/default.css b/htdocs/css/default.css index 1f1655c..fa1589f 100644 --- a/htdocs/css/default.css +++ b/htdocs/css/default.css @@ -1,5 +1,5 @@ /*************************************************************************** - * Copyright (C) 2003-2004 Polytechnique.org * + * Copyright (C) 2003-2007 Polytechnique.org * * http://opensource.polytechnique.org/ * * * * This program is free software; you can redistribute it and/or modify * @@ -35,14 +35,14 @@ a img { border: 0px; } td { vertical-align: top; } li { padding-left: 3px; padding-right: 3px; text-align: justify; } hr { width: 90%; text-align: center } +dt { font-weight: bold; } fieldset { border: 1px #336699 solid; background: #eeeeee; color: inherit; - margin-top: 1em; - margin-bottom: 1em; + margin: 1em 0 1em 0; } legend { @@ -86,9 +86,21 @@ p { background: inherit; } +input.error, textarea.error { + background-color: #faa; +} + +input.valid, textarea.valid { + background-color: #afa; +} + +input.warning, textarea.warning { + background-color: #fda; +} + h1 { color: #555555; - background: url('/images/sk_default_titre.gif'); + background: url('../images/skins/default_titre.gif'); background-repeat: no-repeat; text-indent: 0.2em; @@ -136,8 +148,8 @@ table.bicol { background: #eeeeee; border: 1px solid #336699; border-collapse: collapse; - width: 98%; - margin-left: 1%; + width: 100%; + margin-left: 0; } table.tinybicol { color: inherit; @@ -161,6 +173,15 @@ table.tinybicol th, table.bicol th { text-align: center; vertical-align: middle; } + +table.tinybicol th a:link, table.tinybicol th a:visited, +table.tinybicol th a:active, table.tinybicol th a:hover, +table.bicol th a:link, table.bicol th a:visited, +table.bicol th a:active, table.bicol th a:hover { + color: #9999FF; + background: inherit; +} + table.tinybicol td, table.bicol td { color: #000000; background: inherit; @@ -268,31 +289,58 @@ div.long td.rt { width: 65%; } 6 Profil [ onglets des profils ] *******************************************************************************/ - -table.flags { - margin: 1em 0em 0em 0em; + +.wizard { + margin-top: -4px; + margin-left: -16px; } -table.flags input { margin: 0px 2px; padding: 0px; } -table.flags td.texte { - font-size: smaller; - font-weight: bold; - padding: 3px; +.wizard .wiz_header { + height: 32px; + width: 100%; + background: url('../images/skins/wiz_background.png') top right repeat-x; + margin-bottom: 1em; } -table.flags td.vert { - background: green; - padding: 3px; + +.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; } -table.flags td.orange { - background: #ff9900; - padding: 3px; - text-align: center; + +.wizard .wiz_header .wiz_tab:hover { + background: url('../images/skins/wiz_hover.png') #777 top left repeat-x; + color: #fff; } -table.flags td.rouge { - background: red; - padding: 3px; - text-align: center; + +.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 a { + color: #000; + text-decoration: none; +} + +.wizard .wiz_header a.active { + color: #fff; +} + +.wizard .wiz_content { + margin-left: 16px; +} + +.flags .texte { + font-size: smaller; + font-weight: bold; + margin-left: -6px; + padding: 0 12px 0 0; +} +.flags img { + padding: 0 6px 0 0; } table.cadre_a_onglet{ @@ -305,7 +353,7 @@ td.conteneur_tab { border-width : 1px 2px 2px 1px; border-style : solid; border-color : #999; - padding : 4px 0px 0px 4px; + padding : 4px 4px 4px 4px; background : #eceade; } @@ -313,7 +361,6 @@ td.conteneur_tab { display : block; margin : 0; padding : 0; - /*height : 50px;*/ } #onglet li { @@ -340,7 +387,6 @@ td.conteneur_tab { } #onglet li a { - /*font-family : Arial,Helvetica,sans-serif;*/ font-size: 80%; font-weight : normal; text-decoration : none; @@ -373,13 +419,32 @@ td.conteneur_tab { border-bottom: 1px dotted #369; } +#fiche .part { + float: left; + clear: left; + width: 70%; + padding-left: 0; + padding-right: 0; + margin-left: 0; + margin-right: 0; +} + +#fiche #photo { + float: right; + width: 30%; + padding-left: 0; + margin-left: 0; + clear: right; +} + +#fiche #photo img { + width: 100%; +} + #fiche_identite { padding: 5px; - width: 600px; } -#photo { padding-left: 1em; } - #fiche_identite div.civilite { text-align: center; font-weight: bold; @@ -393,6 +458,7 @@ td.conteneur_tab { font-size: 75%; text-align: right; clear: right; + padding-bottom: 1ex; } #fiche_identite div.contact { @@ -418,16 +484,36 @@ td.conteneur_tab { } div.adresse { - float: left; - width: 46%; + min-width: 30%; padding: 0px; - margin: 0px 1% 1ex 1%; + margin: 0px 2% 1ex 1%; +} + +div.adresse strong { + font-size: 90%; +} + +#fiche .medal_frame { + float: left; + width: 33%; +} + +#fiche .medal_frame img { + float: left; + padding: 0ex 1ex; } /* only for fiche_referent.php*/ +#fiche_referent .part { + width: 100%; +} + +#fiche_referent #fiche_identite div.civilite { + width: 100%; +} + #fiche_referent{ - padding: 10px; width: 100%; } @@ -436,7 +522,7 @@ div.adresse { width: 31%; padding: 0px; margin: 0px 1% 1ex 1%; - + text-align: justify; } #fiche_referent em{color: purple;} @@ -449,7 +535,7 @@ div.adresse { *******************************************************************************/ #dev { - width: 100%; + width: auto; text-align: center; padding: 1px; @@ -464,17 +550,30 @@ div.adresse { #dev a { text-decoration: underline; } #dev a:hover { color: #003399; background: #c0e0e0; } -#db-trace div.hide { display: none; } -#db-trace:hover div.hide { display: block } +.backtrace div.hide { display: none; } +.backtrace:hover div.hide { display: block } #suid { color: red; background: #ffc0cb; - width: 100%; + width: auto; font-weight: bold; + text-align: center; +} +#suid a { + color: red; + background: inherit; + text-decoration: none; + display: block; +} +#suid:hover { + color: red; + background: #ffffcb; +} +#suid a:hover { + color: #ff7000; + background: inherit; } -#suid td { padding: 2px; } -#suid a { color: red; } #body { width: 740px; @@ -528,6 +627,10 @@ div.adresse { text-align: left; } +#body-menu .menu_item a { + text-decoration:none; +} + #body-menu .menu_title { color: gray; background: #eeeeee; @@ -545,6 +648,11 @@ div.adresse { vertical-align: top; } +.quick_search { + color: gray; + text-align: right; +} + div#content { padding: 1em; margin: 0em; @@ -554,4 +662,8 @@ div#content { font-size: 95%; } +#menu-evts { + font-size: 85%; +} + /* vim: set et ts=4 sts=4 sw=4: */