Team:Grenoble-EMSE-LSU/Design/style

From 2013.igem.org

(Difference between revisions)
(Created page with "li.menu1 > a, li.menu1 > span { border-bottom: 1px solid #660066;} li.menu2 > a, li.menu2 > span { border-bottom: 1px solid #990099;} li.menu3 > a, li.menu3 > span { ...")
 
(5 intermediate revisions not shown)
Line 1: Line 1:
-
li.menu1 > a, li.menu1 > span {
+
/******************************************************************************************/
-
    border-bottom: 1px solid #660066;}
+
/* Thanks to iGEM team DTU 2011 for their helpful tutorial, for any information see here :*/
-
li.menu2 > a, li.menu2 > span {
+
/***********https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki************/
-
    border-bottom: 1px solid #990099;}
+
/******************************************************************************************/
-
li.menu3 > a, li.menu3 > span {
+
-
    border-bottom: 1px solid #3366CC;}
+
-
li.menu4 > a, li.menu4 > span {
+
-
    border-bottom: 1px solid #33CCFF;}
+
-
li.menu5 > a, li.menu5 > span {
+
-
    border-bottom: 1px solid #99CC33;}
+
-
li.menu6 > a, li.menu6 > span {
+
-
    border-bottom: 1px solid #FFCC00;}
+
-
.page-Team_Grenoble-EMSE-LSU li.home a,
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo
 +
{
 +
    display:none;
 +
    background-color: none;
 +
}
-
.page-Team_Grenoble-EMSE-LSU_Project li.project a,
+
body, html {
-
.page-Team_Grenoble-EMSE-LSU_Project_Idea li.project a,
+
-
.page-Team_Grenoble-EMSE-LSU_Project_Results li.project a,
+
-
.page-Team_Grenoble-EMSE-LSU_Project_Attributions li.project a,
+
-
.page-Team_Grenoble-EMSE-LSU_Biology li.biology a,
+
margin: 0;
-
.page-Team_Grenoble-EMSE-LSU_Biology_Network li.biology a,
+
padding: 0;
-
.page-Team_Grenoble-EMSE-LSU_Biology_KillerRed li.biology a,
+
height: 100%;
-
.page-Team_Grenoble-EMSE-LSU_Biology_Instrumentation li.biology a,
+
-
.page-Team_Grenoble-EMSE-LSU_Biology_Protocols li.biology a,
+
-
.page-Team_Grenoble-EMSE-LSU_Biology_Notebook li.biology a,
+
-
.page-Team_Grenoble-EMSE-LSU_Modeling li.modeling a,
+
}
-
.page-Team_Grenoble-EMSE-LSU_Modeling_Network li.modeling a,
+
-
.page-Team_Grenoble-EMSE-LSU_Modeling_Network_Promoter li.modeling a,
+
-
.page-Team_Grenoble-EMSE-LSU_Modeling_Network_KillerRed li.modeling a,
+
-
.page-Team_Grenoble-EMSE-LSU_Modeling_Arduino li.modeling a,
+
-
.page-Team_Grenoble-EMSE-LSU_Modeling_Arduino_Presentation li.modeling a,
+
-
.page-Team_Grenoble-EMSE-LSU_Modeling_Arduino_Device li.modeling a,
+
-
.page-Team_Grenoble-EMSE-LSU_Modeling_Notebook li.modeling a,
+
-
.page-Team_Grenoble-EMSE-LSU_HumanPractice li.humanpractice a,
+
#top-section
-
.page-Team_Grenoble-EMSE-LSU_HumanPractice_Overview li.humanpractice a,
+
{
-
.page-Team_Grenoble-EMSE-LSU_HumanPractice_FirstIdea li.humanpractice a,
+
    border: none;
-
.page-Team_Grenoble-EMSE-LSU_HumanPractice_SecondIdea li.humanpractice a,
+
    height: 0px;
 +
}
 +
   
 +
#content
 +
{
 +
    border: none;
 +
    background: none;
 +
}
-
.page-Team_Grenoble-EMSE-LSU_Team li.team a,
+
#menubar
-
.page-Team_Grenoble-EMSE-LSU_Team_Students li.team a,
+
{
-
.page-Team_Grenoble-EMSE-LSU_Team_Advisors li.team a,
+
    width: auto;
-
.page-Team_Grenoble-EMSE-LSU_Team_Teachers li.team a,
+
}
-
ul.top_menu > li > a:hover {
+
body
-
/*modeling: url(https://static.igem.org/mediawiki/2011/f/f5/Topnav_hover.gif) no-repeat center -1px;*/
+
{
-
        padding-bottom: 1px;
+
    margin: 0 0 0 0;
-
        border-bottom-width: 5px;}
+
    padding: 0;
 +
    width: 100%;
 +
}
-
#menu,.menu {
+
body[id="Home"]
-
    height: 35px;}
+
{
-
.menu {
+
background: url('https://static.igem.org/mediawiki/2013/c/c4/Grenoble-EMSE-LSU_logo.png') fixed no-repeat;
-
    modeling: url("https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #222222;
+
-
    z-index: 1;
+
-
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+
-
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
-
    position: relative;
+
-
    border-bottom: 1px solid #000000;}
+
-
.stickToTop {
+
-
    position: fixed;
+
-
    top:0;
+
-
    width:100%;}
+
-
ul.top_menu {
+
-
list-style: none;
+
-
padding: 0;
+
-
margin: 0;
+
-
float: left;
+
-
width: 100%;
+
-
font-size: 15px;
+
}
}
-
ul.top_menu li {
+
 
-
float: left;
+
body[id="Project"]
-
margin: 0;
+
{
-
padding: 0;
+
background: url('https://static.igem.org/mediawiki/2012/f/f2/Project_fond.png') fixed no-repeat;
-
position: relative; /*--Declare X and Y axis base for sub menu--*/
+
}
}
-
ul.top_menu li a {
+
 
-
padding: 6px 20px 5px 20px;
+
body[id="Team"]
-
color: #fff;
+
{
-
display: block;
+
background: url('https://static.igem.org/mediawiki/2012/5/5f/Team_fond.png') fixed no-repeat;
-
text-decoration: none;
+
-
float: left;
+
}
}
-
ul.top_menu > li > a {
+
 
-
    height: 23px;
+
body[id="Biology"]
-
    overflow: hidden;}
+
{
-
ul.top_menu li:first-child a{
+
background: url('https://static.igem.org/mediawiki/2012/a/ac/Biology_fond.png') fixed no-repeat;
-
padding-left: 0;
+
}
}
-
ul.top_menu li span { /*--Drop down trigger styles--*/
+
 
-
/*width: 17px;*/
+
body[id="Modeling"]
-
/*height: 34px;*/
+
{
-
/*float: left;*/
+
background: url('https://static.igem.org/mediawiki/2012/6/62/Modelling_fond.png') fixed no-repeat;
-
/*modeling: url(https://static.igem.org/mediawiki/2011/4/45/Subnav_btn.gif) no-repeat center top;*/
+
-
        color: #CCCCCC;
+
}
}
-
ul.top_menu li span.subhover {modeling-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
+
 
-
ul.top_menu li ul.sub_menu {
+
body[id="HP"]
-
    z-index: 1; //Stay on top of slider
+
{
-
list-style: none;
+
background: url('https://static.igem.org/mediawiki/2012/4/44/HP_fond.png') fixed no-repeat;
-
position: absolute; /*--Important - Keeps sub_menu from affecting main menu flow--*/
+
-
left: 0; top: 35px;
+
-
modeling: #333;
+
-
margin: 0; padding: 0;
+
-
display: none;
+
-
float: left;
+
-
border: 1px solid #111;
+
-
        border-radius: 0 0 5px 5px;
+
}
}
-
ul.top_menu li ul.sub_menu li {
+
 
-
margin: 0; padding: 0;
+
 
-
border-top: 1px solid #252525; /*--Create bevel effect--*/
+
#top-section
-
border-bottom: 1px solid #444; /*--Create bevel effect--*/
+
{
-
clear: both;
+
    width: 965px;
-
        list-style: none outside none;
+
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;
}
}
-
ul.top_menu li ul.sub_menu, ul.top_menu li ul.sub_menu li {
+
 
-
        width: 160px;
+
#menubar
 +
{
 +
    font-size: 65%;
 +
    top: 0px;
}
}
-
ul.top_menu li ul.sub_menu li:last-child{
+
 
-
        border-radius: 0 0 5px 5px;
+
 
 +
 
 +
/****************************************/
 +
/* Barre de menu en haut de chaque page */
 +
/****************************************/
 +
 
 +
ul.topnav ul li
 +
{
 +
opacity: 0.7;
}
}
-
html ul.top_menu li ul.sub_menu li a {
+
 
-
float: left;
+
ul.topnav ul li:hover
-
/*modeling: #333 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/
+
{
-
    padding-left: 10px;
+
opacity: 1;
-
    padding-right: 10px;
+
-
    width: 140px;
+
}
}
-
html ul.top_menu li ul.sub_menu li a:last-child{
+
 
-
        border-radius: 0 0 5px 5px;
+
ul.topnav li[id="model_icon"] ul.subnav li:hover, .menu_gauche[id="model_icon"] ul li:hover
 +
{
 +
background-color: #ffffff;
}
}
-
html ul.top_menu li ul.sub_menu li a:hover { /*--Hover effect for sub_menu links--*/
+
 
-
modeling: #222 /*url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center*/;
+
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 */
 +
/**********************/

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"