Team:Grenoble-EMSE-LSU/Design/style

From 2013.igem.org

(Difference between revisions)

Revision as of 14:05, 13 June 2013

/******************************************************************************************/ /* Thanks to iGEM team DTU 2011 for their helpful tutorial, for any information see here :*/ /***********https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki************/ /******************************************************************************************/

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

{

   display:none;
   background-color: none;

}

body, html {

margin: 0;
padding: 0; 
height: 100%;

}

top-section

{

   border: none;
   height: 0px;

}

content

{

   border: none;
   background: none;

}

menubar

{

   width: auto;

}

body {

   margin: 0 0 0 0;
   padding: 0;
   width: 100%;

}

body[id="Home"] { background: url('https://static.igem.org/mediawiki/2013/c/c4/Grenoble-EMSE-LSU_logo.png') fixed no-repeat; }

body[id="Project"] { background: url('https://static.igem.org/mediawiki/2012/f/f2/Project_fond.png') fixed no-repeat; }

body[id="Team"] { background: url('https://static.igem.org/mediawiki/2012/5/5f/Team_fond.png') fixed no-repeat; }

body[id="Biology"] { background: url('https://static.igem.org/mediawiki/2012/a/ac/Biology_fond.png') fixed no-repeat; }

body[id="Modeling"] { background: url('https://static.igem.org/mediawiki/2012/6/62/Modelling_fond.png') fixed no-repeat; }

body[id="HP"] { background: url('https://static.igem.org/mediawiki/2012/4/44/HP_fond.png') fixed no-repeat; }

top-section

{

   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;

}

menubar

{

   font-size: 65%;
   top: 0px;

}

/****************************************/ /* Barre de menu en haut de chaque page */ /****************************************/

ul.topnav ul li { opacity: 0.7; }

ul.topnav ul li:hover { opacity: 1; }

ul.topnav li[id="model_icon"] ul.subnav li:hover, .menu_gauche[id="model_icon"] ul li:hover { background-color: #ffc000; }

ul.topnav li[id="project_icon"] ul.subnav li:hover, .menu_gauche[id="project_icon"] ul li:hover { background-color: #b80100; }

ul.topnav li[id="bio_icon"] ul.subnav li:hover, .menu_gauche[id="bio_icon"] ul li:hover { background-color: #30849b; }

ul.topnav li[id="home_icon"] ul.subnav li:hover, .menu_gauche[id="home_icon"] ul li:hover { background-color: #e46c0a; }

ul.topnav li[id="team_icon"] ul.subnav li:hover, .menu_gauche[id="team_icon"] ul li:hover { background-color: #007f00; }

ul.topnav li[id="HP_icon"] ul.subnav li:hover, .menu_gauche[id="HP_icon"] ul li:hover { background-color: #1c477b; }

.menu_gauche[id="HP_icon"] ul li:hover { background-color: #1c477b; }

ul.topnav li[id="HP_icon"] ul.subnav li a:hover, ul.topnav li[id="bio_icon"] ul.subnav li a:hover, ul.topnav li[id="model_icon"] ul.subnav li a:hover, ul.topnav li[id="team_icon"] ul.subnav li a:hover, ul.topnav li[id="home_icon"] ul.subnav li a:hover, ul.topnav li[id="project_icon"] ul.subnav li a:hover { font-weight: bold; color: white; }

ul.topnav ul a:hover { text-decoration: none; }

ul.topnav li { float: left; position: relative; }

ul.topnav > li > a { height: 28px; overflow: hidden; }

ul.topnav li ul.subnav { position: absolute; left: -19px; top: 110px; background: #e6e6e6; display: none; float: left; border-radius: 10px; }

ul.topnav li[id="HP_icon"] ul.subnav { position: absolute; letf: -10px; top: 117px; background: #e6e6e6; display: none; float: left; border-radius: 10px; }

ul.topnav li ul.subnav li { border-radius: 10px; }

ul.topnav li ul.subnav li a { color: black; /*text-align: justify;*/ }

ul.topnav li ul.subnav li: hover { }

ul.topnav li ul.subnav, ul.topnav li ul.subnav li { width: 160px; }

/**********************/ /* Menu sur la gauche */ /**********************/

@@ Line 3: / Line 3: @@
 /***********https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki************/
 /******************************************************************************************/
-/* Removing wiki-like stuff */
-/****************************/
-#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-    display:none;}
-/* Redesigning the topmenu */
-/***************************/
-body {
-    margin: 10px 0 0 0;
-    padding: 0;}
-#top-section {
-    width: 965px;
-    height: 0;
-    margin: 0 auto;
-    padding: 0;
-    border: none;}
-#menubar {
-    font-size: 65%;
-    top: -14px;}
-.left-menu:hover {
-    background-color: transparent;}
-#menubar li a {
-    background-color: transparent;}
-#menubar:hover {
-    color: white;}
-#menubar li a {
-    color: transparent;}
-#menubar:hover li a {
-    color: white;}
-#menubar > ul > li:last-child {
-    display:none;}
 #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo
@@ Line 121: / Line 88: @@
 }
-.left-menu:hover
-{
-    background-color: transparent;
-}
-#menubar li a
-{
-    background-color: transparent;
-}
-#menubar:hover
-{
-    color: white;
-}
-#menubar li a
-{
-    color: transparent;
-}
-#menubar:hover li a
-{
-    color: white;
-}
-.letf-menu: hover
-{
-background-color: transparent;
-}
-.right-box
-{
-width: 0px;
-}
-#page
-{
-position: absolute;
-left: -150px;
-width: 1280px;
-height: 1024px;
-}
-nav
-{
-margin-left: 95px;
-}
-ul.topnav li a
-{
-display: inline-block;
-}
-ul.topnav li a {
-	padding: 10px 10px 10px 10px;
-	display: block;
-	text-decoration: none;
-        margin-left: -10px;
-}
-ul.topnav li ul.subnav li a
-{
-margin-left: 5px;
-}
-#model_icon
-{
-margin-top: -1px;
-}
-#HP_icon
-{
-margin-top: -7px;
-}
-html ul.topnav li a: hover
-{
-/*opacity: 0.7;*/
-}
-ul.topnav ul, ul.topnav ul li
-{
-list-style: none;
-}
-ul.topnav ul, ul.topnav ul li:visited
-{
-text-decoration: none;
-style-effect: none;
-}
 /****************************************/
@@ Line 216: / Line 94: @@
 /****************************************/
-/*ul.topnav ul li
+ul.topnav ul li
 {
 opacity: 0.7;
@@ Line 224: / Line 102: @@
 {
 opacity: 1;
-}*/
+}
 ul.topnav li[id="model_icon"] ul.subnav li:hover, .menu_gauche[id="model_icon"] ul li:hover