Team:Carnegie Mellon/stylesheet

From 2013.igem.org

Revision as of 22:20, 26 September 2013 by Enpederson (Talk | contribs)

/* Remove/Shrink iGEM top menu */ /***************************/ 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: 75%;
   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;

}

background-image: url(800px-Background.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed;

}


p {

   line-height: 21px;

font-size: 100%; }

p#TitlePlate { border: none; text-align: center; margin-right:auto; margin-left:auto; }

td.profile{color:white; text-align: left; text-indent: 2.0em; font-family: 'Marmelad', sans-serif; background-color:rgba(0, 0, 0, .3); padding: 0; height:200; }


img {

   border-style: none;

}

a {

   text-decoration: none;

}

strong {

   font-style: bold;
   text-transform: uppercase;

font-size:125%; }


table {

   background-color: transparent;

margin-left: auto; margin-right: auto; text-align: center; padding: 0px; }


/*Dropdown Menu*/


ul.dropdown, ul.dropdown li, ul.dropdown ul {

list-style: none;
margin: 0;
padding: 0;

}

ul.dropdown {

position: relative;
z-index: 597;
float: left;

}

ul.dropdown li {

float: left;
min-height: 1px;
line-height: 1.3em;
vertical-align: middle;

}

ul.dropdown li.hover, ul.dropdown li:hover {

position: relative;
z-index: 599;
cursor: default;

}

ul.dropdown ul {

visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;

}

ul.dropdown ul li {

float: none;

}

ul.dropdown ul ul {

top: 1px;
left: 99%;

}

ul.dropdown li:hover > ul {

visibility: visible;

}


/* -- Base style extension -- */

ul.dropdown li a {

display: block;
padding: 5px 10px;
color: white;

}


/* -- Base style override -- */

ul.dropdown li, ul.dropdown ul li {

padding: 0;

}


/* -- Base style reinitiate: post-override activities -- */

ul.dropdown li.dir {

padding: 5px 15.5px 5px 15.75px;

color: #fff; } ul.dropdown ul li.dir {

padding: 5px 15px;

color: #fff; }


/* -- Custom -- */

ul.dropdown ul a {

padding-left: 15px;

}


/* -- Drop-down open -- */

ul.dropdown li:hover > *.dir {

color: #99ff66;

}


html { *overflow-x: hidden; } body { padding: 0; } body, html { height: 100%; padding: 0; margin: 0; } .wrapper { min-height: 100%; min-width: 950px;overflow: hidden; } .container { padding: 0px; }

.horizontal-centering { position: relative; } .horizontal-centering > * > * { float: left; width: auto; position: relative; left: 50%; margin: 0; padding: 0; } .horizontal-centering > * > * > * { float: left; position: relative; right: 50%; }



/* -- Base drop-down styling -- */

ul.dropdown {

background: transparent ;
font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;

}

ul.dropdown li { padding: 5px 10px; background-color: #000000; color: #fff; line-height: 22px; white-space: nowrap; }

ul.dropdown li.first { padding-left: 15px; background: transparent; }

ul.dropdown li.last { padding-right: 15px; background: transparent; }

ul.dropdown li.hover, ul.dropdown li:hover { color: #99ff66; } ul.dropdown a:link {color: #fff} ul.dropdown a:hover { color: #99ff66; } ul.dropdown a:active { color: #0395cc; }

/* -- level mark -- */

ul.dropdown ul { left: -21px; width: 150px; padding: 0 16px; }

ul.dropdown li.last ul { left: auto; right: 16px; }

ul.dropdown ul li { height: auto; padding: 5px 15px; line-height: 1.3em; white-space: normal; }

ul.dropdown ul li.first { padding-left: 0; background: #000000; }

ul.dropdown ul li.last { padding-bottom: 10px; }

ul.dropdown ul li.first ul { top: 0; padding: 0 16px 0 0; }

ul.dropdown ul li.first li.first { background-image: none; }

ul.dropdown ul li.last { padding-right: 0; }

ul.dropdown ul li.last ul { left: auto; right: auto; top: -16px; }

/* -- level mark -- */

ul.dropdown ul ul { top: -12px; left: 100%; padding: 16px 0 0; background: transparent ; }

ul.dropdown ul ul li.first { padding-top: 10px; background: #000000; }


<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>