Team:Grenoble-EMSE-LSU/Design/css0

From 2013.igem.org

(Difference between revisions)
Line 99: Line 99:
/**********************      CSS for our wiki        ****************************/
/**********************      CSS for our wiki        ****************************/
/********************************************************************************/
/********************************************************************************/
 +
 +
body, #content
 +
{
 +
    background: #000080;
 +
}
 +
 +
#header
 +
{
 +
    background: url("http://");
 +
    height: 185px;
 +
    margin-top: 10px;
 +
    margin-bottom: 10px;
 +
    width: 964px;
 +
   
 +
    border: 1px solid #000080;
 +
    -webkit-box-shadow: #ADD1FF 0px 2px 3px;
 +
-moz-box-shadow: #ADD1FF 0px 2px 3px;
 +
 +
-webkit-border-radius: 8px;
 +
-moz-border-radius: 8px;
 +
border-radius: 8px;
 +
}   
 +
   
 +
/*
 +
#innercontent {
 +
    padding: 1px;} Important!
 +
*/
 +
 +
 +
/*
 +
*
 +
*
 +
* Diaporama
 +
*
 +
*
 +
* 
 +
*/
 +
 +
.position_diapo
 +
{
 +
position: relative;
 +
overflow :hidden;
 +
    margin-top: 14px ;
 +
 +
    width: 963px;
 +
 +
    height: 370px;
 +
   
 +
    border: 1px solid #000080;
 +
   
 +
    -webkit-box-shadow: #ADD1FF 0px 2px 3px;
 +
-moz-box-shadow: #ADD1FF 0px 2px 3px;
 +
 +
-webkit-border-radius: 8px;
 +
-moz-border-radius: 8px;
 +
border-radius: 8px;
 +
 +
background: #FFFFFF;
 +
}
 +
   
 +
.style_diapo .items
 +
{
 +
width: 50000px;
 +
position: absolute;
 +
}
 +
 +
.items div
 +
{
 +
float: left;
 +
width: 963px;
 +
height: 370px;
 +
}
 +
 +
.prev
 +
{
 +
background: url(https://static.igem.org/mediawiki/2011/4/4f/Fleche_gauche.png) no-repeat;
 +
height: 26px;
 +
width: 85px;
 +
float:left;
 +
left: 5px;
 +
position: relative;
 +
margin-top: 20px ;
 +
cursor: pointer;
 +
padding: 40px 6px 360px 20px;
 +
}
 +
       
 +
.next
 +
{
 +
background: url(https://static.igem.org/mediawiki/2011/5/5e/Fleche_droite.png) no-repeat;
 +
height: 26px;
 +
width: 85px;
 +
float:right;
 +
right: 5px;
 +
position: relative;
 +
margin-top: 20px ;
 +
cursor: pointer;
 +
padding: 40px 20px 360px 6px;
 +
}
 +
       
 +
.disabled
 +
{
 +
visibility: hidden;
 +
}
 +
       
 +
/*
 +
Navigateurs (disque indiquant la position de la diapo actuelle dans le diaporama)
 +
*/
 +
 +
.navi
 +
{
 +
    left: -56px;
 +
    margin-left: 50%;
 +
    position: relative;
 +
    width: 112px;
 +
}
 +
   
 +
.navi a
 +
{
 +
width: 8px;
 +
height: 8px;
 +
float: left;
 +
margin: 3px;
 +
/*
 +
background: url(https://static.igem.org/mediawiki/2011/7/75/Navigateur.png) 0 0 no-repeat;
 +
*/
 +
background: url(https://static.igem.org/mediawiki/2011/7/74/Point_defilement.png) 0 0 no-repeat;
 +
display: block;
 +
font-size: 1px;
 +
}
 +
 +
.navi a:hover
 +
{
 +
background-position: 0 -8px;
 +
}
 +
 +
.navi a.active
 +
{
 +
background-position: 0 -16px;
 +
}

Revision as of 14:24, 5 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%;

}

body { width: 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;

}

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

/********************************************************************************/ /********************** CSS for our wiki ****************************/ /********************************************************************************/

body, #content { 

   background: #000080;

}

  1. header

{ 

   background: url("http://");
   height: 185px;
   margin-top: 10px;
   margin-bottom: 10px;
   width: 964px;
   
   border: 1px solid #000080;
   -webkit-box-shadow: #ADD1FF 0px 2px 3px;

-moz-box-shadow: #ADD1FF 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 #000080;
   
   -webkit-box-shadow: #ADD1FF 0px 2px 3px;

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

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

background: #FFFFFF; }

.style_diapo .items { width: 50000px; position: absolute; }

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

.prev { background: url(Fleche_gauche.png) no-repeat; height: 26px; width: 85px; float:left; left: 5px; position: relative; margin-top: 20px ; cursor: pointer; padding: 40px 6px 360px 20px; }

.next { background: url(Fleche_droite.png) no-repeat; height: 26px; width: 85px; float:right; right: 5px; position: relative; margin-top: 20px ; cursor: pointer; padding: 40px 20px 360px 6px; }

.disabled { visibility: hidden; }

/* Navigateurs (disque indiquant la position de la diapo actuelle dans le diaporama)

  • /

.navi { 

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

}

.navi a { width: 8px; height: 8px; float: left; margin: 3px; /* background: url(Navigateur.png) 0 0 no-repeat;

  • /

background: url(Point_defilement.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://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/css0"