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
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
function sous_bandeau()
{
echo '<div class="sousbandeau">' .
/*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>' .
@ -88,7 +88,7 @@ function sous_bandeau()
'<a href="' . get_server_name() . 'admin/index.php">'. _("Admin") .'</a>' .
'<span class="sousbandeau sousbandeaulangue">' .
liste_lang() . '</span>'.
'</div>' . "\n";
'</div>' . "\n";*/
}
@ -110,9 +110,9 @@ function sous_bandeau_admin()
function sous_bandeau_choix()
{
echo '<div class="sousbandeau">' .
/*echo '<div class="sousbandeau">' .
'<a href="' . get_server_name() . 'index.php">'. _("Home") .'</a>' .
'</div>'."\n";
'</div>'."\n";*/
}
@ -125,12 +125,32 @@ function sur_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()
{
echo '<div class="surbandeaupiedmobile"></div>'."\n" .
'<div class="bandeaupiedmobile">'. _("Universit&eacute; de Strasbourg. Creation: Guilhem BORGHESI. 2008-2009") .'</div>'."\n";
/*echo '<div class="surbandeaupiedmobile"></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
logo();
bandeau_tete();
bandeau_titre(_("Make your polls"));
bandeau_titre(_("Organiser des rendez-vous simplement, librement."));
sous_bandeau();
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
de Studs.
*/
body {
margin:0;
background: #F7FAFE;
font-family: "Lucida Grande",Verdana,Arial,sans-serif;
font-size: 14px;
}
/*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{
line-height:35px;
text-align:center;
background-color: #0b419b;
background-color: #EAEAFF;
color:white;
vertical-align:middle;
font-size:35px;
font-size:42px;
font-family:arial;
padding:8px;
height:35px;
height:50px;
position:static;
top:6px;
left:6px;
@ -72,11 +94,12 @@ div.logo{
/*Sous bandeau avec bouton de navigation*/
div.bandeautitre{
height:17px;
background-color: #0077DD;
background-color: #EAEAFF;
font-size:14px;
font-weight:bold;
text-align:center;
color:white;
color:#404040;
font-style: italic;
vertical-align:middle;
font-family:arial;
padding:3px;
@ -87,12 +110,12 @@ div.bandeautitre{
}
div.sousbandeau{
height:17px;
background-color: #DDDDDD;
background-color: #C4C4FF;
font-size:11px;
color:black;
vertical-align:middle;
font-family:arial;
padding:3px;
padding:5px;
position:static;
top:80px;
left:6px;
@ -100,7 +123,7 @@ div.sousbandeau{
}
/*bandeau de pied*/
div.surbandeaupied{
background-color: #0077DD;
background-color: #EAEAFF;
position:absolute;
bottom:30px;
left:6px;
@ -109,7 +132,7 @@ div.surbandeaupied{
}
div.bandeaupied{
text-align:center;
background-color: #0b419b;
background-color: #C4C4FF;
color:white;
font-size:11px;
font-family:arial;
@ -121,7 +144,7 @@ div.bandeaupied{
margin:2px;
}
div.surbandeaupiedmobile{
background-color: #0077DD;
background-color: #EAEAFF;
position:static;
bottom:32px;
left:6px;
@ -130,7 +153,7 @@ div.surbandeaupiedmobile{
}
div.bandeaupiedmobile{
text-align:center;
background-color: #0b419b;
background-color: #C4C4FF;
color:white;
font-size:11px;
font-family:arial;
@ -139,7 +162,8 @@ div.bandeaupiedmobile{
}
/*les boutons se trouvant dans le sousbandeau*/
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;
padding: 2px 6px 2px 6px;
vertical-align:middle;
@ -150,6 +174,10 @@ div.sousbandeau a, div.sousbandeau span.sousbandeaulangue a {
color:white;
font-size:10px;
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;
@ -157,14 +185,17 @@ span.sousbandeaulangue {
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{
border-top: 3px solid #CCCCCC;
font-size: 14px;
left: 20px;
margin-left: auto;
margin-right: auto;
padding: 30px;
position: static;
right: 20px;
top: 170px;
width: 800px;
}
div.corps table{
font-family:arial;
@ -181,6 +212,20 @@ div.corpscentre{
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;
@ -260,13 +305,13 @@ div.cadre td {
}
/*case de tableau OK dans affichage de sondage*/
div.cadre td.ok {
background-color: #66FF99;
background-color: #9494CF;
font-size:12px;
text-align:center;
}
/*Case de tableau NON dans affichage de sondage*/
div.cadre td.non {
background-color: #FF7777;
background-color: #FFC475;
width:35px;
}
/*Case de tableau VIDE dans affichage de sondage*/
@ -433,6 +478,7 @@ div.error, div.addcomment {
font-size: 13px;
}
ul.exports {
display:none; /* fonction non fonctionnelle */
text-align:center;
list-style-type : none ;
}