Team:Poznan-BioInf/stylesheet

From 2013.igem.org

(Difference between revisions)
Line 90: Line 90:
a:visited {
a:visited {
color: #c8c8c8;
color: #c8c8c8;
 +
}
 +
 +
/* Menu CSS */
 +
 +
#cssmenu,
 +
#cssmenu ul,
 +
#cssmenu ul li,
 +
#cssmenu ul li a {
 +
  padding: 0;
 +
  margin: 0;
 +
  line-height: 1;
 +
}
 +
#cssmenu:before,
 +
#cssmenu:after,
 +
#cssmenu > ul:before,
 +
#cssmenu > ul:after {
 +
  content: '';
 +
  display: table;
 +
}
 +
#cssmenu:after,
 +
#cssmenu > ul:after {
 +
  clear: both;
 +
}
 +
#cssmenu {
 +
  width: auto;
 +
  zoom: 1;
 +
  height: 69px;
 +
  background: url('https://www.dropbox.com/s/3rbsfyne72eemsd/bottom-bg.png') repeat-x center bottom;
 +
  border-radius: 2px;
 +
}
 +
#cssmenu ul {
 +
  background: url('https://www.dropbox.com/s/0b9lh3fa9ebzmc7/nav-bg.png') repeat-x 0px 4px;
 +
  height: 69px;
 +
}
 +
#cssmenu ul li {
 +
  float: left;
 +
  list-style: none;
 +
}
 +
#cssmenu ul li a {
 +
  display: block;
 +
  height: 37px;
 +
  padding: 22px 30px 0;
 +
  margin: 4px 2px 0;
 +
  border-radius: 2px 2px 0 0;
 +
  text-decoration: none;
 +
  font-size: 15px;
 +
  color: white;
 +
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
 +
  font-weight: 400;
 +
  opacity: .9;
 +
}
 +
#cssmenu ul li:first-child a {
 +
  margin: 4px 2px 0 0;
 +
}
 +
#cssmenu ul li a:hover,
 +
#cssmenu ul li.active a {
 +
  background: url('https://www.dropbox.com/s/219kaq566aluhuk/color.png') center bottom;
 +
  display: block;
 +
  height: 37px;
 +
  margin-top: 0px;
 +
  padding-top: 26px;
 +
  color: #4e6d04;
 +
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
 +
  opacity: 1;
}
}

Revision as of 13:43, 2 October 2013

/* STYLING TRICKS CREDIT: */ /* https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki */

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

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;}

/* Redesigning the topmenu */ /***************************/ 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;}
  1. menubar > ul > li:last-child { 
   display:none;}

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

/* ------------------------------------------------- */

  1. content{

color: #c8c8c8; background-color: #272b30; border-left: 1px solid #272b30; border-right: 1px solid #272b30; }


  1. globalWrapper {

font-size: 115%; }

a:visited { color: #c8c8c8; }

/* Menu CSS */

  1. cssmenu,
  2. cssmenu ul,
  3. cssmenu ul li,
  4. cssmenu ul li a { 
 padding: 0;
 margin: 0;
 line-height: 1;

}

  1. cssmenu:before,
  2. cssmenu:after,
  3. cssmenu > ul:before,
  4. cssmenu > ul:after { 
 content: ;
 display: table;

}

  1. cssmenu:after,
  2. cssmenu > ul:after { 
 clear: both;

}

  1. cssmenu { 
 width: auto;
 zoom: 1;
 height: 69px;
 background: url('https://www.dropbox.com/s/3rbsfyne72eemsd/bottom-bg.png') repeat-x center bottom;
 border-radius: 2px;

}

  1. cssmenu ul { 
 background: url('https://www.dropbox.com/s/0b9lh3fa9ebzmc7/nav-bg.png') repeat-x 0px 4px;
 height: 69px;

}

  1. cssmenu ul li { 
 float: left;
 list-style: none;

}

  1. cssmenu ul li a { 
 display: block;
 height: 37px;
 padding: 22px 30px 0;
 margin: 4px 2px 0;
 border-radius: 2px 2px 0 0;
 text-decoration: none;
 font-size: 15px;
 color: white;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
 font-weight: 400;
 opacity: .9;

}

  1. cssmenu ul li:first-child a { 
 margin: 4px 2px 0 0;

}

  1. cssmenu ul li a:hover,
  2. cssmenu ul li.active a { 
 background: url('https://www.dropbox.com/s/219kaq566aluhuk/color.png') center bottom;
 display: block;
 height: 37px;
 margin-top: 0px;
 padding-top: 26px;
 color: #4e6d04;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
 opacity: 1;

}

Retrieved from "http://2013.igem.org/Team:Poznan-BioInf/stylesheet"