/***************************************************************************
- * Copyright (C) 2003-2006 Polytechnique.org *
+ * Copyright (C) 2003-2009 Polytechnique.org *
* http://opensource.polytechnique.org/ *
* *
* This program is free software; you can redistribute it and/or modify *
img { vertical-align: middle; }
a img { border: 0px; }
-td { vertical-align: top; }
li { padding: 0em 1em; text-align: justify; }
hr { width: 90%; margin: 1em 5%; border: 1px dotted #369; border-bottom: none; }
.center { text-align: center; }
.right { text-align: right; }
-.middle { vertical-align: middle; }
.smaller { font-size: smaller; font-style: italic; }
.spacer { clear: both; }
text-align: justify;
}
+.errors {
+ margin-top: 10px;
+ border: 1px solid #f00;
+ background-color: #fcc;
+ width: 98%;
+}
+
+.warnings {
+ margin-top: 10px;
+ border: 1px solid #ed0;
+ background-color: #ffc;
+ width: 98%;
+}
+
+.success {
+ margin-top: 10px;
+ border: 1px solid #0d2;
+ background-color: #cfd;
+ width: 98%;
+}
+
.erreur {
font-weight: bold;
color: #ff0000;
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: #369;
font-size: 140%;
h2 {
color: #369;
+ font-size: 115%;
padding: 0px 4px;
- margin: 0.5em 0em;
- font-size: 110%;
+ margin: 1em 0em 0.5em 0em;
font-weight: bold;
border-bottom: 1px dotted #369;
}
background: #d6e1ec;
font-weight: bold;
text-align: center;
- vertical-align: middle;
padding: 0px 4px;
}
table.tinybicol td, table.bicol td {
white-space: nowrap;
text-align: right;
font-weight: bold;
- vertical-align: middle;
}
td.action a { padding: 0px 2px; }
+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 ]
#skin td {
border-top: 1px solid #a2c2e1;
border-bottom: 1px solid #a2c2e1;
- vertical-align: middle;
}
#skin td.skigauche {
background: #d6e1ec;
color: inherit;
- vertical-align: middle;
}
#skin td.skimilieu {
padding-left: 1em;
color: inherit;
}
-div.grayed {
+div.contact-list div.grayed {
color: #444444;
+ background: #eee;
font-style: italic;
}
-div.grayed div.contact {
- background: #eee;
+div.contact div.photo {
+ float: left;
}
-div.contact div.nom {
- font-weight: bold;
- width: 35%;
- float: left;
- padding-left: 2px;
+div.contact div.photo img {
+ width: 60px;
+ margin-right: 4px;
}
-div.contact div.appli {
+div.contact div.identity {
float: left;
+ width: 85%;
+}
+
+div.contact div.nom {
+ font-weight: bold;
}
div.contact div.bits {
text-align: right;
float: right;
+ width: 14%;
}
div.contact div.long {
6 Profil
[ onglets des profils ]
*******************************************************************************/
-
-table.flags {
- margin: 1em 0em 0em 0em;
-}
-table.flags input { margin: 0px 2px; padding: 0px; }
-table.flags td.texte {
- font-size: smaller;
- font-weight: bold;
- padding: 3px;
-}
-table.flags td.vert {
- background: green;
- padding: 3px;
- text-align: center;
+.wizard {
+ margin-left: -1em;
+ margin-right: -1em;
}
-table.flags td.orange {
- background: #ff9900;
- padding: 3px;
- text-align: center;
+
+.wizard .wiz_header {
+ height: 32px;
+ width: 100%;
+ background: url('../images/skins/wiz_normal.png') top right repeat-x;
+ margin-bottom: 1em;
}
-table.flags td.rouge {
- background: red;
- 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.cadre_a_onglet{
- border-width: 0px;
- padding : 0px;
- margin: 0px;
+.wizard .wiz_header .wiz_tab:hover {
+ background: url('../images/skins/wiz_hover.png') #777 top left repeat-x;
+ color: #fff;
}
-td.conteneur_tab {
- border-width : 1px 2px 2px 1px;
- border-style : solid;
- border-color : #999;
- padding : 4px 0px 0px 4px;
- background : #fff;
+.wizard .wiz_header .active, .wizard .wiz_header .active:hover {
+ background: url('../images/skins/wiz_active.png') #444 top left repeat-x;
+ color: #fff;
}
-#onglet { display : block; margin : 0px; padding : 0px; }
+.wizard .wiz_header a {
+ color: #000;
+ text-decoration: none;
+}
-#onglet li {
- display : block;
- float : left;
- padding : 0.5ex;
- margin : 0px 4px -1px 0px;
- background : #d2e0e6;
- width: auto;
- height: 6ex;
- text-align: center;
- border: 1px solid #999;
+.wizard .wiz_header a.active {
+ color: #fff;
}
-#onglet li:hover { background : #ffecce; }
+.wizard .wiz_content {
+ margin-left: 1em;
+ margin-right: 1em;
+}
-#onglet li.actif {
- background : #fff;
+.flags .texte {
+ font-size: smaller;
font-weight: bold;
- border-bottom: 1px solid #fff;
+ margin-left: -6px;
+ padding: 0 12px 0 0;
}
-
-#onglet li a {
- font-size: 90%;
- font-weight : normal;
- text-decoration : none;
- color : #000;
+.flags img {
+ padding: 0 6px 0 0;
}
/*******************************************************************************
color: #000;
background: #fff;
border: 3px solid #000;
-
+
width: 800px;
margin: 7px;
}
#fiche em { color: purple; }
+#fiche .part {
+ float: left;
+ clear: left;
+ width: 70%;
+ padding: 0em;
+ margin: 0em;
+}
+
+#fiche #photo {
+ float: right;
+ padding-left: 0;
+ padding; 0;
+ margin: 0;
+ clear: right;
+ width: 30%;
+}
+
+#fiche #photo img {
+ width: 100%;
+}
+
#fiche_identite {
padding: 5px;
- width: 600px;
}
-#photo { padding-left: 1em; }
+#photo {
+ vertical-align: top;
+ padding-left: 1em;
+}
#fiche_identite div.civilite {
text-align: center;
}
div.adresse {
- float: left;
- width: 48%;
+ min-width: 30%;
padding: 0px;
- margin: 0px 1% 1ex 1%;
+ margin: 0px 2% 2ex 1%;
}
div.adresse div.titre { color: purple; }
+#fiche .medal_frame {
+ float: left;
+ width: 33%;
+}
+
+#fiche .medal_frame img {
+ float: left:
+ padding: 0ex 1ex;
+}
+
+#fiche .medal_text {
+ vertical-align: middle;
+ font-weight: bold;
+}
+
/* only for fiche_referent.php*/
#fiche_referent{
[ choix de classes faites par le skinneur
*******************************************************************************/
+.phperror {
+ color: red;
+ background: white;
+ margin: 2px auto;
+ padding: 4px 2px;
+ border: 1px solid black;
+ width: 80%;
+ white-space: pre;
+}
+
#dev {
- width: 100%;
+ width: auto;
text-align: center;
padding: 1px;
background: #f5f8fc;
}
-#db-trace div.hide { display: none; }
-#db-trace:hover div.hide { display: block }
-#db-trace h1 { margin: 0px; }
+.backtrace div.hide { display: none; }
+.backtrace:hover div.hide { display: block }
+.backtrace h1 { margin: 0px; }
#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; }
table#body {
color: #000;
background: #fff;
border: 3px solid #000;
-
+
width: 900px;
margin: 1em auto;
}
#body-bottom { text-align: center;}
#body-menu {
+ vertical-align: top;
padding: 1em 0em 2em 2em;
border: 0px;
width: 140px;
projects / platal.git / blobdiff