Team:Grenoble-EMSE-LSU/Design/css0

From 2013.igem.org

(Difference between revisions)
 
(143 intermediate revisions not shown)
Line 31: Line 31:
#menubar:hover li a {
#menubar:hover li a {
     color: white;}
     color: white;}
 +
 +
/* Redesigning Table Of Content */
 +
/********************************/
 +
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
 +
    text-align: left;}
 +
#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;}
 +
#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;*/}
 +
#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;}
/********************************************************************************/
/********************************************************************************/
Line 36: Line 76:
/********************************************************************************/
/********************************************************************************/
-
body, #content
+
body
{
{
-
     background: lightgrey;
+
   
 +
     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
 +
{
 +
    border: none;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    background: transparent;
 +
}
 +
 +
 +
.centering
 +
{
 +
    margin:  auto;
 +
    width: 965px;
 +
}
 +
/*
 +
.navigation div
 +
{
 +
    background: #2F4F4F;
 +
}
 +
*/
#header  
#header  
{
{
-
     background: url("");
+
     background: /*url("")*/ maroon;
-
     height: 185px;
+
     height: 120px;
-
    margin-top: 0px;
+
-
    margin-bottom: 0px;
+
     width: 100%;
     width: 100%;
-
   
+
}
-
    border: 1px solid maroon;
+
-
    /*-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;
+
-
}  
+
      
      
/*
/*
Line 62: Line 116:
     padding: 1px;} Important!
     padding: 1px;} Important!
*/
*/
 +
 +
/************ Design of the menubar **********/
 +
 +
ul.topnav ul li a
ul.topnav ul li a
Line 68: Line 126:
font: normal 15px Verdana, Arial, Helvetica, sans-serif;
font: normal 15px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
color: #FFFFFF;
-
        background-color: dimgray
 
}
}
Line 83: Line 140:
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--*/
 +
 +
 
}
}
ul.topnav li a {
ul.topnav li a {
Line 109: Line 168:
}
}
-
ul.topnav li ul.subnav {
+
ul.topnav li ul.subnav  
 +
{
     z-index: 1; /*Stay on top of slider*/
     z-index: 1; /*Stay on top of slider*/
list-style: none;
list-style: none;
Line 120: Line 180:
display: none;
display: none;
float: left;
float: left;
-
border: 1px maroon maroon;
+
border: 1px #800000 #800000;
border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
}
Line 127: Line 187:
{
{
margin: 0; padding: 0;
margin: 0; padding: 0;
-
border-top: 1px solid marron; /*--Create bevel effect--*/
+
border-top: 1px solid #E6E6FA;
-
border-bottom: 1px solid marron; /*--Create bevel effect--*/
+
        border-bottom: 1px solid #E6E6FA;
clear: both;
clear: both;
list-style: none outside none;
list-style: none outside none;
Line 157: Line 217:
html ul.topnav li ul.subnav li a:hover  
html ul.topnav li ul.subnav li a:hover  
{  
{  
-
background: gray;
+
background: dimgray;
}
}

Latest revision as of 21:30, 7 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 ****************************/ /********************************************************************************/

body { 

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

}

  1. content, #globalWrapper

{ 

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

}


.centering { 

   margin:  auto;
   width: 965px;

} /* .navigation div { 

   background: #2F4F4F;

}

  • /
  1. header

{ 

   background: /*url("")*/ maroon;
   height: 120px;
   width: 100%;

}

/*

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

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


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--*/


} ul.topnav li a {

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

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

Retrieved from "http://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/css0"