Mise en forme pour framasoft

This commit is contained in:
Simon Leblanc 2011-05-29 05:13:58 +02:00
parent 9cd069f5f5
commit 6b4069dc06
3 changed files with 98 additions and 32 deletions

View File

@ -52,7 +52,7 @@ function logo ()
#le bandeau principal #le bandeau principal
function bandeau_tete() function bandeau_tete()
{ {
echo '<div class="bandeau">'.NOMAPPLICATION.'</div>'."\n"; echo '<div class="bandeau"><p class="framamauve">Frama</p><p class="framorange">date</p></div>'."\n";
} }
@ -79,7 +79,7 @@ function liste_lang()
#Les sous-bandeaux contenant les boutons de navigation #Les sous-bandeaux contenant les boutons de navigation
function sous_bandeau() function sous_bandeau()
{ {
echo '<div class="sousbandeau">' . /*echo '<div class="sousbandeau">' .
'<a href="' . get_server_name() . 'index.php">'. _("Home") .'</a>' . '<a href="' . get_server_name() . 'index.php">'. _("Home") .'</a>' .
'<a href="' . getUrlSondage('aqg259dth55iuhwm').'">'. _("Example") .'</a>' . '<a href="' . getUrlSondage('aqg259dth55iuhwm').'">'. _("Example") .'</a>' .
'<a href="' . get_server_name() . 'contacts.php">'. _("Contact") .'</a>' . '<a href="' . get_server_name() . 'contacts.php">'. _("Contact") .'</a>' .
@ -88,7 +88,7 @@ function sous_bandeau()
'<a href="' . get_server_name() . 'admin/index.php">'. _("Admin") .'</a>' . '<a href="' . get_server_name() . 'admin/index.php">'. _("Admin") .'</a>' .
'<span class="sousbandeau sousbandeaulangue">' . '<span class="sousbandeau sousbandeaulangue">' .
liste_lang() . '</span>'. liste_lang() . '</span>'.
'</div>' . "\n"; '</div>' . "\n";*/
} }
@ -110,9 +110,9 @@ function sous_bandeau_admin()
function sous_bandeau_choix() function sous_bandeau_choix()
{ {
echo '<div class="sousbandeau">' . /*echo '<div class="sousbandeau">' .
'<a href="' . get_server_name() . 'index.php">'. _("Home") .'</a>' . '<a href="' . get_server_name() . 'index.php">'. _("Home") .'</a>' .
'</div>'."\n"; '</div>'."\n";*/
} }
@ -125,12 +125,32 @@ function sur_bandeau_pied()
function bandeau_pied() function bandeau_pied()
{ {
echo '<div class="bandeaupied">'. _("Universit&eacute; de Strasbourg. Creation: Guilhem BORGHESI. 2008-2009") .'</div>'."\n"; //echo '<div class="bandeaupied">'. _("Universit&eacute; de Strasbourg. Creation: Guilhem BORGHESI. 2008-2009") .'</div>'."\n";
echo '<div class="sousbandeau">' .
'<a href="' . get_server_name() . 'index.php">'. _("Home") .'</a>' .
'<a href="' . getUrlSondage('aqg259dth55iuhwm').'">'. _("Example") .'</a>' .
'<a href="' . get_server_name() . 'contacts.php">'. _("Contact") .'</a>' .
//'<a href="' . get_server_name() . 'sources/sources.php">'. _("Sources") .'</a>' . //not implemented
'<a href="' . get_server_name() . 'apropos.php">'. _("About") .'</a>' .
'<a href="' . get_server_name() . 'admin/index.php">'. _("Admin") .'</a>' .
'<span class="sousbandeau sousbandeaulangue">' .
liste_lang() . '</span>'.
'</div>' . "\n";
} }
function bandeau_pied_mobile() function bandeau_pied_mobile()
{ {
echo '<div class="surbandeaupiedmobile"></div>'."\n" . /*echo '<div class="surbandeaupiedmobile"></div>'."\n" .
'<div class="bandeaupiedmobile">'. _("Universit&eacute; de Strasbourg. Creation: Guilhem BORGHESI. 2008-2009") .'</div>'."\n"; '<div class="bandeaupiedmobile">'. _("Universit&eacute; de Strasbourg. Creation: Guilhem BORGHESI. 2008-2009") .'</div>'."\n";*/
echo '<div class="sousbandeau">' .
'<a href="' . get_server_name() . 'index.php">'. _("Home") .'</a>' .
'<a href="' . getUrlSondage('aqg259dth55iuhwm').'">'. _("Example") .'</a>' .
'<a href="' . get_server_name() . 'contacts.php">'. _("Contact") .'</a>' .
//'<a href="' . get_server_name() . 'sources/sources.php">'. _("Sources") .'</a>' . //not implemented
'<a href="' . get_server_name() . 'apropos.php">'. _("About") .'</a>' .
'<a href="' . get_server_name() . 'admin/index.php">'. _("Admin") .'</a>' .
'<span class="sousbandeau sousbandeaulangue">' .
liste_lang() . '</span>'.
'</div>' . "\n";
} }

View File

@ -62,7 +62,7 @@ echo '<form name=formulaire action="index.php" method="POST">'."\n";
//bandeaux de tete //bandeaux de tete
logo(); logo();
bandeau_tete(); bandeau_tete();
bandeau_titre(_("Make your polls")); bandeau_titre(_("Organiser des rendez-vous simplement, librement."));
sous_bandeau(); sous_bandeau();
echo '<div class=corps>'."\n"; echo '<div class=corps>'."\n";

View File

@ -43,17 +43,39 @@ 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 du répertoire studs. Il contient toutes les mises en forme des fichiers PHP
de Studs. de Studs.
*/ */
body {
margin:0;
background: #F7FAFE;
font-family: "Lucida Grande",Verdana,Arial,sans-serif;
font-size: 14px;
}
/*bandeau de titre*/ /*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: 0.05em 0.05em 0.05em #404040;
}
.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: 0.05em 0.05em 0.05em #404040;
}
div.bandeau{ div.bandeau{
line-height:35px;
text-align:center; text-align:center;
background-color: #0b419b; background-color: #EAEAFF;
color:white; color:white;
vertical-align:middle; vertical-align:middle;
font-size:35px; font-size:42px;
font-family:arial; font-family:arial;
padding:8px; padding:8px;
height:35px; height:50px;
position:static; position:static;
top:6px; top:6px;
left:6px; left:6px;
@ -72,11 +94,12 @@ div.logo{
/*Sous bandeau avec bouton de navigation*/ /*Sous bandeau avec bouton de navigation*/
div.bandeautitre{ div.bandeautitre{
height:17px; height:17px;
background-color: #0077DD; background-color: #EAEAFF;
font-size:14px; font-size:14px;
font-weight:bold; font-weight:bold;
text-align:center; text-align:center;
color:white; color:#404040;
font-style: italic;
vertical-align:middle; vertical-align:middle;
font-family:arial; font-family:arial;
padding:3px; padding:3px;
@ -87,12 +110,12 @@ div.bandeautitre{
} }
div.sousbandeau{ div.sousbandeau{
height:17px; height:17px;
background-color: #DDDDDD; background-color: #C4C4FF;
font-size:11px; font-size:11px;
color:black; color:black;
vertical-align:middle; vertical-align:middle;
font-family:arial; font-family:arial;
padding:3px; padding:5px;
position:static; position:static;
top:80px; top:80px;
left:6px; left:6px;
@ -100,7 +123,7 @@ div.sousbandeau{
} }
/*bandeau de pied*/ /*bandeau de pied*/
div.surbandeaupied{ div.surbandeaupied{
background-color: #0077DD; background-color: #EAEAFF;
position:absolute; position:absolute;
bottom:30px; bottom:30px;
left:6px; left:6px;
@ -109,7 +132,7 @@ div.surbandeaupied{
} }
div.bandeaupied{ div.bandeaupied{
text-align:center; text-align:center;
background-color: #0b419b; background-color: #C4C4FF;
color:white; color:white;
font-size:11px; font-size:11px;
font-family:arial; font-family:arial;
@ -121,7 +144,7 @@ div.bandeaupied{
margin:2px; margin:2px;
} }
div.surbandeaupiedmobile{ div.surbandeaupiedmobile{
background-color: #0077DD; background-color: #EAEAFF;
position:static; position:static;
bottom:32px; bottom:32px;
left:6px; left:6px;
@ -130,7 +153,7 @@ div.surbandeaupiedmobile{
} }
div.bandeaupiedmobile{ div.bandeaupiedmobile{
text-align:center; text-align:center;
background-color: #0b419b; background-color: #C4C4FF;
color:white; color:white;
font-size:11px; font-size:11px;
font-family:arial; font-family:arial;
@ -139,7 +162,8 @@ div.bandeaupiedmobile{
} }
/*les boutons se trouvant dans le sousbandeau*/ /*les boutons se trouvant dans le sousbandeau*/
div.sousbandeau a, div.sousbandeau span.sousbandeaulangue a { div.sousbandeau a, div.sousbandeau span.sousbandeaulangue a {
background-color: #0b419b; background-color: #3E779D;
background: -moz-linear-gradient(center top , #3E779D, #65A9D7) repeat scroll 0 0 transparent;
height:16px; height:16px;
padding: 2px 6px 2px 6px; padding: 2px 6px 2px 6px;
vertical-align:middle; vertical-align:middle;
@ -150,6 +174,10 @@ div.sousbandeau a, div.sousbandeau span.sousbandeaulangue a {
color:white; color:white;
font-size:10px; font-size:10px;
text-decoration:none; 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 { span.sousbandeaulangue {
margin-left:6px; margin-left:6px;
@ -158,13 +186,16 @@ span.sousbandeaulangue {
} }
/*corps de la page index.php*/ /*corps de la page index.php*/
div.corps{ div.corps{
font-size:12px; border-top: 3px solid #CCCCCC;
font-family:arial; font-size: 14px;
position:static; left: 20px;
top:170px; margin-left: auto;
left:20px; margin-right: auto;
right:20px; padding: 30px;
padding:30px; position: static;
right: 20px;
top: 170px;
width: 800px;
} }
div.corps table{ div.corps table{
font-family:arial; font-family:arial;
@ -181,6 +212,20 @@ div.corpscentre{
margin-left:10%; margin-left:10%;
width:80%; 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*/ /*affichage des jours*/
div.jourschoisis { div.jourschoisis {
background-color: #DDD; background-color: #DDD;
@ -260,13 +305,13 @@ div.cadre td {
} }
/*case de tableau OK dans affichage de sondage*/ /*case de tableau OK dans affichage de sondage*/
div.cadre td.ok { div.cadre td.ok {
background-color: #66FF99; background-color: #9494CF;
font-size:12px; font-size:12px;
text-align:center; text-align:center;
} }
/*Case de tableau NON dans affichage de sondage*/ /*Case de tableau NON dans affichage de sondage*/
div.cadre td.non { div.cadre td.non {
background-color: #FF7777; background-color: #FFC475;
width:35px; width:35px;
} }
/*Case de tableau VIDE dans affichage de sondage*/ /*Case de tableau VIDE dans affichage de sondage*/
@ -433,6 +478,7 @@ div.error, div.addcomment {
font-size: 13px; font-size: 13px;
} }
ul.exports { ul.exports {
display:none; /* fonction non fonctionnelle */
text-align:center; text-align:center;
list-style-type : none ; list-style-type : none ;
} }