projects
/
platal.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch 'fusionax' into account
[platal.git]
/
htdocs
/
css
/
openweb.css
diff --git
a/htdocs/css/openweb.css
b/htdocs/css/openweb.css
index
e8d590e
..
c7afde1
100644
(file)
--- a/
htdocs/css/openweb.css
+++ b/
htdocs/css/openweb.css
@@
-1,5
+1,5
@@
/***************************************************************************
/***************************************************************************
- * Copyright (C) 2003-200
4
Polytechnique.org *
+ * Copyright (C) 2003-200
9
Polytechnique.org *
* http://opensource.polytechnique.org/ *
* *
* This program is free software; you can redistribute it and/or modify *
* http://opensource.polytechnique.org/ *
* *
* This program is free software; you can redistribute it and/or modify *
@@
-37,7
+37,6
@@
a:active, a:hover { color: #369; background: transparent; }
img { vertical-align: middle; }
a img { border: 0px; }
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; }
li { padding: 0em 1em; text-align: justify; }
hr { width: 90%; margin: 1em 5%; border: 1px dotted #369; border-bottom: none; }
@@
-60,7
+59,6
@@
legend {
.center { text-align: center; }
.right { text-align: right; }
.center { text-align: center; }
.right { text-align: right; }
-.middle { vertical-align: middle; }
.smaller { font-size: smaller; font-style: italic; }
.spacer { clear: both; }
.smaller { font-size: smaller; font-style: italic; }
.spacer { clear: both; }
@@
-78,6
+76,27
@@
p {
text-align: justify;
}
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;
.erreur {
font-weight: bold;
color: #ff0000;
@@
-91,6
+110,18
@@
p {
background: inherit;
}
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%;
h1 {
color: #369;
font-size: 140%;
@@
-103,9
+134,9
@@
h1 {
h2 {
color: #369;
h2 {
color: #369;
+ font-size: 115%;
padding: 0px 4px;
padding: 0px 4px;
- margin: 0.5em 0em;
- font-size: 110%;
+ margin: 1em 0em 0.5em 0em;
font-weight: bold;
border-bottom: 1px dotted #369;
}
font-weight: bold;
border-bottom: 1px dotted #369;
}
@@
-162,7
+193,6
@@
table.tinybicol th, table.bicol th {
background: #d6e1ec;
font-weight: bold;
text-align: center;
background: #d6e1ec;
font-weight: bold;
text-align: center;
- vertical-align: middle;
padding: 0px 4px;
}
table.tinybicol td, table.bicol td {
padding: 0px 4px;
}
table.tinybicol td, table.bicol td {
@@
-182,10
+212,21
@@
td.action {
white-space: nowrap;
text-align: right;
font-weight: bold;
white-space: nowrap;
text-align: right;
font-weight: bold;
- vertical-align: middle;
}
td.action a { padding: 0px 2px; }
}
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 ]
/*******************************************************************************
4 Tableau de choix de skins
[ Styles pour les tableaux de types de ceux des skins ]
@@
-200,12
+241,10
@@
td.action a { padding: 0px 2px; }
#skin td {
border-top: 1px solid #a2c2e1;
border-bottom: 1px solid #a2c2e1;
#skin td {
border-top: 1px solid #a2c2e1;
border-bottom: 1px solid #a2c2e1;
- vertical-align: middle;
}
#skin td.skigauche {
background: #d6e1ec;
color: inherit;
}
#skin td.skigauche {
background: #d6e1ec;
color: inherit;
- vertical-align: middle;
}
#skin td.skimilieu {
padding-left: 1em;
}
#skin td.skimilieu {
padding-left: 1em;
@@
-232,29
+271,34
@@
div.contact-list div.contact {
color: inherit;
}
color: inherit;
}
-div.grayed {
+div.
contact-list div.
grayed {
color: #444444;
color: #444444;
+ background: #eee;
font-style: italic;
}
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;
float: left;
+ width: 85%;
+}
+
+div.contact div.nom {
+ font-weight: bold;
}
div.contact div.bits {
text-align: right;
float: right;
}
div.contact div.bits {
text-align: right;
float: right;
+ width: 14%;
}
div.contact div.long {
}
div.contact div.long {
@@
-274,74
+318,59
@@
div.long td.rt { width: 65%; }
6 Profil
[ onglets des profils ]
*******************************************************************************/
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;
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;
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;
}
/*******************************************************************************
}
/*******************************************************************************
@@
-358,7
+387,7
@@
div#body {
color: #000;
background: #fff;
border: 3px solid #000;
color: #000;
background: #fff;
border: 3px solid #000;
-
+
width: 800px;
margin: 7px;
}
width: 800px;
margin: 7px;
}
@@
-375,12
+404,35
@@
div#body {
#fiche em { color: purple; }
#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;
#fiche_identite {
padding: 5px;
- width: 600px;
}
}
-#photo { padding-left: 1em; }
+#photo {
+ vertical-align: top;
+ padding-left: 1em;
+}
#fiche_identite div.civilite {
text-align: center;
#fiche_identite div.civilite {
text-align: center;
@@
-419,14
+471,28
@@
div#body {
}
div.adresse {
}
div.adresse {
- float: left;
- width: 48%;
+ min-width: 30%;
padding: 0px;
padding: 0px;
- margin: 0px
1% 1
ex 1%;
+ margin: 0px
2% 2
ex 1%;
}
div.adresse div.titre { color: purple; }
}
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{
/* only for fiche_referent.php*/
#fiche_referent{
@@
-450,8
+516,18
@@
div.adresse div.titre { color: purple; }
[ choix de classes faites par le skinneur
*******************************************************************************/
[ 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 {
#dev {
- width:
100%
;
+ width:
auto
;
text-align: center;
padding: 1px;
text-align: center;
padding: 1px;
@@
-462,24
+538,37
@@
div.adresse div.titre { color: purple; }
background: #f5f8fc;
}
background: #f5f8fc;
}
-
#db-
trace div.hide { display: none; }
-
#db-
trace:hover div.hide { display: block }
-
#db-
trace h1 { margin: 0px; }
+
.back
trace div.hide { display: none; }
+
.back
trace:hover div.hide { display: block }
+
.back
trace h1 { margin: 0px; }
#suid {
color: red;
background: #ffc0cb;
#suid {
color: red;
background: #ffc0cb;
- width:
100%
;
+ width:
auto
;
font-weight: bold;
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;
table#body {
color: #000;
background: #fff;
border: 3px solid #000;
-
+
width: 900px;
margin: 1em auto;
}
width: 900px;
margin: 1em auto;
}
@@
-504,6
+593,7
@@
table#body {
#body-bottom { text-align: center;}
#body-menu {
#body-bottom { text-align: center;}
#body-menu {
+ vertical-align: top;
padding: 1em 0em 2em 2em;
border: 0px;
width: 140px;
padding: 1em 0em 2em 2em;
border: 0px;
width: 140px;