date.chapril.org-framadate/style.css
2013-11-21 15:02:46 +01:00

657 lines
13 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;
}
img {
border: 0;
}
*, *:before, *:after {
-webkti-box-sizing:content-box;
-moz-box-sizing: content-box;
box-sizing:content-box;
}
/*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:13px;
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;
}