Team:Grenoble-EMSE-LSU/Design/css

From 2013.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 29: Line 29:
#menubar
#menubar
{
{
-
     width: auto;
+
     /*width: auto;*/
}
}
Line 36: Line 36:
body
body
{
{
-
    width: 980px;
 
     padding: 0;
     padding: 0;
     margin: auto;
     margin: auto;
Line 42: Line 41:
     overflow: auto;
     overflow: auto;
     background: transparent;
     background: transparent;
-
  /* border: 1px solid red;*/
+
    /*border: 1px solid red;*/
}
}
Line 54: Line 53:
#top-section /* n'apparaît pas */
#top-section /* n'apparaît pas */
{
{
-
     width: 980px;
+
     width: 95%;
     height: 0px;
     height: 0px;
     margin: 0 auto;
     margin: 0 auto;
Line 63: Line 62:
#menubar
#menubar
{
{
 +
    z-index: 1000005;
 +
    width: 95%
 +
    padding: 0;
 +
    margin: auto;
     font-size: 10px;
     font-size: 10px;
-
     top: -10px;
+
    position: fixed;
 +
     top: -5px;
 +
/*border: 1px solid green;*/
}
}
 +
.left-menu:hover
.left-menu:hover
{
{
Line 79: Line 85:
#menubar:hover
#menubar:hover
{
{
-
     color: white;
+
     color: black;
}
}
#menubar:hover li a
#menubar:hover li a
{
{
-
     color: white;
+
     color: black;
}
}

Latest revision as of 09:43, 2 September 2013

/***** Remove iGEM look *****/

/* Removing wiki-like stuff */ /****************************/

/***** Removes header footer and borders *****/

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

{

   display:none;

}

  1. content /* n'apparaît pas */

{

   padding: 0;
   border:none;
   background: transparent;

}

/***** Redesigning the top menubar *****/

/* Removes "teams" from the menubar */

  1. menubar > ul > li:last-child

{

   display: none;

}

/* Resizes the menubar to fik the links (default is 400px) */

  1. menubar

{

   /*width: auto;*/

}

/***** Here is made the menubar show up only when moving the mouse on top of it *****/

body {

   padding: 0;
   margin: auto;
   /*margin-top: 10px;*/
   overflow: auto;
   background: transparent;
   /*border: 1px solid red;*/

}

  1. globalWrapper

{

   /*border: 1px solid green;*/
   margin: 0;
   padding: 0;

}

  1. top-section /* n'apparaît pas */

{

   width: 95%;
   height: 0px;
   margin: 0 auto;
   padding: 0;
   border: none;

}

  1. menubar

{

   z-index: 1000005;
   width: 95%
   padding: 0;
   margin: auto;
   font-size: 10px;
   position: fixed;
   top: -5px;

/*border: 1px solid green;*/ }

.left-menu:hover {

   background-color: transparent;

}

  1. menubar li a

{

   color: transparent;
   background-color: transparent;

}

  1. menubar:hover

{

   color: black;

}

  1. menubar:hover li a

{

   color: black;

}