Team:Grenoble-EMSE-LSU/Design/style

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/*
+
/******************************************************************************************/
-
ul.topnav li a
+
/* 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: inline-block;
+
    display:none;
 +
    background-color: none;
}
}
-
ul.topnav li a {
+
body, html {
-
padding: 10px 10px 10px 10px;
+
 
-
display: block;
+
margin: 0;
-
text-decoration: none;
+
padding: 0;  
-
        margin-left: 0px;
+
height: 100%;
 +
 
 +
}
 +
 
 +
#top-section
 +
{
 +
    border: none;
 +
    height: 0px;
 +
}
 +
   
 +
#content
 +
{
 +
    border: none;
 +
    background: none;
}
}
-
html ul.topnav li a: hover
+
#menubar
{
{
-
/*opacity: 0.7;
+
    width: auto;
-
}*/
+
}
-
/*
+
 
-
ul.topnav ul, ul.topnav ul li
+
body
{
{
-
list-style: none;
+
    margin: 0 0 0 0;
 +
    padding: 0;
 +
    width: 100%;
}
}
-
ul.topnav ul, ul.topnav ul li:visited
+
body[id="Home"]
{
{
-
text-decoration: none;
+
background: url('https://static.igem.org/mediawiki/2013/c/c4/Grenoble-EMSE-LSU_logo.png') fixed no-repeat;
-
style-effect: none;
+
}
}
-
*/
 
-
/**************************************************************/
+
body[id="Project"]
-
/* À réutiliser pour la barre de menu en haut des autres pages*/
+
-
/*ul.topnav ul a
+
{
{
-
opacity: 0.6;
+
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;
 +
}
-
#home_icon
+
body[id="Biology"]
{
{
-
position: absolute;
+
background: url('https://static.igem.org/mediawiki/2012/a/ac/Biology_fond.png') fixed no-repeat;
-
top: 200px;
+
-
left: 236px;
+
}
}
-
#project_icon
+
body[id="Modeling"]
{
{
-
position: absolute;
+
background: url('https://static.igem.org/mediawiki/2012/6/62/Modelling_fond.png') fixed no-repeat;
-
top: 230px;
+
-
left: 330px;
+
}
}
-
#bio_icon
+
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;
 +
}
 +
 
 +
.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;
position: absolute;
-
top: 50px;
+
left: -150px;
-
left: 65px;
+
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
#model_icon
{
{
-
position: absolute;
+
margin-top: -1px;
-
top: 5px;
+
-
left: 380px;
+
}
}
#HP_icon
#HP_icon
{
{
-
position: absolute;
+
margin-top: -7px;
-
top: 120px;
+
-
right: 80px;
+
}
}
-
#team_icon
+
html ul.topnav li a: hover
{
{
-
position: absolute;
+
/*opacity: 0.7;*/
-
top: 520px;
+
-
left: 380px;
+
}
}
-
ul.topnav li[id="model_icon"] ul.subnav li:hover
+
ul.topnav ul, ul.topnav ul li
 +
{
 +
list-style: none;
 +
}
 +
 
 +
ul.topnav ul, ul.topnav ul li:visited
 +
{
 +
text-decoration: none;
 +
style-effect: none;
 +
}
 +
 
 +
/****************************************/
 +
/* 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;
background-color: #ffc000;
}
}
-
ul.topnav li[id="project_icon"] ul.subnav li:hover
+
ul.topnav li[id="project_icon"] ul.subnav li:hover, .menu_gauche[id="project_icon"] ul li:hover
{
{
background-color: #b80100;
background-color: #b80100;
}
}
-
ul.topnav li[id="bio_icon"] ul.subnav li:hover
+
ul.topnav li[id="bio_icon"] ul.subnav li:hover, .menu_gauche[id="bio_icon"] ul li:hover
{
{
background-color: #30849b;
background-color: #30849b;
}
}
-
ul.topnav li[id="home_icon"] ul.subnav li:hover
+
ul.topnav li[id="home_icon"] ul.subnav li:hover, .menu_gauche[id="home_icon"] ul li:hover
{
{
background-color: #e46c0a;
background-color: #e46c0a;
}
}
-
ul.topnav li[id="team_icon"] ul.subnav li:hover
+
ul.topnav li[id="team_icon"] ul.subnav li:hover, .menu_gauche[id="team_icon"] ul li:hover
{
{
background-color: #007f00;
background-color: #007f00;
}
}
-
ul.topnav li[id="HP_icon"] ul.subnav li:hover
+
ul.topnav li[id="HP_icon"] ul.subnav li:hover, .menu_gauche[id="HP_icon"] ul li:hover
{
{
background-color: #1c477b;
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="HP_icon"] ul.subnav li a:hover, ul.topnav li[id="bio_icon"] ul.subnav li a:hover,  
Line 119: Line 236:
}
}
-
/*ul.topnav ul a:hover
+
ul.topnav ul a:hover
{
{
text-decoration: none;
text-decoration: none;
-
}*/
+
}
ul.topnav li
ul.topnav li
Line 139: Line 256:
{
{
position: absolute;
position: absolute;
-
left: 70px;  
+
left: -19px;  
-
top: 65px;
+
top: 110px;
background: #e6e6e6;
background: #e6e6e6;
display: none;
display: none;
Line 147: Line 264:
}
}
-
ul.topnav li[id="project_icon"] ul.subnav
+
ul.topnav li[id="HP_icon"] ul.subnav
{
{
position: absolute;
position: absolute;
-
left: 150px;  
+
letf: -10px;
-
top: 95px;
+
top: 117px;
background: #e6e6e6;
background: #e6e6e6;
display: none;
display: none;
Line 162: Line 279:
border-radius: 10px;
border-radius: 10px;
}
}
-
 
-
/*ul.topnav li ul.subnav li:first-child
 
-
{
 
-
border-radius: 10px;
 
-
}
 
-
 
-
ul.topnav li ul.subnav li:last-child
 
-
{
 
-
border-radius: 10px;
 
-
}*/
 
-
 
ul.topnav li ul.subnav li a
ul.topnav li ul.subnav li a
Line 178: Line 284:
color: black;
color: black;
/*text-align: justify;*/
/*text-align: justify;*/
 +
}
 +
 +
ul.topnav li ul.subnav li: hover
 +
{
}
}
ul.topnav li ul.subnav, ul.topnav li ul.subnav li  
ul.topnav li ul.subnav, ul.topnav li ul.subnav li  
{
{
-
width: 175px;
+
width: 160px;
}
}
 +
 +
/**********************/
 +
/* Menu sur la gauche */
 +
/**********************/

Revision as of 13:55, 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************/ /******************************************************************************************/

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

{ 

   display:none;
   background-color: none;

}

body, html { 

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

}

  1. top-section

{ 

   border: none;
   height: 0px;

}

  1. content

{ 

   border: none;
   background: none;

}

  1. 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; }


  1. top-section

{ 

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

}

  1. menubar

{ 

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

}

.left-menu:hover { 

   background-color: transparent;

}

  1. menubar li a

{ 

   background-color: transparent;

}

  1. menubar:hover

{ 

   color: white;

}

  1. menubar li a

{ 

   color: transparent;

}

  1. menubar:hover li a

{ 

   color: white;

}

.letf-menu: hover { background-color: transparent; }

.right-box { width: 0px; }

  1. 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; }

  1. model_icon

{ margin-top: -1px; }

  1. 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; }

/****************************************/ /* 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 */ /**********************/

Retrieved from "http://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/style"