Template:UIUCHeader

From 2013.igem.org

Revision as of 23:23, 1 September 2013 by Msbarbe2 (Talk | contribs)

/* Removing wiki-like stuff */ /* Generously provided by Team DTU Denmark*/ /****************************/

  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 */ /* Generously provided by Team DTU Denmark*/ /********************************/ 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;}

/* Start of UIUC Stuff */ /*********************/ /*********************/ /*********************/

body{ width:100%; /*background:url(images/dark_fish_skin_@2X.png);*/ background-color:#000; margin:auto; padding-top:10px; font-family:Verdana, Geneva, sans-serif; }

  1. sandbox{

width:1000px; height:auto; margin:auto; font-family:inherit; }

  1. container{

width:750px; padding-top:15px;

       padding-bottom:15px;
       padding-left:15px;
       padding-right:5px;

margin:auto; border:2px solid; border-color:#FFF; border-radius:25px; }

  1. logo_box{

width:720px; margin-bottom:10px; padding:10px; }

  1. major_image{

width:720px; padding:10px; }

  1. abstract{

width:720px; margin-top:10px; margin-bottom:10px; padding:15px; text-align:justify; }

  1. nav_bar{

width:180px; height:800px; padding-top:5px; padding-left:5px; padding-right:5px; background-color:#6F0022; border:2px solid; border-color:#6F0022; border-radius:25px; }

  1. igem{

width:160px; margin-bottom:10px; background-color:#6F0022; }

.left{ float:left; }

.right{ float:right; }

.Accordion { border-left: solid 1px gray; border-right: solid 1px black; border-bottom: solid 1px gray; overflow: hidden; } .AccordionPanel { margin: 0px; padding: 0px; } .AccordionPanelTab { background-color: #CCCCCC; border-top: solid 3px black; border-bottom: solid 1px white; margin: 0px; padding: 2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; height:30px; } .AccordionPanelContent { overflow: auto; margin: 5px; padding: 0px; height: auto; } .AccordionPanelOpen .AccordionPanelTab { background-color: #EEEEEE; } .AccordionPanelTabHover { color: #903; } .AccordionPanelOpen .AccordionPanelTabHover { color: #903; } .AccordionFocused .AccordionPanelTab { background-color: #666; } .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color: #CCC; }

@media print {

 .Accordion {
 overflow: visible !important;
 }
 .AccordionPanelContent {
 display: block !important;
 overflow: visible !important;
 height: auto !important;
 }

}