MediaWiki:Common.css

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
• Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
• Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
• Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.

/* Le CSS placé ici sera appliqué à tous les habillages. */

body{
   background:#FFF;
   background-image:none;
}

h1
{
   color:#7AA5B3;
}

p.button
{
    background:#CCC;
}

p.button a /* Style sur liens de la page presentation */
{
    display:inline-block;
    float:left;
    border:1px solid black;
    height: 40px;
    line-height:40px;
    color:black;
    border-radius:5px;
    margin-right:10px;
    padding:0px 10px;
}


#mw-head /* le haut en gros */
{
	background-image:url(../Img/backgrounds/fond_perso.jpg);
    padding-left:0px;
    height:32px;
	top:180px;
}

#p-personal /* la barre profil en haut avec deconnexion et tout */
{
	left:0;
    position:relative;
}

#p-personal a 
{
   color:black;
}

#p-personal a.new 
{
   color:black;
}

#p-personal li#pt-userpage a.new 
{
   color:black;
   font-weight:bold;
}

#p-personal ul
{
   padding-left:10px;
}

#p-navigation
{
  padding-top:20px;
}

#p-logo /* l'element qui contient le logo */
{
	 margin-left:50px;
	 margin-top:20px;
     display:block;
     position:absolute;    
}
#p-logo a /* le logo */
{
     display:block;
     width:621px;
     text-align:center;
    /* background:lightblue;*/
     position:absolute;
    
}

#right-navigation
{
   position:absolute;
   margin-top:150px;
   right:0;
  
}

#right-navigation li
{
   background-image:none;
   background:none;
   
}

#right-navigation li a
{
   z-index:10;
   padding-top:5px;
}

#right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a
{
   background-image:none;
   background:none;
}

#right-navigation div#p-cactions
{
   height:30px;
}

#right-navigation div#p-views
{
   height:auto;
}

#left-navigation 
{
	display:none;
}

#p-search/* la truc de recherche */
{
    
}

#p-search form /* formulaire de recherche */
{
   margin-top:0px;
}

#p-search #searchInput /* champ de recherche */
{
     background:#777;
     border:1px solid black;
     border-radius:5px;
     height:20px;
     padding:2px 5px;	
     width:150px;
     color:#AAA;
     transition: all 1s ease 0ms;
     -o-transition: all 1s ease 0ms;
     -moz-transition: all 1s ease 0ms;
     -webkit-transition: all 1s ease 0ms;
     -ms-transition: all 1s ease 0ms;
}

#p-search #searchInput:focus /* focus sur le champ recherche */
{
     border:1px solid #BBB;
     background:#555;
     outline:none;
}

div#content { /* Le contenu */

     margin-left:11em;
     margin-top:100px;
     min-height:300px;
	 background-image:none;
    
}

#mw-head-base  /* bandeau principal du header */
{
   background:#EEEEFF; 
    position:absolute;
    width:100%;
    height:182px;
    margin-left:0px;
}

div#footer /* le footer (pied de page) */
{
    background:lightgreen; 
	margin-left:0px;
}

#footer a /* les liens du footer */
{
   color:#252;
}

#p-navigation h5
{

}

/* Ancien style du menu(au cas ou)

div.portal li a  
{
   height:30px;
   line-height:30px;
   display:block;
   border-bottom:2px solid #BBF;
   padding-left:10px;
   margin-right:10px;
   background:#CCF;
  
}


div.portal li a:hover 
{
   background:#BBF;
   text-decoration:none;
}

div#mw-panel div.portal div.body ul li
{
   padding-bottom:0;
}

*/

div.vectorMenu h5 a
{
   height:2em;
}

div#mw-panel div.portal div.body {
	background-image:url(../Img/backgrounds/barre_menu.png);
	padding-top:20px;
	margin-top:-10px;
}

div#mw-panel div.portal h5
{
	text-align:center;
	font-weight:bold;
}

div#mw-panel div.portal div.body ul li
{
	background-image:url(../Img/backgrounds/fleche_menu.png);
	background-position:left;
	background-repeat:no-repeat;
}