Team:Grenoble/Design/css0

From 2011.igem.org

(Difference between revisions)
Line 52: Line 52:
     display: none;
     display: none;
}
}
-
 
-
/*
 
-
Style d'écriture du contenu devrait permettre d'éviter de devoir écrire trop de truc pour p li ul ol table etc...
 
-
*/
 
-
 
-
#content
 
-
{
 
-
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
 
-
    color:#0F174D;
 
-
}
 
-
 
/*
/*
Line 92: Line 81:
     padding: 1px;} Important!
     padding: 1px;} Important!
*/
*/
-
 
-
 
Line 106: Line 93:
*/
*/
-
/* Slider (thanks to flowplayer.org) */
 
-
/*************************************/
 
.position_diapo
.position_diapo
{
{
Line 126: Line 111:
background: #FFFFFF;
background: #FFFFFF;
}
}
-
 
 
-
.style_diapo /*anciennement: scrollable */
 
-
{
 
-
/*
 
-
border: 1px solid #666D99;
 
-
   
 
-
    -webkit-box-shadow: #666666 0px 2px 3px;
 
-
-moz-box-shadow: #666666 0px 2px 3px;
 
-
 
-
-webkit-border-radius: 8px;
 
-
-moz-border-radius: 8px;
 
-
border-radius: 8px;
 
-
background: #FFFFFF;
 
-
*/
 
-
} 
 
      
      
.style_diapo .items  
.style_diapo .items  
Line 162: Line 132:
width: 74px;
width: 74px;
float:left;
float:left;
-
left:-15px;
+
left:-12px;
position: relative;
position: relative;
margin-top: 148px ;
margin-top: 148px ;
Line 174: Line 144:
width: 74px;
width: 74px;
float:right;
float:right;
-
right:-15px;
+
right:-12px;
position: relative;
position: relative;
margin-top: 148px ;
margin-top: 148px ;
Line 185: Line 155:
}
}
          
          
-
/* position and dimensions of the navigator */
+
/*  
 +
* Barre de navigation rapide entre les diapo (p'tits ronds)
 +
*/
.navi  
.navi  
{
{
Line 201: Line 173:
margin: 3px;
margin: 3px;
background: url(https://static.igem.org/mediawiki/2011/7/7e/DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat;
background: url(https://static.igem.org/mediawiki/2011/7/7e/DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat;
-
/*background: url(https://static.igem.org/mediawiki/2011/2/22/DTU-Denmark2011-slider-navigator-dark.png) 0 0 no-repeat;*/
 
display: block;
display: block;
font-size: 1px;
font-size: 1px;

Revision as of 16:45, 22 October 2011

/* Enlever l'entête et le pied de page wiki, ainsi que les bords: (ce code garde les liens pour éditer le wiki)

  • /
  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo

{ 

   display:none;

}

  1. top-section

{ 

   border: none;
   height: 0px;

}

  1. content

{ 

   border: none;

}

/* Coloration du menu en bleu, fond blanc ou transparent ? en tout cas menu invisible sauf si on passe dessus avec la souris

  • /

.left-menu:hover { 

   background-color: transparent;

}

  1. menubar:hover

{ 

   color: #0F174D;

}

  1. menubar li a

{ 

   background-color: transparent;
   color: transparent;

}

  1. menubar:hover li a

{ 

   color: #0F174D;

}

/* Enlever le "teams" de la bare wiki qui sert à rien, enlève également le Deconnexion

  • /
  1. menubar > ul > li:last-child

{ 

   display: none;

}

/* Mise en page, en-tête, couleur de fond, bannière, etc...

  • /

body,#content{ 

   background: #ADD1FF;

}

  1. header

{ 

   background: url("Banderolle_wiki.png") no-repeat #ADD1FF;
   height: 160px;
   margin-left: 68px;
   width: 829px;
   border: 1px solid #477CBF;
   
   -webkit-box-shadow: #666666 0px 2px 3px;

-moz-box-shadow: #666666 0px 2px 3px;

-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

/*

  1. innercontent { 
   padding: 1px;} Important!
  • /


/* 

* 
* 
* 	Diaporama
* 
* 
*
  • /

.position_diapo { position: relative; overflow :hidden; 

   margin-top: 14px;
   width: 963px;
   height: 370px;
   
   border: 1px solid #666D99;
   
   -webkit-box-shadow: #666666 0px 2px 3px;

-moz-box-shadow: #666666 0px 2px 3px;

-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #FFFFFF; }

.style_diapo .items { /* this cannot be too large */ width: 50000px; position: absolute; }

.items div { float: left; width: 963px; height: 370px; }

.prev { background: url(DTU-Denmark2011-slider-prev.png) no-repeat; height: 74px; width: 74px; float:left; left:-12px; position: relative; margin-top: 148px ; cursor: pointer; }

.next { background: url(DTU-Denmark2011-slider-next.png) no-repeat; height: 74px; width: 74px; float:right; right:-12px; position: relative; margin-top: 148px ; cursor: pointer; }

.disabled { visibility: hidden; }

/* 

* 		Barre de navigation rapide entre les diapo (p'tits ronds)
  • /

.navi { 

   left: -56px;
   margin-left: 50%;
   position: relative;
   width: 112px;

}

.navi a { width: 8px; height: 8px; float: left; margin: 3px; background: url(DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat; display: block; font-size: 1px; }

.navi a:hover { background-position: 0 -8px; }

.navi a.active { background-position: 0 -16px; }

Retrieved from "http://2011.igem.org/Team:Grenoble/Design/css0"