crabs_web_event-2.0 ©2005-2006 - Christophe CAZAJUS (crabs-mettre_le_signe_at-crabs-world.com)
1 /* 2 **============================================================================= 3 ** crabs_web_event-2.0 : Site PHP+MySQL Evénementiel 4 ** Copyright (C) 2005-2006 : Christophe CAZAJUS (crabs-mettre_le_signe_at-crabs-world.com) 5 ** 6 ** Ce source fait partie d'un projet logiciel libre. Vous pouvez le distribuer 7 ** et/ou le modifier en respectant les termes de la GNU General Public License 8 ** version 2 ou (suite a votre propre choix) une version ulterieure. 9 ** 10 ** Ce programme est distribue dans l'espoir qu'il puisse etre utile, mais 11 ** sans aucune garantie, meme si il est associe a un produit qui vous en 12 ** propose une. Conformez-vous a la GNU General Public License pour avoir 13 ** plus de precisions. 14 ** 15 ** L'auteur ne peut etre tenu responsable de l'utilisation faite des 16 ** composantes associees a ce projet (en partie ou dans leur totalite). 17 ** 18 ** Une copie du fichier de la GNU GPL est fournie dans le repertoire DOC 19 ** de ce projet sous le nom gnu_gpl.txt 20 ** 21 **============================================================================= 22 */ 23 /* Style epurée très classique */ 24 body { 25 background: white ; 26 color: black ; 27 font-family: sans-serif ; font-size: 10pt ; 28 width: 100% ; 29 margin: 0 ; padding: 0 ; 30 } 31 a { color: #4040f0 ; text-decoration: none ; } 32 a:hover { text-decoration: underline ; } 33 34 #logo { 35 text-align: center ; 36 } 37 #logo h1 { 38 font-family: serif ; 39 font-weight: bold ; font-size: 200% ; 40 margin: 0 ; padding: 0 ; 41 } 42 #logo p { 43 font-style: italic ; 44 margin: 0.2em 0 0.7em 0 ; padding: 0 ; 45 } 46 #titre div.ancre { margin: 0 ; padding: 0; text-align: left; } 47 .invisible { color: #fef3cb; } 48 49 #menu { 50 position: absolute ; 51 width: 15% ; left: auto ; right: 3% ; top: 140px ; 52 padding-bottom: 0.2em ; border: 0 ; border-left: 2px solid black ; 53 text-align: center ; 54 } 55 #menu h1 56 { 57 padding: 5px 0 ; margin: 2px 2px 0.2em 2px ; 58 border: 0 ; border-bottom: 2px solid black ; 59 font-weight: bold ; font-size: 140% ; font-family: serif ; 60 } 61 #menu p { 62 margin: 0.5em 0 0.5em 0 ; padding: 0 ; 63 font-weight: bold ; 64 } 65 #menu p.spacer { 66 margin: 0.4em 10px 0.5em 10px ; 67 border-top : 1px solid #808080 ; 68 padding-top: 0.4em ; 69 } 70 71 72 #contenu { 73 line-height: 140% ; width: 73% ; margin: 2em 24% 2em 3% ; 74 } 75 #contenu h1 { 76 margin: 0 0 1em 0 ; padding: 0 ; text-align: center ; 77 font-size: 180% ; font-weight: bold ; font-family: serif ; 78 } 79 /*--[BEGIN-TEMPLATE]--*/ 80 /* mettre #previsu les attribut de background et de font du body */ 81 #previsu { 82 background: white ; 83 font-family: sans-serif ; font-size: 10pt ; 84 } 85 #contenu a { color: #4040f0 ; text-decoration: none ; } 86 #contenu a:hover { text-decoration: underline ; } 87 #contenu div.event { 88 margin: 1em 3% 2em 3% ; padding: 0 0 0.5em 0 ; 89 border: 2px solid black ; 90 background: #f0f0f0 ; 91 } 92 #contenu div.event h2 { 93 margin: 2px ; padding: 4px 0 6px 0 ; text-align: center ; 94 font-size: 140% ; font-weight: bold ; font-family: serif ; 95 color: white ; background: #606060 ; 96 } 97 #contenu div.event h2.passe { 98 color: #f0f0f0 ; background: #404040 ; 99 } 100 #contenu div.event p { margin: 0.2em 5% 0.2em ; text-align: justify; } 101 #contenu div.event p.date { 102 text-align: right; font-style: italic; font-weight: bold ; 103 color: #808080 ; 104 } 105 #contenu div.event p.lieu { text-align: center; } 106 #contenu div.event p.lien { 107 text-align: right; 108 } 109 #contenu div.event ul { margin: 0 5% 0em ; } 110 #contenu div.event li { 111 text-align: justify; 112 margin-top:0 ; margin-bottom:0.2em ; 113 } 114 /*--[END-TEMPLATE]--*/ 115 #contenu div.status { 116 margin: 1em 10% ; 117 padding: 0.8em 0 0.2em 0 ; 118 border: 2px solid black ; 119 } 120 #contenu div.status p { margin: 0.2em 5% 0.8em ; text-align: justify; } 121 #contenu div.status ul { margin: 0.2em 5% 0.8em ; } 122 #contenu div.status li { text-align: justify; } 123 124 #contenu form table { 125 width: 96% ; margin: 1em 2% ; 126 border-collapse: separate ; border-spacing: 2px ; 127 border: 2px solid black ; 128 background: #e8e8e8; 129 } 130 #contenu form table th { 131 border: 2px solid black ; padding: 0.1em 0.1em; 132 background: #f8f8f8; 133 } 134 #contenu form table td { border: 0 } 135 #contenu form table td.label { font-weight: bold; text-align: right; } 136 #contenu form table td.button { text-align: center; } 137 #contenu form table td.button input { margin: 0.2em 3em; } 138 139 /*************************************************************************/ 140 .merci { 141 width: 64% ; margin: 5em 18% 1em ; 142 text-align: center ; font-weight: normal ; 143 } 144 .merci p { vertical-align: middle ; font-style: italic ; } 145 .merci p img { vertical-align: middle ; } 146 .merci p a { font-weight: bold ; } 147 148 #bas_de_page { 149 width: 64% ; margin: 1em 18% 500px ; 150 text-align: center ; font-weight: bold ; 151 } 152
Date de génération : 22/09/2011 21:48