Team:Grenoble-EMSE-LSU/Design/css1

From 2013.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 76: Line 76:
/********************************************************************************/
/********************************************************************************/
-
body
+
 
-
{
+
-
   
+
-
    background: url("https://static.igem.org/mediawiki/2013/e/ea/Igem-background.png") no-repeat 120% 95% fixed, url("https://static.igem.org/mediawiki/2013/e/ea/Igem-background.png") no-repeat -20% 95% fixed;
+
-
    background-color: dimgray;
+
-
}
+
#content, #globalWrapper
#content, #globalWrapper
Line 97: Line 92:
     margin:  auto;
     margin:  auto;
     width: 965px;
     width: 965px;
 +
   
}
}
/*
/*
Line 104: Line 100:
}
}
*/
*/
-
/*
+
 
-
#header  
+
header  
{
{
     background: /*url("")*/ blue;
     background: /*url("")*/ blue;
     height: 60px;
     height: 60px;
     width: 100%;
     width: 100%;
 +
position:fixed;
}
}
-
*/    
+
    
/*
/*
#innercontent {
#innercontent {
Line 119: Line 116:
/************ Design of the menubar **********/
/************ Design of the menubar **********/
 +
header div.logo{
 +
  border:solid 1px black;
 +
  heigh:120px;
 +
  width:120px;
 +
  background-color:#ffffff;
 +
  float:left;
 +
  z-index:1;
 +
}
 +
nav{
 +
float:left;
 +
z-index:1;
 +
}
ul.topnav ul li a
ul.topnav ul li a
Line 140: Line 149:
padding: 0;
padding: 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
position: relative; /*--Declare X and Y axis base for sub navigation--*/
-
 
+
        border:solid 1px black;
-
 
+
        min-width:80px;
}
}
 +
ul.topnav li a {
ul.topnav li a {
Line 149: Line 159:
text-decoration: none;
text-decoration: none;
float: left;
float: left;
 +
        color:black;
}
}

Latest revision as of 17:13, 18 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;

}

  1. top-section

{

   border: none;
   height: 0px;

}

  1. content

{

   border: none;

}

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

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


  1. content, #globalWrapper

{

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

}


.centering {

   margin:  auto;
   width: 965px;
   

} /* .navigation div {

   background: #2F4F4F;

}

  • /

header {

   background: /*url("")*/ blue;
   height: 60px;
   width: 100%;

position:fixed; }

/*

  1. innercontent {
   padding: 1px;} Important!
  • /

/************ Design of the menubar **********/

header div.logo{

  border:solid 1px black;
  heigh:120px;
  width:120px;
  background-color:#ffffff;
  float:left;
  z-index:1;

}

nav{ float:left; z-index:1; }

ul.topnav ul li a { text-align: center; font: normal 15px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;

}

ul.topnav ul, ul.topnav ul li { list-style:none; padding:0; }

ul.topnav li { float: left; margin: 0; padding: 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/

       border:solid 1px black;
       min-width:80px;

}

ul.topnav li a {

padding: 8px 15px 10px 15px; display: block; text-decoration: none; float: left;

       color:black;

}

ul.topnav > li > a {

   height: 28px;
   overflow: hidden;

}

ul.topnav li:first-child a { padding-left: 0; }

ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; }

ul.topnav li ul.subnav {

   z-index: 1; /*Stay on top of slider*/

list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 35px; background: grey; margin: 0; padding: 0; display: none; float: left; border: 1px #800000 #800000; border-radius: 0 0 5px 5px; }

ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #E6E6FA;

       border-bottom: 1px solid #E6E6FA;

clear: both; list-style: none outside none; }

ul.topnav li ul.subnav, ul.topnav li ul.subnav li { width: 160px;

}

ul.topnav li ul.subnav li:last-child { border-radius: 0 0 5px 5px; }

html ul.topnav li ul.subnav li a { float: left;

   padding-left: 10px;
   padding-right: 10px;
   width: 140px;

}

html ul.topnav li ul.subnav li a:last-child {

       border-radius: 0 0 5px 5px;

} html ul.topnav li ul.subnav li a:hover { background: dimgray; }