648 lines
12 KiB
CSS
648 lines
12 KiB
CSS
/*
|
|
==========================================================================
|
|
|
|
Université de Strasbourg - Direction Informatique
|
|
Auteur : Guilhem BORGHESI
|
|
Création : Février 2008
|
|
|
|
borghesi@unistra.fr
|
|
|
|
Ce logiciel est régi par la licence CeCILL-B soumise au droit français et
|
|
respectant les principes de diffusion des logiciels libres. Vous pouvez
|
|
utiliser, modifier et/ou redistribuer ce programme sous les conditions
|
|
de la licence CeCILL-B telle que diffusée par le CEA, le CNRS et l'INRIA
|
|
sur le site "http://www.cecill.info".
|
|
|
|
Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
|
|
pris connaissance de la licence CeCILL-B, et que vous en avez accepté les
|
|
termes. Vous pouvez trouver une copie de la licence dans le fichier LICENCE.
|
|
|
|
==========================================================================
|
|
|
|
Université de Strasbourg - Direction Informatique
|
|
Author : Guilhem BORGHESI
|
|
Creation : Feb 2008
|
|
|
|
borghesi@unistra.fr
|
|
|
|
This software is governed by the CeCILL-B license under French law and
|
|
abiding by the rules of distribution of free software. You can use,
|
|
modify and/ or redistribute the software under the terms of the CeCILL-B
|
|
license as circulated by CEA, CNRS and INRIA at the following URL
|
|
"http://www.cecill.info".
|
|
|
|
The fact that you are presently reading this means that you have had
|
|
knowledge of the CeCILL-B license and that you accept its terms. You can
|
|
find a copy of this license in the file LICENSE.
|
|
|
|
==========================================================================
|
|
*/
|
|
|
|
/*
|
|
Le fichier style.css est le fichier de style de studs. Il se trouve à la racine
|
|
du répertoire studs. Il contient toutes les mises en forme des fichiers PHP
|
|
de Studs.
|
|
*/
|
|
|
|
@import url('./buttons.css');
|
|
|
|
body {
|
|
margin:0;
|
|
background: #F7FAFE;
|
|
font-family: "Lucida Grande",Verdana,Arial,sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/*bandeau de titre*/
|
|
.framorange {
|
|
color: #FF8400;
|
|
display: inline;
|
|
font-family: "bitstream sans","bitstream vera sans",'Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,"sans-serif";
|
|
font-weight: bold;
|
|
text-shadow: 1px 1px 1px #666;
|
|
font-size: 60px;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-smooth: always;
|
|
}
|
|
.framamauve {
|
|
color: #6B6BB5;
|
|
display: inline;
|
|
font-family: "bitstream sans","bitstream vera sans",'Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,"sans-serif";
|
|
font-weight: bold;
|
|
text-shadow: 1px 1px 1px #666;
|
|
font-size: 60px;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
div.bandeau{
|
|
text-align:center;
|
|
background-color: #EAEAFF;
|
|
color:white;
|
|
vertical-align:middle;
|
|
font-size:42px;
|
|
font-family:arial;
|
|
padding:8px;
|
|
height:40px;
|
|
position:static;
|
|
top:6px;
|
|
left:6px;
|
|
right:6px;
|
|
padding-top:35px;
|
|
|
|
}
|
|
|
|
.bandeau > a {
|
|
text-decoration:none;
|
|
}
|
|
|
|
div.logo{
|
|
height:64px;
|
|
float:right;
|
|
top:8px;
|
|
right:8px;
|
|
margin-left: 0;
|
|
margin-right:0;
|
|
margin-bottom:auto;
|
|
padding-top: 30px;
|
|
}
|
|
/*Sous bandeau avec bouton de navigation*/
|
|
div.bandeautitre{
|
|
height:17px;
|
|
background-color: #EAEAFF;
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
color:#404040;
|
|
font-style: italic;
|
|
vertical-align:middle;
|
|
font-family:arial;
|
|
padding:3px;
|
|
position:static;
|
|
top:57px;
|
|
left:6px;
|
|
right:6px;
|
|
margin-bottom: 1em;
|
|
border-bottom: 1px solid #CCC;
|
|
}
|
|
div.sousbandeau{
|
|
height:17px;
|
|
background-color: #C4C4FF;
|
|
font-size:11px;
|
|
color:black;
|
|
vertical-align:middle;
|
|
font-family:arial;
|
|
padding: 15px 10px 13px 10px;
|
|
position:fixed;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
/* top:80px;
|
|
left:6px;
|
|
right:6px; */
|
|
/* display: none; */
|
|
margin-top: 1.5em;
|
|
border-top: 1px solid #999;
|
|
}
|
|
/*bandeau de pied*/
|
|
div.surbandeaupied{
|
|
background-color: #EAEAFF;
|
|
position:absolute;
|
|
bottom:30px;
|
|
left:6px;
|
|
right:6px;
|
|
height:6px;
|
|
}
|
|
div.bandeaupied{
|
|
text-align:center;
|
|
background-color: #C4C4FF;
|
|
color:white;
|
|
font-size:11px;
|
|
font-family:arial;
|
|
padding:6px;
|
|
position:fixed;
|
|
bottom:6px;
|
|
left:6px;
|
|
right:6px;
|
|
margin:2px;
|
|
}
|
|
div.surbandeaupiedmobile{
|
|
background-color: #EAEAFF;
|
|
position:static;
|
|
bottom:32px;
|
|
left:6px;
|
|
right:6px;
|
|
height:6px;
|
|
}
|
|
div.bandeaupiedmobile{
|
|
text-align:center;
|
|
background-color: #C4C4FF;
|
|
color:white;
|
|
font-size:11px;
|
|
font-family:arial;
|
|
padding:6px;
|
|
position:static;
|
|
}
|
|
/*les boutons se trouvant dans le sousbandeau*/
|
|
/* div.sousbandeau a, div.sousbandeau span.sousbandeaulangue a {
|
|
background-color: #3E779D;
|
|
background: -moz-linear-gradient(center top , #3E779D, #65A9D7) repeat scroll 0 0 transparent;
|
|
height:16px;
|
|
padding: 3px 8px 3px 8px;
|
|
vertical-align:middle;
|
|
text-align:center;
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
font-family:arial;
|
|
color:white;
|
|
font-size:12px;
|
|
text-decoration:none;
|
|
border-radius: 14px 14px 14px 14px;
|
|
border-top: 1px solid #96D1F8;
|
|
box-shadow: 0 1px 0 #000000;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
|
|
}
|
|
*/
|
|
span.sousbandeaulangue {
|
|
margin-left:6px;
|
|
margin-right:90px;
|
|
float:right;
|
|
}
|
|
|
|
/*corps de la page index.php*/
|
|
|
|
.corps {
|
|
font-family: "Lucida Grande",Verdana,Arial,sans-serif;
|
|
/* left: 20px; */
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-bottom: 30px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
padding-top: 30px;
|
|
/* position: static;
|
|
right: 20px;
|
|
top: 170px; */
|
|
width: 70em;
|
|
/* overflow-x:auto; */
|
|
border: 3px solid #CCC;
|
|
background-color: #fff;
|
|
box-shadow: 5px 5px 5px #666;
|
|
-moz-border-radius: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
|
|
div.corps table{
|
|
/* font-size:12px; */
|
|
}
|
|
div.corpscentre{
|
|
font-size:12px;
|
|
font-family:arial;
|
|
text-align:center;
|
|
position:absolute;
|
|
top:150px;
|
|
margin-right:10%;
|
|
margin-left:10%;
|
|
width:80%;
|
|
}
|
|
div.nouveau_sondage b {
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
line-height:32px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin-right:10px;
|
|
}
|
|
div.nouveau_sondage span {
|
|
font-size:12px;
|
|
height:32px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
/*affichage des jours*/
|
|
div.jourschoisis {
|
|
background-color: #DDD;
|
|
padding:10px;
|
|
text-align: center;
|
|
position:static;
|
|
left:700px;
|
|
top:170px;
|
|
font-size:12px;
|
|
width:100%;
|
|
}
|
|
/*presenation des pages*/
|
|
div.bodydate {
|
|
padding:10px;
|
|
text-align:center;
|
|
/* font-family:arial;
|
|
font-size:12px;
|
|
text-align:center;
|
|
position:static;
|
|
top:330px;
|
|
left:20px;
|
|
right:20px;
|
|
|
|
*/
|
|
}
|
|
div.bodydate table{
|
|
font-family:arial;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.mlabel {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*cadre de commentaires*/
|
|
div.presentationdate {
|
|
width:70%;
|
|
font-family:arial;
|
|
text-align:center;
|
|
font-size:12px;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-color:#969696;
|
|
/* position:static;
|
|
top:110px;
|
|
right:1px;
|
|
left:1px; */
|
|
margin-top:10px;
|
|
margin-left:15%;
|
|
margin-right: 15%;
|
|
background-color: #EEF;
|
|
border-radius: 5px;
|
|
}
|
|
div.presentationdatefin {
|
|
width:90%;
|
|
padding:10px;
|
|
text-align:center;
|
|
border:solid 1px #CCCCCC;
|
|
margin-top: 10px;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
background-color: #FAFAFA;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.champdatefin {
|
|
width: 8em !important;
|
|
}
|
|
|
|
/*cadre principal de studs.php*/
|
|
div.cadre {
|
|
padding:10px;
|
|
/* font-family:arial;
|
|
font-size:12px;
|
|
position:static;
|
|
top:235px; */
|
|
text-align:center;
|
|
margin:0 auto;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
/*information au sujet de la participation au sondage*/
|
|
div.cadre div.information {
|
|
margin-bottom:20px;
|
|
}
|
|
/*la table des résultats dans l'affichage de sondage*/
|
|
div.cadre table.resultats {
|
|
background-color: white;
|
|
text-align: center;
|
|
margin:0 auto;
|
|
}
|
|
|
|
div.cadre td {
|
|
height:30px;
|
|
}
|
|
/*case de tableau OK dans affichage de sondage*/
|
|
div.cadre td.ok {
|
|
background-color: #9494CF;
|
|
font-size:12px;
|
|
text-align:center;
|
|
}
|
|
/*Case de tableau NON dans affichage de sondage*/
|
|
div.cadre td.non {
|
|
background-color: #FFC475;
|
|
width:35px;
|
|
}
|
|
/*Case de tableau VIDE dans affichage de sondage*/
|
|
div.cadre td.vide, div.cadre td.sujet {
|
|
background-color: #DDDDDD;
|
|
text-align:center;
|
|
}
|
|
|
|
div.cadre td.vide, div.cadre td.ok, div.cadre td.non, div.cadre td.sujet, div.cadre td.nom, div.cadre td.jour, div.cadre td.heure, div.cadre td.mois {
|
|
border-right: 1px solid #BBB !important;
|
|
border-bottom: 1px solid #BBB !important;
|
|
|
|
}
|
|
|
|
div.cadre td:hover.vide {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.resultats tbody tr {
|
|
|
|
}
|
|
|
|
.resultats tbody tr:hover {
|
|
/* opacity: 0.9; */
|
|
}
|
|
|
|
/*Case de tableau contenant les noms dans affichage de sondage*/
|
|
div.cadre td.nom {
|
|
background-color: #DDDDDD;
|
|
font-size:12px;
|
|
text-align:center;
|
|
}
|
|
div.cadre td.casevide {
|
|
background-color: white;
|
|
text-align:center;
|
|
border: none !important;
|
|
}
|
|
/*les cases contenant les sommes de chaque colonne dans l'affichage de
|
|
calendrier*/
|
|
div.cadre td.somme {
|
|
background-color: white;
|
|
font-weight: bold;
|
|
font-size:14px;
|
|
}
|
|
|
|
/*Case de tableau SUJET dans affichage de sondage*/
|
|
div.cadre td.sujet, div.cadre td.jour, div.cadre td.heure {
|
|
border: 2px;
|
|
background-color: #DDDDDD;
|
|
font-weight: bold;
|
|
font-size:14px;
|
|
padding:1px 5px;
|
|
}
|
|
|
|
td.jour {
|
|
min-width: 55px;
|
|
}
|
|
|
|
div.cadre td.annee {
|
|
border: 2px;
|
|
background-color: #969696;
|
|
font-weight: bold;
|
|
font-size:14px;
|
|
padding:1px 5px;
|
|
}
|
|
div.cadre td.mois {
|
|
border: 2px;
|
|
background-color: #C0C0C0;
|
|
font-weight: bold;
|
|
font-size:14px;
|
|
padding:1px 5px;
|
|
}
|
|
|
|
/*affichage du calendrier*/
|
|
div.calendrier {
|
|
padding:10px;
|
|
background-color: #CCF;
|
|
width:650px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
position:static;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
div.calendrier td {
|
|
height: 40px;
|
|
}
|
|
|
|
div.calendrier td:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
/*jour de la semaine dans calendrier*/
|
|
div.calendrier td.joursemaine {
|
|
width:91px;
|
|
text-align: center;
|
|
border: 2px;
|
|
background-color: white;
|
|
height: 40px;
|
|
}
|
|
div.calendrier td.jourwe {
|
|
width:65px;
|
|
text-align: center;
|
|
font-family:arial;
|
|
font-size:14px;
|
|
border: 2px;
|
|
background-color: #C0C0C0;
|
|
}
|
|
/*jour avant le premier jour du mois dans calendrier*/
|
|
div.calendrier td.avant {
|
|
/* width:65px; */ /* inutile car fixé par .joursemaine */
|
|
text-align: center;
|
|
border: 2px;
|
|
font-family:arial;
|
|
font-size:13px;
|
|
background-color: #EEEEEE;
|
|
}
|
|
/*jour libre dans calendrier*/
|
|
div.calendrier td.libre {
|
|
/* width:65px; */ /* inutile car fixé par .joursemaine */
|
|
text-align: center;
|
|
border: 2px;
|
|
background-color: #66FF99;
|
|
}
|
|
/*jour deja selectionné dans calendrier*/
|
|
div.calendrier td.choisi {
|
|
/* width:65px; */ /* inutile car fixé par .joursemaine */
|
|
text-align: center;
|
|
border: 2px;
|
|
background-color: #54ADF7;
|
|
}
|
|
/* Le paragraphe de fin */
|
|
p.affichageresultats{
|
|
text-align: center;
|
|
font-family:arial;
|
|
font-size:13px;
|
|
}
|
|
|
|
div.comment{
|
|
|
|
margin-top: 10px;
|
|
border-left: 1px dashed #999;
|
|
background: #F5F5F5;
|
|
padding-left: 25px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
width: inherit;
|
|
}
|
|
|
|
div.comment span.usercomment{
|
|
font-weight:bold;
|
|
}
|
|
|
|
a.affichageexport{
|
|
text-align: center;
|
|
font-family:arial;
|
|
font-size:10px;
|
|
margin-left:10px;
|
|
text-decoration: none;
|
|
}
|
|
div.titregestionadmin{
|
|
text-align: center;
|
|
font-weight:bold;
|
|
font-size:18px;
|
|
padding:10px;
|
|
}
|
|
|
|
.choix_date_mois {
|
|
width: 190px;
|
|
font-weight: bold;
|
|
font-size: larger;
|
|
}
|
|
|
|
.bouton {
|
|
border:0px;
|
|
padding: 12px 30px 6px;
|
|
margin:0px;
|
|
cursor:pointer;
|
|
font-family:arial;
|
|
font-size:13px;
|
|
}
|
|
/*les boutons pour choisir un jour non selectionné*/
|
|
.ON {
|
|
background-color: #66FF99;
|
|
}
|
|
|
|
/*les boutons pour deselectionner un jour deja choisi*/
|
|
.OFF {
|
|
background-color: #54ADF7;
|
|
}
|
|
|
|
div.nouveau_sondage a {
|
|
text-decoration: none;
|
|
}
|
|
div.nouveau_sondage span img {
|
|
vertical-align: middle;
|
|
border: 0px;
|
|
}
|
|
div.nouveau_sondage span {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
div.error, div.addcomment {
|
|
text-align:center;
|
|
border: 1px;
|
|
/* font-family: arial;
|
|
font-size: 13px; */
|
|
}
|
|
|
|
div.addcomment {
|
|
border-top: 1px solid #CCC;
|
|
padding-top: 25px;
|
|
background: #EFEFEF;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
ul.exports {
|
|
display:none; /* fonction non fonctionnelle */
|
|
text-align:center;
|
|
list-style-type : none ;
|
|
}
|
|
li.error {
|
|
color: red;
|
|
}
|
|
|
|
#creation_sondage_date, #creation_sondage_autre {
|
|
vertical-align: middle;
|
|
margin: 10px;
|
|
margin-left: 0;
|
|
padding-left: 5px;
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
|
|
#choix_sondage {
|
|
width: 300px;
|
|
}
|
|
#choix_sondage tr:hover {
|
|
background: #fcc;
|
|
}
|
|
.separateur {
|
|
line-height: 4em;
|
|
}
|
|
.formulaire2 {
|
|
width:40%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.formulaire2 input[name="lieureunion"] {
|
|
width: 350px;
|
|
}
|
|
|
|
.index_date, .index_sondage {
|
|
float:left;
|
|
width:50%;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.index_date .opacity, .index_sondage .opacity {
|
|
opacity: 0.6;
|
|
}
|
|
.button img {
|
|
vertical-align: middle;
|
|
}
|
|
.index_date img:hover, .index_sondage img:hover {
|
|
opacity: 1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.poursuivre {
|
|
float: right;
|
|
margin-right: 50px;
|
|
}
|
|
|
|
.retour {
|
|
float: left;
|
|
margin-left: 50px;
|
|
}
|
|
|
|
.imprimer {
|
|
float:right;
|
|
}
|