Team:Grenoble-EMSE-LSU/Design/current

From 2013.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo  
+
/***** Removes header footer and borders *****/
 +
 
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo
{
{
     display:none;
     display:none;
}
}
-
#top-section  
+
#top-section
{
{
     border: none;
     border: none;
     height: 0px;
     height: 0px;
}
}
-
   
+
 
-
#content  
+
#content
{
{
     border: none;
     border: none;
}
}
-
.left-menu:hover {
+
/***** Removes "teams" from the menubar *****/
-
     background-color: transparent;}
+
 
 +
#menubar > ul > li:last-child
 +
{
 +
    display: none;
 +
}
 +
 
 +
/***** Resizes the menubar to fit the links (default is 400px) *****/
 +
 
 +
#menubar
 +
{
 +
    width: auto;
 +
}
 +
 
 +
/***** Menubar show up only when moving on top of it *****/
 +
 
 +
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 li a {
 
-
    background-color: transparent;}
 
-
#menubar:hover {
 
-
    color: white;}
 
-
#menubar li a {
 
-
    color: transparent;}
 
-
#menubar:hover li a {
 
-
    color: white;}
 
/* Redesigning Table Of Content */
/* Redesigning Table Of Content */
Line 139: Line 193:
nav
nav
{
{
-
     width: 900px;
+
     width: 980px;
-
     margin-left: 250px;
+
     margin-left: 150px;
}
}
Line 170: Line 224:
/*Logo de l'équipe vers la page d'accueil*/
/*Logo de l'équipe vers la page d'accueil*/
-
#home_icon
+
/*#home_icon
{
{
-
width: 100px;
+
width: 10%;
-
height: 118px;
+
position: fixed;
position: fixed;
top: 50px;
top: 50px;
right: 100px;
right: 100px;
-
}
+
}*/
/*Lien vers la page officielle d'igem*/
/*Lien vers la page officielle d'igem*/
Line 183: Line 236:
{
{
position: fixed;
position: fixed;
-
top: 300px;
+
top: 100px;
right: 50px;
right: 50px;
}
}

Latest revision as of 07:49, 20 June 2013

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

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

{

   display:none;

}

  1. top-section

{

   border: none;
   height: 0px;

}

  1. content

{

   border: none;

}

/***** Removes "teams" from the menubar *****/

  1. menubar > ul > li:last-child

{

   display: none;

}

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

  1. menubar

{

   width: auto;

}

/***** Menubar show up only when moving on top of it *****/

body {

   margin: 10px 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: -14px;

}

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

}


/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {

   text-align: left;}
  1. toctitle {
   margin: 5px 0;}

.toc, #toc {

   background-color: #F6F6F6;
   border: 1px solid #CCCCCC;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
   float: left;
   width: 228px;
   display: block;
   overflow: hidden;
   padding: 0;}
  1. toc ul, .toc ul {
   margin: 0 5px 5px 5px;}

.toc ul li {

   padding-left: 12px;
   text-indent: -12px;
   /*width: 200px;*/}

.toc ul li ul li {

   padding-left: 30px;
   text-indent: -24px;
   /*width: 170px;*/}
  1. toc ul ul, .toc ul ul {
   margin: 0;}

.toc {

   margin-left: -250px;
   margin-top: 20px;}

.stickBelowNavigation {

   position: fixed;
      top: 35px;
      left: 50%;
   margin-left: -462px;}

.tochidden {

   position: static;
   margin-left: -250px;}


/* Style d'écriture du contenu devrait permettre d'éviter de devoir écrire trop de truc pour p li ul ol table etc...

  • /
  1. content, table tr

{

   font: normal 14px Verdana, Arial, Helvetica, sans-serif;
   color:#000080;

}

.blocbackground {

   	width: 937px;
   	margin: auto;
       text-align: justify;
   	padding: 2px 12px 60px 12px;
   	margin-bottom: 20px;
   
   border: 1px solid #800000;
   /*-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: #EEF0FC;
   background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#FFFFFF));
   background: -webkit-linear-gradient(#EEF0FC, #FFFFFF);
   background: -moz-linear-gradient(#EEF0FC, #FFFFFF);
   background: -ms-linear-gradient(#EEF0FC, #FFFFFF);
   background: -o-linear-gradient(#EEF0FC, #FFFFFF);
   background: linear-gradient(#EEF0FC, #FFFFFF);

}


.blocbackground img.floatsponso {

   float: left;
   margin-right: 20px;
   margin-bottom: 10px;

}

.menu_deroulant_au_centre { /*margin-left: 165px;*/ }

.legend {

font-size: 13px;

font-style:italic;

text-align: center;

padding: 8px 0 5px 0;

}

body {

   /*background: url("Igem-background.png") no-repeat 120% 95% fixed, url("Igem-background.png") no-repeat -20% 95% fixed;*/
   background-color: #e1e1e1;

}

nav {

   width: 980px;
   margin-left: 150px;

}

  1. content, #globalWrapper

{

   border: none;
   width: 100%;
   margin: 0;
   padding: 0;
   background: transparent;

}


.centering {

   margin:  auto;
   width: 965px;

}


/*Flèche vers le haut de la page*/

  1. up

{ position: fixed; right: 50px; bottom: 20px; }

/*Logo de l'équipe vers la page d'accueil*/ /*#home_icon { width: 10%; position: fixed; top: 50px; right: 100px; }*/

/*Lien vers la page officielle d'igem*/

  1. igem

{ position: fixed; top: 100px; right: 50px; }