Team:Carnegie Mellon/stylesheet
From 2013.igem.org
/* Removing wiki-like stuff */ /****************************/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
html {
background-color: white; background-image: url(); 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 20px 5px 10px;
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: 50px; }
.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'>