Team:Carnegie Mellon/stylesheet
From 2012.igem.org
/* Thanks to the DTU's Wiki Walkthrough! */ /* https://2011.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css */
/* Remove Mediawiki stuff */
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;
}
/* Remove/Shrink iGEM top menu */ /***************************/ body {
margin: 10px 0 0 0; padding: 0;
}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;
}
- menubar {
font-size: 75%; top: -14px;
} .left-menu:hover {
background-color: transparent;
}
- menubar li a {
background-color: transparent;
}
- menubar:hover {
color: white;
}
- menubar li a {
color: transparent;
}
- menubar:hover li a {
color: white;
}
- menubar > ul > li:last-child {
display:none;
}
/* General Styles */ /* CMU Color Table from: http://www.cmu.edu/marcom/brand-guidelines/images/brand-guidelines.pdf */ /* Primary web colors: Red: #990000 Dark Gray: #464646 Light Gray: #d4d4d4 Light Tan: #f3f0e9
Secondary web colors: Violet: #674c56 Blue: #7493a2 Mustard: #c1a562 Brown: #936241 Orange #d17702 Green #999933 Tan #ac9d74 Spinach Blue Excitation #0094FF Spinach Green Emission #00FF73 Malachite Green Orange Excitation #FF2700 Malachite Green Red Emssion #FF0000
- /
/* Layout */
/**********/
/* Div IDs */ /***********/ body, #main, #content {
background: url("") repeat;
}
- globalWrapper {
border: none; width: 100%; margin: 0; padding: 0;
}
- content {
border: none;
}
- main{
padding: 1px; }
/* Div Classes */ /***************/
.main_content{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; background: #FFFFFF;
/* To get a gradient bg */ background: -webkit-linear-gradient(#d4d4d4, #ffffff, #d4d4d4);
background: -moz-linear-gradient(#d4d4d4, #ffffff, #d4d4d4); background: -o-linear-gradient(#d4d4d4, #ffffff, #d4d4d4); background: -ms-linear-gradient(#d4d4d4, #ffffff, #d4d4d4); background: linear-gradient(#d4d4d4, #ffffff, #d4d4d4); padding: 5px; }
.center {
margin: 0 auto; width: 965px; background: transparent; float: right;
}
/* From Jquery Tools: Accordian */ /* root element for accordion. decorated with rounded borders and gradient background image */ #accordion { background: #fff; width: 600px; border: 2px solid #f3f0e9; -background: #f3f0e9; margin-left: 0; font-color:#464646; }
/* accordion header */ #accordion h2 { background:#990000; line-height: 14px; margin-left:0; padding:5px 15px; font-size:14px; font-weight:normal; border:1px solid #fff; border-bottom:1px solid #ddd; cursor:pointer; }
/* currently active header */ #accordion h2.current { cursor:default; background-color: #d4d4d4; }
/* accordion pane */ #accordion .pane { border:1px solid #fff; border-width:0 2px; display:none; height:180px; padding:15px; color:#fff; font-size:12px; font-color:#990000; background-color: #f3f0e9; }
/* a title inside pane */ #accordion .pane h3 { font-weight:normal; font-color:#464646; margin:0; font-size:14px; color:#000; }
/* Testing Jquery TOC */
- toc {
top: 0px; left: 0px; height: 100%; position: fixed; background: #333; box-shadow: inset -5px 0 5px 0px #000; width: 150px; padding-top: 20px; color: #fff;
}
- toc ul {
margin: 0; padding: 0; list-style: none;
}
- toc li {
padding: 5px 10px;
}
- toc a {
color: #fff; text-decoration: none; display: block;
}
- toc .toc-h2 {
padding-left: 10px;
}
- toc .toc-h3 {
padding-left: 20px;
}
- toc .toc-active {
background: #336699; box-shadow: inset -5px 0px 10px -5px #000;
}