f0dd75a74da0838b37e33337e8a8d3d05225df02
1 /***************************************************************************
2 * Copyright (C) 2003-2011 Polytechnique.org *
3 * http://opensource.polytechnique.org/ *
5 * This program is free software; you can redistribute it and/or modify *
6 * it under the terms of the GNU General Public License as published by *
7 * the Free Software Foundation; either version 2 of the License, or *
8 * (at your option) any later version. *
10 * This program is distributed in the hope that it will be useful, *
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of *
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
13 * GNU General Public License for more details. *
15 * You should have received a copy of the GNU General Public License *
16 * along with this program; if not, write to the Free Software *
18 * 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA *
19 ***************************************************************************/
21 /*******************************************************************************
23 [ balises sans attributs ou classes sans contexte ]
24 *******************************************************************************/
27 font-family: "Arial", sans-serif
;
29 background: url
('../images/skins/keynote_bg.png') #4f4e63 top left repeat-x fixed
;
33 a:link, a:visited
, a:active
, a:hover
{
37 a:hover
{ color: #999; }
39 img { vertical-align: middle
; }
40 a img { border: 0px; }
41 td { vertical-align: top
; }
42 li { padding-left: 3px; padding-right: 3px;
43 text-align: justify
; }
44 hr { text-align: center; }
45 dt { font-weight: bold
; }
48 border: 1px solid
#fff;
51 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
55 -webkit-border-top-left-radius: 5px;
56 -moz-border-radius-topleft: 5px;
59 border-bottom: 1px solid
#666;
60 border-right: 1px solid
#666;
61 border-top: 1px solid
#fff;
62 border-left: 1px solid
#fff;
63 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed
;
67 padding: 2px 8px 2px 4px;
68 -webkit-border-top-left-radius: 5px;
69 -moz-border-radius-topleft: 5px;
72 .center { text-align: center; }
73 .right { text-align: right
; }
74 .middle { vertical-align: middle
; }
75 .smaller { font-size: smaller
; font-style: italic
; }
76 .spacer { clear: both
; }
78 .float2 { float: left
; width: 49%; }
79 .float3 { float: left
; width: 33%; }
81 /*******************************************************************************
82 2 Styles <p>, <div>, <span>, <li>
83 [ styles classiques d'effets de texte ]
84 *******************************************************************************/
98 border: 1px solid
#f00;
100 background-color: #200;
105 border: 1px solid
#ff0;
107 background-color: #220;
112 border: 1px solid
#0d3;
114 background-color: #021;
122 margin-bottom: 0.5em;
125 .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
130 input.error
, textarea.error
{
131 background-color: #faa;
134 input.valid
, textarea.valid
{
135 background-color: #afa;
138 input.warning
, textarea.warning
{
139 background-color: #fda;
143 background-color: inherit
;
144 margin: 0.5em 0 0.5em -8px;
146 padding: 20px 0 0 0px;
149 font-family: "helvetica", sans-serif
;
157 padding: 15px 0em 0em 0em;
173 p.explication
, div.explication
{
175 padding: 0em 1ex 1ex 1ex;
180 padding-bottom: 0.3em;
185 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
187 padding: 0.3em 1.5em;
195 /*******************************************************************************
196 3 Tableaux bicolores + classes utiles
197 [ Tableaux à lignes alternées, en taille normale, ou tiny ]
198 *******************************************************************************/
199 table.bicol
, table.tinybicol
{
201 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
202 border-width: 1px 0 0 1px;
205 border-collapse: collapse
;
207 table.bicol
{ width: 100%; margin-left: 0; }
208 table.tinybicol
{ width: 70%; margin-left: 15%; }
210 table.tinybicol
tr.pair
, table.bicol
tr.pair
{
212 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
215 table.tinybicol
th, table.bicol
th {
219 vertical-align: middle
;
221 background-color: #000;
224 table.tinybicol
tr:first-child
th, table.bicol
tr:first-child
th {
226 background: url
('../images/skins/keynote_title.gif') #000 top left repeat-x
;
229 table.tinybicol
td, table.bicol
td {
234 table.tinybicol
td.error
, table.bicol
td.error
{
238 table.tinybicol
td.warning
, table.bicol
td.warning
{
242 table.tinybicol
td.valid
, table.bicol
td.valid
{
246 table.tinybicol
td, table.bicol
td, table.tinybicol
tr, table.bicol
tr { padding: 4px; }
248 td.half
{ width: 50%; padding: 4px; }
258 vertical-align: middle
;
260 td.action
a { padding: 0px 2px 0px 2px; }
263 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
279 /*******************************************************************************
280 4 Tableau de choix de skins
281 [ Styles pour les tableaux de types de ceux des skins ]
282 *******************************************************************************/
285 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
287 border-top: 1px solid
#fff;
291 border-bottom: 1px solid
#fff;
292 vertical-align: middle
;
295 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
297 vertical-align: middle
;
303 #skin td.skidroite
{ padding: 0; }
305 /*******************************************************************************
307 [ Styles liés à l'affichage de contacts ]
308 *******************************************************************************/
314 div.contact-list
div.contact
{
315 border-top: 1px solid
#fff;
316 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
321 -webkit-border-top-left-radius: 10px;
322 -moz-border-radius-topleft: 10px;
325 div.contact-list
div.grayed
{
328 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
331 div.contact-list
div.contact:hover
{
332 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
336 -webkit-border-top-left-radius: 10px;
337 -moz-border-radius-topleft: 10px;
341 .contact .photo img {
344 -webkit-border-top-left-radius: 10px;
345 -moz-border-radius-topleft: 10px;
348 div.contact
div.identity
{
353 div.contact
div.nom
{
358 div.contact
div.nom
a {
359 text-decoration: none
;
363 div.contact
div.edu
{
366 div.contact
div.bits
{
372 div.contact
div.long
{
373 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
380 div.long
table { width: 100%; }
381 div.long
td.lt
{ width: 15%; font-style: italic
; }
382 div.long
td.rt
{ width: 85%; }
384 /*******************************************************************************
386 [ onglets des profils ]
387 *******************************************************************************/
389 .wizard, .ui-tabs-nav {
396 .wizard .wiz_header, .ui-tabs-nav {
399 background: url
('../images/skins/wiz_background.png') top right repeat-x
;
404 .wizard .wiz_header .wiz_tab, .ui-tabs-nav li {
405 background: url
('../images/skins/wiz_normal.png') #aaa top left repeat-x
;
409 border-right: 1px solid
#888;
411 vertical-align: middle
;
417 list-style-type: none
;
420 .wizard .wiz_header .wiz_tab:hover, .ui-tabs-nav li:hover {
421 background: url
('../images/skins/wiz_hover.png') #777 top left repeat-x
;
425 .wizard .wiz_header .active, .wizard .wiz_header .active:hover, li.ui-tabs-selected {
426 background: url
('../images/skins/wiz_active.png') #444 top left repeat-x
;
430 .wizard .wiz_header a, .ui-tabs-nav a {
432 text-decoration: none
;
435 .wizard .wiz_header a.active, .ui-tabs-selected a {
439 .wizard .wiz_content, .ui-tabs-panel {
455 border: 1px solid black
;
456 background-color: white
;
464 /*******************************************************************************
465 7 fiche.php & fiche_referent.php
467 *******************************************************************************/
472 border-top: 1px solid
#fff;
473 border-left: 1px solid
#fff;
474 background: url
('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed
;
485 background: url
('../images/skins/keynote_title.gif') bottom repeat-x
;
486 background-color: inherit
;
487 border-bottom: 1px solid
#202020;
515 #fiche_identite div.civilite
{
525 #fiche_identite div.maj
{
531 padding: 0.5ex 1ex 1ex 0ex;
535 #fiche_identite div.contact
{
539 border-width: 1px 0 0 1px;
540 border-style: dotted
;
542 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed
;
546 #fiche_identite div.contact
em {
552 #fiche_identite div.email
{
557 #fiche_identite div.mob
{
563 #fiche_identite div.formation
{
571 margin: 0px 1% 2ex 2%;
574 #fiche .medal_frame
{
579 #fiche .medal_frame
img {
585 vertical-align: middle
;
589 /* only for fiche_referent.php*/
591 #fiche_referent .part
{
595 #fiche_referent #fiche_identite
div.civilite
{
599 #fiche_referent div.rubrique_referent
{
603 margin: 0px 1% 1ex 2%;
612 #fiche_referent ul { margin: 0px; padding: 0px 1em; }
613 #fiche_referent li { font-weight: bold
; margin: 0px; padding: 0px; text-align: left
; }
615 /*******************************************************************************
617 [ choix de classes faites par le skinneur
618 *******************************************************************************/
625 background: url
('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed
;
630 #dev a { text-decoration: none
; }
632 .backtrace div.hide { display: none
; }
633 .backtrace:hover div.hide { display: block
; }
634 .backtrace h1 { padding: 0; margin: 0; }
646 text-decoration: none
;
674 border-bottom: 1px solid
#fff;
676 #body-top table { width: 100%; padding: 4px; }
677 #body-top .date-heure
{ text-align: left
; }
678 #body-top .inscrits
{ text-align: right
; }
682 border-top: 1px solid
#aaa;
686 font-family: "MS Sans Serif", sans-serif
;
695 border-right: 1px solid
#fff;
698 #body-menu .menu_item
{
703 #body-menu a:link, #body-menu
a:visited
, #body-menu
a:active
, #body-meny
a:hover
{
706 text-decoration: none
;
709 #body-menu .menu_item:hover
{
711 background-color: #556;
714 #body-menu .menu_title
{
717 background: url
('../images/skins/keynote_title.gif') bottom repeat-x
;
718 background-color: inherit
;
719 border-bottom: 1px solid
#202020;
722 vertical-align: bottom
;
727 padding: 0 0 4px 16px;
755 /* vim: set et ts=4 sts=4 sw=4: */