projects
/
platal.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Because CSS sucks, I've been forced to hard code the flags for
[platal.git]
/
htdocs
/
css
/
openweb.css
diff --git
a/htdocs/css/openweb.css
b/htdocs/css/openweb.css
index
269f730
..
f723a8e
100644
(file)
--- a/
htdocs/css/openweb.css
+++ b/
htdocs/css/openweb.css
@@
-1,5
+1,5
@@
/***************************************************************************
/***************************************************************************
- * Copyright (C) 2003-200
6
Polytechnique.org *
+ * Copyright (C) 2003-200
7
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; }
@@
-91,6
+89,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
+113,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
+172,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,7
+191,6
@@
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; }
@@
-200,12
+208,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;
@@
-274,31
+280,59
@@
div.long td.rt { width: 65%; }
6 Profil
[ onglets des profils ]
*******************************************************************************/
6 Profil
[ onglets des profils ]
*******************************************************************************/
-
-table.flags {
- margin: 1em 0em 0em 0em;
+
+.wizard {
+ margin-left: -1em;
+ margin-right: -1em;
}
}
-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_normal.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;
text-align: center;
+ font-size: 75%;
+ border-right: 1px solid #888;
}
}
-table.flags td.orange {
- background: #ff9900;
-
padding: 3p
x;
-
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: 1em;
+ margin-right: 1em;
+}
+
+.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{
}
table.cadre_a_onglet{
@@
-358,7
+392,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
+409,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
+476,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
+521,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
+543,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
+598,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;