| 1,179 → 1,96 |
|---|
| /* vim: set expandtab tabstop=4 shiftwidth=4: */ |
| /* ======================================================================================================== |
| | Copyright (C) 1999-2004 Tela Botanica (accueil@tela-botanica.org) | |
| +---------------------------------------------------------------------------------------------------------+ |
| | This file is part of Papyrus. | |
| | | |
| | Foobar is free software; you can redistribute it and/or modify it under the terms of the GNU General | |
| | Public License as published by the Free Software Foundation; either version 2 of the License, or | |
| | (at your option) any later version. | |
| | | |
| | Foobar is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the | |
| | implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public | |
| | License for more details. | |
| | | |
| | You should have received a copy of the GNU General Public License along with Foobar; if not, write to | |
| | the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA | |
| +---------------------------------------------------------------------------------------------------------+ |
| CVS : $Id: defaut.css,v 1.11 2005-11-18 16:02:49 florian Exp $ |
| =========================================================================================================== |
| DESCRIPTION : Fichier de style du site par defaut de Papyrus. |
| |
| =========================================================================================================== |
| Auteur original : Jean-Pascal MILCENT <jpm@tela-botanica.org> |
| Autres auteurs : Florian SCHMITT <florian@ecole-et-nature.org> |
| David DELON <david.delon@clapas.net> |
| /*****************Proprietes generales******************************************/ |
| * {margin: 0; padding: 0;} |
| body {text-align: center;background:#FFF;font:12px Myriad, Arial, sans-serif;color:#000;text-align:justify;} |
| hr {margin:2px; width:100%; color: #7F8343; background-color: #7F8343; height: 1px;} |
| a {text-decoration: none;color: #000;} |
| a:hover {text-decoration: none;color: #358BAE;} |
| a img {border: none;} |
| #menu_2_17 {display:none;} |
| /****************Calendrier*****************************************************/ |
| table {margin:5px auto; border: 1px solid #006495;border-spacing:0;border-collapse:collapse;width:520px;} |
| th {font-size:11px;padding:2px;text-align:center;border: 1px solid #006495;font-weight: normal;background:#3082AA;color:#fff;height:23px;} |
| td {font-size:11px;text-align:center;border: 1px solid #006495;background:#FFF;color:#000;height:23px;} |
| td:hover {background: #C3D759;} |
| .navi {padding:0;margin:0;text-align:center;} |
| .other_month {color:#AAA;} |
| .current_day {background: #FBB63C; color: #FFF;} |
| /****************Onglets********************************************************/ |
| .bouton_onglet {float: left;margin:0;padding:4px 10px 4px 10px;border: 1px solid #3082AA;-moz-border-radius:12px;background: #FFF;} |
| .bouton_onglet:hover {background: #C3D759;} |
| /*****************Titres********************************************************/ |
| h1, h2, h3, h4, h5, h6 {font: Myriad, Arial, sans-serif;border-bottom: 1px solid #7FB1CA;margin-bottom:6px;text-align:center;} |
| h1 {font-size:28px; color: #BBD049;} |
| h2 {font-size:25px; color: #BBD049;} |
| h3 {font-size:22px; color: #BBD049;} |
| h4 {font-size:18px; color: #BBD049;} |
| h5 {font-size:15px; color: #BBD049;} |
| h6 {font-size:13px; color: #BBD049;} |
| /*****************Boutons et formulaires****************************************/ |
| #more_motif {padding:2px;width:90px;border:#000 2px groove;font: 10px arial, sans-serif; color: #000;} |
| #more_ok {border:#CF8784 1px solid;font: 12px arial, sans-serif; color: #FFF;padding:1px;background:#CF8784;text-transform: uppercase;} |
| #sesi_site {padding:1px;width:90px;border:#000 2px groove;font: 10px arial, sans-serif; color: #000;} |
| #sesi_ok {border:#CF8784 1px solid;font: 12px arial, sans-serif; color: #FFF;padding:1px;background:#CF8784;text-transform: uppercase;} |
| form table, form td, form th {border:0} |
| form td:hover {background: transparent;} |
| /*****************Listes********************************************************/ |
| ul {padding-left: 10px;margin-left: 0px;} |
| li {list-style-type:none;display : list-item;background-image:url(../images/Puce-liste-article.gif); |
| background-repeat:no-repeat;padding:3px 0px 3px 20px;margin : 4px;} |
| |
| =========================================================================================================== |
| AUTEUR : $Author: florian $ |
| VERSION : $Revision: 1.11 $ $Date: 2005-11-18 16:02:49 $ |
| ======================================================================================================= */ |
| |
| /* +----------------------------------------------------------------------------------------------------+ |
| | STRUCTURE | |
| +----------------------------------------------------------------------------------------------------+*/ |
| |
| * {padding: 0;margin: 0;} |
| body {font-family: Tahoma, Arial, Helvetica, sans-serif;text-align: center;color: #566047;line-height: 19px; |
| background: #FBFBE5 url(../images/grass.png) right bottom fixed no-repeat;} |
| a, a:link, a:visited {color: #566047;text-decoration: underline;} |
| a:hover {color: #6878C6;text-decoration: none;} |
| a:active, a:focus {color: #566047;} |
| p {line-height: 19px;} |
| acronym {font-weight: bold;text-decoration: none;border-bottom: none;} |
| |
| /* Container general */ |
| #container {margin: auto;text-align: left;background: #FBFBE5;width: 760px;border-left:solid 2px #BCBCAB;border-right:solid 2px #BCBCAB;} |
| |
| /* Le bandeau tout en haut : contient logo, nom */ |
| #zone_bandeau {background: #E9EBD3;width: 760px;height: 70px;margin:5px auto; |
| border-top:solid 3px #838E6C;border-bottom:solid 3px #838E6C;} |
| #logo {float : left;margin: 3px 0 0 10px;} |
| #site_nom {text-align: center;width:180px;margin:20px auto;} |
| |
| /* Menus */ |
| #zone_contours_menu {clear:both;float:left;width:193px;margin:6px 0 20px 10px;border: solid 1px #BCBCAB;background:#FDFDF3;} |
| #zone_menu {margin:0 15px 0 15px;padding:0;width: 162px;font-size: 70%;border-left:solid 1px #7D8965;border-right:solid 1px #7D8965;} |
| #zone_menu h3 {border:0;text-align:center;text-decoration:underline;} |
| #zone_menu ul li {margin-bottom: 5px;padding-bottom: 5px;color: #8C9777;} |
| #zone_menu ul {list-style-type: none;} |
| #zone_menu a, #zone_menu a:link, #zone_menu a:visited, #zone_menu a:hover, #zone_menu a:active, #zone_menu a:focus {display: inline;padding: 0;color: #8C9777;} |
| #zone_menu ul li a, #zone_menu ul li a:link, #zone_menu ul li a:visited, #zone_menu ul li a:active, #zone_menu ul li a:focus { |
| display: block;clear: both;padding: 0 0 2px 20px;font-weight: bold;text-decoration: underline;color: #566047;background: transparent url(../images/picto.png) left center no-repeat;} |
| #zone_menu ul li a:hover {color: #6878C6;text-decoration: none;} |
| #zone_menu_haut, #zone_menu_bas {background: transparent url(../images/deco_menu.png) top no-repeat;height:29px;} |
| #zone_contenu {width: 530px;margin: 6px 0 10px 217px;font-size:70%;} |
| #zone_pied {clear:both;text-align:center;background: #E9EBD3;width: 760px;height: 40px;margin:5px auto; |
| border-top:solid 3px #838E6C;border-bottom:solid 3px #838E6C;font-size:70%;padding-top:5px;} |
| |
| /* Applettes */ |
| |
| /* Selecteur Monde */ |
| #selecteur_monde {float: right;width: 200px;padding: 20px 20px 0 0;text-align: right;} |
| #selecteur_monde legend {display: none;} |
| #selecteur_monde fieldset {border: 0;margin: 1px;padding: 1px;text-align: right;} |
| |
| /* Identification */ |
| #identification {margin:0 auto;width: 150px;text-align:center;border:solid 1px #BCBCAB;} |
| #identification fieldset {border: 0;margin: 1px;padding: 1px;} |
| #identification label {display: block;text-align:left;} |
| #identification input {width:90%;} |
| |
| /* +----------------------------------------------------------------------------------------------------+ |
| | DESIGN | |
| +----------------------------------------------------------------------------------------------------+*/ |
| |
| h1, h2, h3 {margin-bottom: 10px;height: 22px;border-bottom: 1px solid #7D8965;} |
| h1 {font-size: 1.5em;} |
| h2 {font-size: 1.3em;} |
| h3 {font-size: 1.2em;} |
| li {text-align:left;margin-left:20px;} |
| table {border-collapse: collapse;border-spacing: 0;} |
| th, td {text-align:left;padding:2px;border: solid 1px } |
| img {border:0;} |
| fieldset {border:solid 1px #7D8965;padding:3px;margin:2px;} |
| legend {font-weight:bold;} |
| input:hover {color #FDFDF3; background:#7D8965;} |
| input, select, textarea {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size:11px;color #7D8965; background:#FDFDF3;border:solid 1px #7D8965;} |
| |
| dt {float:left;width:150px;font-weight: bold;} |
| dd {width:auto;margin-left:150px;} |
| .info {text-align:center;color:green;padding:5px;border: 1px solid green;background: #FFFFE5;font-size:11px;} |
| .erreur {text-align:center;color:red;padding:5px;border: 1px solid red;background: #FFFFE5;font-size:11px;} |
| .label100 {float:left;display:block;width:100px;font-weight: bold;} |
| .label200 {float:left;display:block;width:170px;font-weight: bold;} |
| .symbole_obligatoire {color:red;} |
| .bouton {margin-right:10px;} |
| |
| /* Mise en ligne des formulaires */ |
| form li {margin:0;padding:0;display: block;} |
| form ul {margin:0;padding:0;list-style-type: none;} |
| form label {width:150px;} |
| .liste_bouton li {display:inline;} |
| |
| /* Styles propres à Papyrus */ |
| .pap_erreur {background-color: #ffffcc;margin: 5px;padding: 5px;border : solid 1px red;} |
| |
| |
| /* Style Client Calendrier */ |
| |
| #bazar_applette_calendrier .navi{ |
| text-align: center; |
| } |
| |
| #bazar_applette_calendrier .other_month{ |
| font-size: 0.0em; |
| } |
| |
| #bazar_applette_calendrier table{ |
| font-size: 0.8em; |
| text-align: center; |
| margin: 0 auto; |
| border-collapse: collapse; |
| } |
| |
| #bazar_applette_calendrier table th{ |
| display:none; |
| } |
| |
| #bazar_applette_calendrier table td{ |
| // width: 14%; |
| line-height: 2em; |
| border: 1px solid #EEE; |
| } |
| |
| #bazar_applette_calendrier table td a{ |
| display: block; |
| background: #EFA; |
| color: #493; |
| font-weight: bold; |
| text-decoration: none; |
| } |
| |
| #bazar_applette_calendrier table td a:hover{ |
| background: #DBB8DC; |
| color: #636; |
| } |
| |
| |
| /* +--Fin des CSS ----------------------------------------------------------------------------------------+ |
| * |
| * $Log: not supported by cvs2svn $ |
| * Revision 1.10 2005/11/17 18:48:02 florian |
| * corrections bugs + amélioration de l'application d'inscription |
| * |
| * Revision 1.9 2005/10/14 12:59:24 ddelon |
| * Reorganisation calendrier + applette |
| * |
| * Revision 1.8 2005/09/26 20:18:27 ddelon |
| * Appli projet : php5 et generalisation |
| * |
| * Revision 1.7 2005/09/23 14:17:43 florian |
| * maj squelettes admin + commun |
| * |
| * Revision 1.1 2005/09/23 14:16:41 florian |
| * maj squelette commun |
| * |
| * |
| * +-- Fin des CSS ----------------------------------------------------------------------------------------+ |
| */ |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* Structure de la page */ |
| #page {position: relative;top:3px;width: 762px; text-align: left;margin: 0 auto;} |
| p, .page {background-color:transparent;text-align: justify;line-height: 22px;} |
| #zone_bandeau {height: 130px;background: url(../images/Bandeau_haut.gif) no-repeat top left;} |
| #logo {position: absolute;top: 10px;left: 30px;} |
| #site_nom {position: absolute;top: 50px;left: 200px;width:350px;} |
| #site_nom h1 {margin: 0 auto;width:350px;font-size: 30px; font: Georgia, serif;color:#3082AA;border:0;} |
| #vous_etes_ici {clear:both;float:left;width:550px;margin: 0 0 10px 20px;} |
| #zone_contenu {clear:both;float:left;padding: 10px;width: 742px;height:100%;border: 1px solid #3082AA;-moz-border-radius:10px;text-align: justify;} |
| .zone_alert, .pap_erreur {float:left;text-align: left;min-height:55px;width:470px;margin:10px 0; border: 1px solid #F00; background: #FFF url(../images/Main_Erreur.gif) no-repeat top left;padding: 5px 5px 5px 70px;} |
| .zone_info {float:left;text-align: left;min-height:55px;width:470px;margin:10px 0; border: 1px solid #D0DF7F; background: #FFF url(../images/Infos.gif) no-repeat top left;padding: 5px 5px 5px 70px;} |
| #zone_onglets {float: left;margin :0 0 -13px 230px;background:#FFF;z-index:4;} |
| #zone_onglets ul {background:#FFF;} |
| #zone_contenu_corps {width:100%;margin: 10px 0 10px 0;} |
| #zone_bandeau_menu {float:left;width:180px;border: 1px solid #7FB1CA;background: #7FB1CA;-moz-border-radius:10px;margin:10px 10px 10px 0;} |
| #zone_bandeau_menu h1 {width:90%;padding:0;margin:4px auto 6px auto;font:13px Myriad, Arial, sans-serif;font-weight: bold;text-align:center;color:#A01B12;background:transparent;border-bottom:1px solid #FFF;} |
| #menu ul {color:#000;display: block;margin:0;padding:0;list-style-type: circle;} |
| #menu li {margin:0;padding:0;} |
| #menu li a {display: block;padding: 3px; margin: 0 3px 0 3px; width: 160px; text-decoration: none; color: #FFF; background: transparent;border: 1px solid #7FB1CA; height:17px;text-align:left;} |
| #menu li a:hover {color: #000;background: #C3D759;border: 1px solid #006495;} |
| #menu li li a {padding-left: 20px;width: 145px;} |
| #menus_communs {float:right;text-align : right;width:600px;margin:10px 10px 0 0;} |
| #menus_communs li {padding: 0 1px;list-style-type:none; display: inline;background: transparent;} |
| #zone_menu {float:left;margin: 0 0 10px 20px;padding:1px;height:26px;background:#75A770;} |
| #zone_menu ul {float: left;margin:0;padding:0;list-style: none;list-style-type: none;z-index: 3;} |
| #zone_menu li {float: left;margin:1px;padding:0;width: 120px;color: #FFF;background: #3082AA;height:23px;} |
| #zone_menu li:hover {background: #C3D759;} |
| #zone_menu li a {display: block;padding: 3px; width: 114px; text-decoration: none; color: #FFF; background: transparent; height:17px;text-align:center;} |
| #zone_menu li a:hover {color: #000;} |
| #zone_menu li li {width: 12.7em;text-align: left;color: #000000;} |
| #zone_menu li li a {display:block;width: 12.6em;text-align: left;color: #000000;} |
| #zone_menu li ul {z-index: 4;position: absolute;left: -999em;height: auto;width: 15.9em;margin: 0.1em 0 0 -0.3em;text-align: left;background: #FFFFFF;border: 1px solid #000000;} |
| #zone_menu li ul ul {z-index: 5;margin: -2.4em 0 0 13em; width: 17em;text-align: left;} |
| #zone_menu li:hover ul ul, #zone_menu li:hover ul ul ul {left: -999em;} |
| #zone_menu li:hover ul, #zone_menu li li:hover ul, #zone_menu li li li:hover ul{ left: auto;} |
| #moteur_recherche {clear:right;float:right;margin-top:60px;background: url(../images/Moteur_recherche.gif) no-repeat top left;width:181px;height: 33px;padding:10px 10px 0 0;} |
| #moteur_recherche legend {display:none;} |
| #moteur_recherche fieldset {margin:0px 0 0 40px; width:150px;border: 0;z-index:3;} |
| #moteur_recherche label {display:none;} |
| .spacer {width:720px;clear: both;} |
| #zone_pied {clear:both;float:left;width: 762px; height : 65px;background: url(../images/Bandeau_bas.gif) repeat-x top left;} |
| #zone_pied a {text-decoration: underline;font: 10px ;color: #FFFFFF;} |
| #zone_pied a:hover {text-decoration: none;font: 10px;color: #FFFFFF;} |
| /*-----------------------------------------*/ |
| #selecteur_monde {float: right;margin:25px 10px 10px 0;padding-left:10px; width: 180px;background:#CF8784;-moz-border-radius:10px;} |
| #selecteur_monde select {font: 12px arial, sans-serif;width:140px;} |
| #selecteur_monde legend { display: none;} |
| #selecteur_monde fieldset { border: 0; margin: 1px; padding: 1px;} |
| #copyright {margin: 10px auto 0 auto;text-align:center;width: 300px;} |
| #copyright a {color: #000;} |
| #copyright a:hover {color: #222;} |
| #identification {width:160px;margin: 0 auto;} |
| #identification fieldset {border: 1px #FFF;margin: 5px;padding: 7px;background:#FFF;-moz-border-radius:20px;} |
| #identification legend {display: none;} |
| #identification label {display: block;} |
| #identification input {border:1px solid #000;font: 11px arial, sans-serif;} |