Team:Grenoble-EMSE-LSU/Design/style

From 2013.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 3: Line 3:
/***********https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki************/
/***********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  
#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;
opacity: 0.7;
Line 224: Line 102:
{
{
opacity: 1;
opacity: 1;
-
}*/
+
}
ul.topnav li[id="model_icon"] ul.subnav li:hover, .menu_gauche[id="model_icon"] ul li:hover
ul.topnav li[id="model_icon"] ul.subnav li:hover, .menu_gauche[id="model_icon"] ul li:hover
{
{
-
background-color: #ffc000;
+
background-color: #ffffff;
}
}

Latest revision as of 14:11, 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;

}


/****************************************/ /* 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: #ffffff; }

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"