442 lines
8.5 KiB
CSS
442 lines
8.5 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.
|
|
*/
|
|
/*bandeau de titre*/
|
|
div.bandeau{
|
|
line-height:35px;
|
|
text-align:center;
|
|
background-color: #0b419b;
|
|
color:white;
|
|
vertical-align:middle;
|
|
font-size:35px;
|
|
font-family:arial;
|
|
padding:8px;
|
|
height:35px;
|
|
position:static;
|
|
top:6px;
|
|
left:6px;
|
|
right:6px;
|
|
|
|
}
|
|
div.logo{
|
|
height:64px;
|
|
float:right;
|
|
top:8px;
|
|
right:8px;
|
|
margin-left: 0;
|
|
margin-right:0;
|
|
margin-bottom:auto;
|
|
}
|
|
/*Sous bandeau avec bouton de navigation*/
|
|
div.bandeautitre{
|
|
height:17px;
|
|
background-color: #0077DD;
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
color:white;
|
|
vertical-align:middle;
|
|
font-family:arial;
|
|
padding:3px;
|
|
position:static;
|
|
top:57px;
|
|
left:6px;
|
|
right:6px;
|
|
}
|
|
div.sousbandeau{
|
|
height:17px;
|
|
background-color: #DDDDDD;
|
|
font-size:11px;
|
|
color:black;
|
|
vertical-align:middle;
|
|
font-family:arial;
|
|
padding:3px;
|
|
position:static;
|
|
top:80px;
|
|
left:6px;
|
|
right:6px;
|
|
}
|
|
/*bandeau de pied*/
|
|
div.surbandeaupied{
|
|
background-color: #0077DD;
|
|
position:absolute;
|
|
bottom:30px;
|
|
left:6px;
|
|
right:6px;
|
|
height:6px;
|
|
}
|
|
div.bandeaupied{
|
|
text-align:center;
|
|
background-color: #0b419b;
|
|
color:white;
|
|
font-size:11px;
|
|
font-family:arial;
|
|
padding:6px;
|
|
position:fixed;
|
|
bottom:6px;
|
|
left:6px;
|
|
right:6px;
|
|
margin:2px;
|
|
}
|
|
div.surbandeaupiedmobile{
|
|
background-color: #0077DD;
|
|
position:static;
|
|
bottom:32px;
|
|
left:6px;
|
|
right:6px;
|
|
height:6px;
|
|
}
|
|
div.bandeaupiedmobile{
|
|
text-align:center;
|
|
background-color: #0b419b;
|
|
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: #0b419b;
|
|
height:16px;
|
|
padding: 2px 6px 2px 6px;
|
|
vertical-align:middle;
|
|
text-align:center;
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
font-family:arial;
|
|
color:white;
|
|
font-size:10px;
|
|
text-decoration:none;
|
|
}
|
|
span.sousbandeaulangue {
|
|
margin-left:6px;
|
|
margin-right:6px;
|
|
float:right;
|
|
}
|
|
/*corps de la page index.php*/
|
|
div.corps{
|
|
font-size:12px;
|
|
font-family:arial;
|
|
position:static;
|
|
top:170px;
|
|
left:20px;
|
|
right:20px;
|
|
padding:30px;
|
|
}
|
|
div.corps table{
|
|
font-family:arial;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
}
|
|
div.corpscentre{
|
|
font-size:12px;
|
|
font-family:arial;
|
|
text-align:center;
|
|
position:absolute;
|
|
top:150px;
|
|
margin-right:10%;
|
|
margin-left:10%;
|
|
width:80%;
|
|
}
|
|
/*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;
|
|
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;
|
|
}
|
|
/*cadre de commentaires*/
|
|
div.presentationdate {
|
|
width:40%;
|
|
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:30%;
|
|
margin-right: 30%;
|
|
}
|
|
div.presentationdatefin {
|
|
width:40%;
|
|
padding:10px;
|
|
font-family:arial;
|
|
text-align:center;
|
|
font-size:12px;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
margin-top: 10px;
|
|
margin-left: 30%;
|
|
margin-right: 30%;
|
|
position:static;
|
|
}
|
|
/*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;
|
|
}
|
|
/*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:21px;
|
|
}
|
|
/*case de tableau OK dans affichage de sondage*/
|
|
div.cadre td.ok {
|
|
background-color: #66FF99;
|
|
font-size:12px;
|
|
text-align:center;
|
|
}
|
|
/*Case de tableau NON dans affichage de sondage*/
|
|
div.cadre td.non {
|
|
background-color: #FF7777;
|
|
width:35px;
|
|
}
|
|
/*Case de tableau VIDE dans affichage de sondage*/
|
|
div.cadre td.vide {
|
|
background-color: #DDDDDD;
|
|
text-align:center;
|
|
}
|
|
/*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;
|
|
}
|
|
/*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;
|
|
}
|
|
|
|
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: #AAA;
|
|
width:490px;
|
|
font-size:12px;
|
|
font-family:arial;
|
|
margin-left: 30%;
|
|
margin-right: 30%;
|
|
position:static;
|
|
}
|
|
/*jour de la semaine dans calendrier*/
|
|
div.calendrier td.joursemaine {
|
|
width:65px;
|
|
text-align: center;
|
|
font-family:arial;
|
|
font-size:14px;
|
|
border: 2px;
|
|
background-color: white;
|
|
}
|
|
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;
|
|
text-align: center;
|
|
border: 2px;
|
|
font-family:arial;
|
|
font-size:13px;
|
|
background-color: #DDDDDD;
|
|
}
|
|
/*jour libre dans calendrier*/
|
|
div.calendrier td.libre {
|
|
width:65px;
|
|
text-align: center;
|
|
border: 2px;
|
|
background-color: #66FF99;
|
|
}
|
|
/*jour deja selectionné dans calendrier*/
|
|
div.calendrier td.choisi {
|
|
width:65px;
|
|
text-align: center;
|
|
border: 2px;
|
|
background-color: #0077DD;
|
|
}
|
|
/* Le paragraphe de fin */
|
|
p.affichageresultats{
|
|
text-align: center;
|
|
font-family:arial;
|
|
font-size:13px;
|
|
}
|
|
|
|
div.comment{
|
|
width:100%;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
|
|
.bouton {
|
|
width: 65px;
|
|
border:0px;
|
|
padding:0px 0 0 0;
|
|
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: #0077DD;
|
|
}
|
|
|
|
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;
|
|
}
|
|
ul.exports {
|
|
text-align:center;
|
|
list-style-type : none ;
|
|
}
|
|
li.error {
|
|
color: red;
|
|
}
|