Template:CSS/Delft2014 main

From 2014.igem.org

Revision as of 14:42, 27 September 2014 by Dschmieden (Talk | contribs)
  1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear { 
   display: none;

} /*-- hides default wiki settings --*/

.firstHeading { 

   display:none;

}

  1. top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ 
   background-color: #383838;
   border: 0 none;
   height: 14px;
   z-index: 100;
   top: 0;
   /*position: fixed;*/
   width: 100%; 
   /*left: 50%; */
   margin-left: auto;
   margin-right: auto;

}

  1. top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ 
   background-color: #383838;
   height: 14px;
   display: block;
   z-index: 10;
   position: fixed;
   width: 100%;
   top: 0;

}

  1. menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ 
   color: #727272; 
   text-decoration: none; 
   background-color: transparent;

}

  1. globalWrapper, #content { /*-- changes default wiki settings --*/ 
   width: 100%; 
   height: 100%;
   border: 0px;
   background-color: transparent;
   margin: 0px;
   padding: 0px;

}


  1. bodyContent a[href^="https://"], .link-https { /*stop lock icon for secure links to be displayed */ 
   background: none;
   padding-right: 0;

}


/*___________________________________________________*/ /*--- Global -------------*/

html, body, .wrapper { /*-- changes default wiki settings --*/ 

   width: 100%; 
   height: 100%;
   background-color: white;
   font-size: 12px;

}

a.anchor{ 

   display: block; 
   position: relative; 
   top: -80px; 
   visibility: hidden;

}

h2 { 

   font-size: 20px;

}

.tableofcontents{ 

   border: 1px solid #898989;
   background-color: #f5f5f5;
   display: inline-block;
   padding: 5px; 
   margin: 25px;

}

table, th, td { 

   border: 1px solid black;
   border-collapse: collapse;

}

th, td { 

   padding: 5px;
   text-align: left;

}

caption { 

   text-align:left;

}


/*---PAGE CONTENT------------*/

  1. contentcontainer { /*-- creates container for all content on page --*/ 
   font-family: Arial, Helvetica, sans-serif; 
   font-weight: normal;
   color: white;
   width: 960px; 
   margin-left: auto; 
   margin-right: auto; 
   background-color: transparent; 
   margin-top: 0px;

}

p1{ 

   font-color: #333333;
   font-size: 15px;

}

a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}

h2 { 

   padding-top: 20px;
   font-size: xx-large;
   line-height: normal;

}

  1. main { 
   background-color: white;
   border-width: 0 0px 0px 0px;

}

.grey{ 

   background-color: #E5E5E5;
   padding-top: 0;
   padding-bottom: 20px;
   margin-top: 30px;
   margin-bottom: 30px;
   width: 960px;

}


/*---HEADER SYTLING---------*/

  1. header { 
   height: 90px;
   background-image: url('https://static.igem.org/mediawiki/2014/4/47/Delft2014_Igem_banner.png' );
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 392px 75px;

}

  1. charbanner{ 
   position: relative;
   width:140px;
   height:140px;
   left: 87.5%;
   z-index: 10;

}


/*-------SIDEBAR OVERLAYS--------*/

  1. modal { 
   width: 50px;
   position: fixed;
   top: 50%; 
   left: 0;
   margin-top: -100px;
   z-index: 11;

}

  1. modal img { 
   margin-bottom: 4px;

}

.modalright { 

   width: 50px;
   height: 160px;
   position: fixed;
   top: 50%; 
   right: 0;
   margin-top: -100px;
   z-index: 11;

}

/*-------BAR ACROSS BOTTOM OF PAGE--------*/

  1. bottom-section{ 
   background-color: #DCFFDC;
   border: 0 none;
   z-index: 100;
/*  position: fixed; */
   width: 100%; 
   margin-top: 40px;
   padding-top: 20px;
   padding-bottom: 20px;
   text-align: center;
   font-size: 12px;

}

/*___________________________________________________*/ /*--- Main Menu Styles -------------------*/

  1. nav ul { 
   margin: 0;
   padding: 0;
   list-style: none;
   font: normal 15px Arial, sans-serif;
   color: #333;

}

  1. nav ul li { 
   display: block;
   position: relative;
   float: left;

}

  1. nav li ul { 
   display: none;

}

  1. nav ul li a { 
   display: block;
   text-decoration: none;
   color: #ffffff;
   border-top: 1px solid #ffffff;
   padding: 5px 15px 5px 15px;
   background: #dcffdc;
   margin-left: 1px;
   white-space: nowrap;
   width: 120px;

}

  1. nav > ul li:first-child a { 
   width: 40px;

}

  1. nav ul li a:hover {

background: #3b3b3b; }

  1. nav ul li:hover ul { 
   display: block;
   position: absolute;

}

  1. nav ul li:hover li { 
   float: none;
   font-size: 11px;

}

  1. nav ul li:hover a { background: #3b3b3b; }
  1. nav ul li:hover li a:hover { 
   background: #1e7c9a;

}

/*___________________________________________________*/ /*--- Main Menu Styles -------------------*/ /*#mega-menu-1 { 

   font: normal 15px Arial, sans-serif;
   list-style: none;
   position: relative;
   padding: 0;
   margin: 0;

}

  1. mega-menu-1 li ul, #mega-menu-1 .sub { 
   display: none;

}

  1. mega-menu-1 .sub ul { 
   display: block;

}

  1. mega-menu-1 { 
   background: #dcffdc;
   width: 100%;
   height: 40px;
   position: relative;

}

  1. mega-menu-1 li { 
   float: left;
   margin: 0;
   padding: 0;
   font-weight: bold;

}

  1. mega-menu-1 li a { 
   background: none repeat scroll 0 0 #dcffdc;
   color: #333;
   display: block;
   float: left;
   height: 28px;
   padding-top: 12px;
   text-align: center;
   text-decoration: none;
   width: 150px;

}

  1. mega-menu-1 li:first-child a { 
   width: 40px;
   padding-top: 8px;
   height: 32px;

}

  1. mega-menu-1 li.mega-hover a, #mega-menu-1 li a:hover { 
   background: #CCC;
   color: #333;

}

  1. mega-menu-1 li .sub-container { 
   position: absolute;

}

  1. mega-menu-1 li .sub { 
   background: #efefef;
   padding: 15px;
   border: 1px solid #ccc;

}

  1. mega-menu-1 li .sub .row { 
   width: 100%;
   overflow: hidden;
   clear: both;

}

  1. mega-menu-1 li .sub li { 
   list-style: none;
   float: none;
   width: 170px;
   font-size: 1em;
   font-weight: normal;

}

  1. mega-menu-1 li .sub li.mega-hdr { 
   margin: 0 10px 10px 0;
   float: left;

}

  1. mega-menu-1 li .sub li.mega-hdr.last { 
   margin-right: 0;

}

  1. mega-menu-1 li .sub a { 
   background: none;
   color: #111;
   padding: 7px 10px;
   display: block;
   float: none;
   font-size: 0.9em;

}

  1. mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a { 
   padding: 5px 15px;
   margin-bottom: 5px;
   background: #6B6B6B;
   text-transform: uppercase;
   font-weight: bold;
   color: #fff;

}

  1. mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover { 
   color: #000;

}

  1. mega-menu-1 .sub li.mega-hdr li a { 
   padding: 4px 5px;
   font-weight: normal;

}

  1. mega-menu-1 .sub li.mega-hdr li a:hover { 
   color: #a32403;
   background: #efefef;

}

  1. mega-menu-1 .sub ul li { 
   padding-right: 0;

}

  1. mega-menu-1 li .sub-container.non-mega .sub { 
   padding: 10px;

}

  1. mega-menu-1 li .sub-container.non-mega li { 
   padding: 0;
   width: 190px;
   margin: 0;

}

  1. mega-menu-1 li .sub-container.non-mega li a { 
   padding: 7px 5px 7px 22px;

}

  1. mega-menu-1 li .sub-container.non-mega li a:hover { 
   color: #a32403;
   background: #efefef;

}*/

Retrieved from "http://2014.igem.org/Template:CSS/Delft2014_main"