|
|
Line 1: |
Line 1: |
- | /* Removing wiki-like stuff */
| + | <html> |
- | /****************************/
| + | |
- | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
- | display:none;}
| + | |
| | | |
- | /* Redesigning the topmenu */
| + | <!-- STYLESHEET --> |
- | /***************************/
| + | <!-- *********** --> |
- | body {
| + | |
- | margin: 15px 0 0 0;
| + | |
- | padding: 0;}
| + | |
- | #top-section {
| + | |
- | width: 875px;
| + | |
- | 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: #767676;}
| + | |
- | #menubar > ul > li:last-child {
| + | |
- | display:none;}
| + | |
| | | |
- | /* TOC stuff removed */ | + | <link rel="stylesheet" href="https://2013.igem.org/Team:UChicago/stylesheet?action=raw&ctype=text/css" type="text/css" /> |
| | | |
- | /* Font style and general */
| + | <!-- JAVASCRIPTS --> |
- | /**************************/
| + | <!-- *********** --> |
- | #content {
| + | |
- | font-family: Montserrat, Helvetica, Verdana, sans-serif;
| + | |
- | font-size: 14px;
| + | |
- | color: #000;}
| + | |
- | p {
| + | |
- | margin: 0;}
| + | |
- | #innercontent p {
| + | |
- | margin: 0.6em 0;}
| + | |
- | h2, h3, h4, h5, h6 {
| + | |
- | border: none;
| + | |
- | font-weight: normal;
| + | |
- | color: #000;}
| + | |
- | h1 {
| + | |
- | border: none;
| + | |
- | color: #800000;
| + | |
- | font-family: Helvetica;
| + | |
- | font-size: 20px;
| + | |
- | font-weight: lighter;}
| + | |
| | | |
- | #bodyContent h1, #bodyContent h2 {
| + | <!-- ie9.js (fixes all Internet Explorer browsers older than ie9) --> |
- | margin-bottom: 0;} /* ??? */ | + | <!--[if lt IE 9]> |
| + | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> |
| + | <![endif]--> |
| | | |
- | ul {
| + | <!-- jQuery Tools (slider) --> |
- | list-style: none; | + | <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> |
- | margin: 0;}
| + | <script> |
- | a:hover, a:active {
| + | $(function() { |
- | color: #800000;
| + | // initialize scrollable |
- | text-decoration: underline;}
| + | $(".scrollable").scrollable().navigator(); |
- | pre {
| + | }); |
- | overflow: auto; | + | </script> |
- | font-size: 12px;} /* unneeded? */
| + | |
- | div.tright, div.floatright {
| + | |
- | border: none;
| + | |
- | margin: 10px 0 10px 20px;} /* unneeded? */
| + | |
- | div.tleft, div.floatleft {
| + | |
- | border: none;
| + | |
- | margin: 10px 20px 10px 0;} /* unneeded? */
| + | |
- | div.tnone {
| + | |
- | border: none;} /* unneeded? */
| + | |
- | iframe {
| + | |
- | margin: 1px;} /* unneeded? */
| + | |
- | hr {
| + | |
- | height: 0;
| + | |
- | border-top: 1px solid #AAA;
| + | |
- | border-bottom: 1px solid #FFF;} /* unneeded? */
| + | |
- | .clear { | + | |
- | clear: both;
| + | |
- | height: 0;
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | border: none;
| + | |
- | visibility: hidden;} /* unneeded? */
| + | |
- | .superscript {
| + | |
- | font-size: 80%; | + | |
- | position: relative;
| + | |
- | top: -5px;} /* unneeded? */ | + | |
- | .subscript {
| + | |
- | font-size: 80%;
| + | |
- | position: relative;
| + | |
- | top: 5px;} /* unneeded? */ | + | |
- | .farve1 {
| + | |
- | background-color: #FFCC00;} | + | |
- | .farve2 { | + | |
- | background-color: #FF9900;}
| + | |
- | .farve3 { | + | |
- | background-color: #FF6600;}
| + | |
- | .farve4 { | + | |
- | background-color: #FF0000;}
| + | |
- | .farve5 {
| + | |
- | background-color: #990000;} | + | |
- | .farve6 {
| + | |
- | background-color: #FF0099;}
| + | |
- | .farve7 {
| + | |
- | background-color: #CC3399;}
| + | |
- | .farve8 {
| + | |
- | background-color: #990066;}
| + | |
- | .farve9 {
| + | |
- | background-color: #660066;}
| + | |
- | .farve10 {
| + | |
- | background-color: #990099;}
| + | |
- | .farve11 {
| + | |
- | background-color: #3366CC;}
| + | |
- | .farve12 {
| + | |
- | background-color: #33CCFF;}
| + | |
- | .farve13 {
| + | |
- | background-color: #99CC33;}
| + | |
- | .farve14 {
| + | |
- | background-color: #66CC00;} /* unneeded? */
| + | |
- | .coloredBg {
| + | |
- | font-size: 12px; | + | |
- | font-weight: normal;
| + | |
- | color: #FFFFFF;
| + | |
- | padding: 5px;} /* unneeded? */
| + | |
| | | |
- | /* Layout */
| + | <!-- Navigation scroll follow --> |
- | /**********/ | + | <script type="text/javascript"> |
- | body, #heading, #innercontent {
| + | $(window).scroll(function () { |
- | background: url("https://static.igem.org/mediawiki/2013/5/55/UC_bg-pattern.jpg") repeat #767676;}
| + | var scrollPos = $(window).scrollTop(); |
- | #content, #globalWrapper {
| + | if (scrollPos > 110) { |
- | border: none;
| + | $(".navigation").addClass("stickToTop"); |
- | width: 100%;
| + | } else { |
- | margin: 0;
| + | $(".navigation").removeClass("stickToTop"); |
- | padding: 0;}
| + | } |
- | .centering { | + | if (scrollPos > 180) { |
- | margin: 0 auto;
| + | $(".toc").addClass("stickBelowNavigation"); |
- | width: 875px;}
| + | } else { |
- | #heading {
| + | $(".toc").removeClass("stickBelowNavigation"); |
- | height: 50px;}
| + | } |
- | #innercontent {
| + | }); |
- | padding: 1px;} /* Important!*/
| + | </script> |
- | .whitebox { | + | |
- | background: #fff;
| + | |
- | -moz-box-shadow: 0px 2px 5px 4px #737373;
| + | |
- | -webkit-box-shadow: 0px 2px 5px 4px #737373;
| + | |
- | box-shadow: 0px 2px 5px 4px #737373;
| + | |
- | padding: 100px 75px;}
| + | |
- | .article {
| + | |
- | width: 600px;}
| + | |
- | #toc a {
| + | |
- | font-weight: normal;} | + | |
| | | |
- | /* Frontpage only */
| + | <!-- iGem wiki hacks --> |
- | /******************/ | + | <!-- Remove all empty <p> tags --> |
- | .smallBox { | + | <script type="text/javascript"> |
- | width: 270px;
| + | $(document).ready(function() { |
- | padding: 0 20px 10px;
| + | $("p").filter( function() { |
- | float: left;
| + | return $.trim($(this).html()) == ''; |
- | margin-right: 15px;}
| + | }).remove(); |
- | .lastSmallBox { | + | }); |
- | width: 269px;
| + | </script> |
- | margin-right: 0;}
| + | |
- | body.page-Team_DTU-Denmark div.whitebox:first-child {
| + | |
- | display: none;}
| + | |
| | | |
- | /* For overview pages */
| + | <!-- Remove "team" from the menubar --> |
- | /**********************/ | + | <script type="text/javascript"> |
- | .overviewPage { | + | $(document).ready(function() { |
- | margin-left: -250px;}
| + | $("menubar > ul > li:last-child").remove(); |
- | .overviewBox {
| + | }); |
- | width: 450px;}
| + | </script> |
- | .left {
| + | |
- | float: left;}
| + | |
- | .right {
| + | |
- | float:right;}
| + | |
| | | |
- | /* footer removed temp */ | + | <!-- Empty heading? - Then remove it.. --> |
| + | <script type="text/javascript"> |
| + | $(document).ready(function() { |
| + | if ("" == "</html>{{{1}}}<html>") { |
| + | $("#heading").remove(); |
| + | } |
| + | }); |
| + | </script> |
| | | |
- | /* Slider (thanks to flowplayer.org) */
| |
- | /*************************************/
| |
- | .scrollable {
| |
- | /* required settinsg */
| |
- | position: relative;
| |
- | overflow :hidden;
| |
- | padding: 75px 0;
| |
- | margin: 0 auto;
| |
- | width: 800px;
| |
- | height: 400px;
| |
- | background: #FFFFFF;}
| |
- | .scrollable .items {
| |
- | /* this cannot be too large */
| |
- | width: 50000px;
| |
- | position: absolute;}
| |
- | .items div {
| |
- | float: left;
| |
- | width: 963px;
| |
- | height: 370px;}
| |
- | .prev {
| |
- | background: url(https://static.igem.org/mediawiki/2011/8/81/DTU-Denmark2011-slider-prev.png) no-repeat;
| |
- | height: 74px;
| |
- | width: 74px;
| |
- | position: absolute;
| |
- | left: -518px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
| |
- | top: 310px;
| |
- | margin-left: 50%;
| |
- | cursor: pointer;}
| |
- | .next {
| |
- | background: url(https://static.igem.org/mediawiki/2011/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
| |
- | height: 74px;
| |
- | width: 74px;
| |
- | margin-right: 50%;
| |
- | position: absolute;
| |
- | right: -519px; /* floor(963/2) + 74/2 = 481 + 37 = 518 */
| |
- | top: 310px;
| |
- | cursor: pointer;}
| |
- | .disabled {
| |
- | visibility: hidden;}
| |
- | /* position and dimensions of the navigator */
| |
- | .navi {
| |
- | left: -56px;
| |
- | margin-left: 50%;
| |
- | position: absolute;
| |
- | top: 505px;
| |
- | width: 112px;}
| |
- | .navi a {
| |
- | width: 8px;
| |
- | height: 8px;
| |
- | float: left;
| |
- | margin: 3px;
| |
- | background: url(https://static.igem.org/mediawiki/2011/7/7e/DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat;
| |
- | /*background: url(https://static.igem.org/mediawiki/2011/2/22/DTU-Denmark2011-slider-navigator-dark.png) 0 0 no-repeat;*/
| |
- | display: block;
| |
- | font-size: 1px;}
| |
- | .navi a:hover {
| |
- | background-position: 0 -8px;}
| |
- | .navi a.active {
| |
- | background-position: 0 -16px;}
| |
| | | |
- | /* Tooltips (thanks to flowplayer.org) */
| + | <!-- HTML CONTENT --> |
- | /*********************************************/
| + | <!-- ************ --> |
- | /*.tooltip {
| + | <div class="centering"> |
- | z-index: 2; | + | <div id="navigation"> |
- | display:none;
| + | <div class="navigation"> |
- | background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
| + | <ul class="topnav" id="topnav"> |
- | font-size:14px;
| + | <li class="home navitem1"> |
- | height:70px;
| + | <a href="/Team:UChicago">UChicago</a> |
- | width:160px;
| + | </li> |
- | padding:25px;
| + | <li class="igem navitem1"> |
- | color:#fff;}
| + | <a href="https://2013.igem.org" title="iGEM 2013 Homepage">iGEM 2013</a> |
- | */
| + | </li> |
| + | <li class="team navitem1"> |
| + | <a href="/Team:UChicago/Team">Team</a> |
| + | </li> |
| + | <li class="project navitem1"> |
| + | <a href="/Team:UChicago/Project">Project</a> |
| + | </li> |
| + | <li class="notebook navitem1"> |
| + | <a href="/Team:UChicago/Notebook">Notebook</a> |
| + | </li> |
| + | <li class="outreach navitem1"> |
| + | <a href="/Team:UChicago/Outreach">Outreach</a> |
| + | </li> |
| + | <li class="sponsor_us navitem1"> |
| + | <a href="/Team:UChicago/Sponsor_Us">Sponsor Us!</a> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| | | |
- | /* Sexy Drop Down Menu (thanks to sohtanaka.com) */
| |
- | /*********************************************/
| |
| | | |
- | ul.topnav > li > a:hover {
| + | <!-- Prepare for content --> |
- | color: #800000; | + | <div id="innercontent"> |
- | text-decoration: underline;}
| + | <div class="centering"> |
| + | <h1> |
| + | </html> |
| + | {{{1}}} |
| + | <html> |
| + | </h1> |
| | | |
- | #navigation,.navigation {
| + | </html> |
- | height: 69px;}
| + | |
- | .navigation {
| + | |
- | background: url("https://static.igem.org/mediawiki/2013/7/74/UChi_banner.png") no-repeat 50%;
| + | |
- | z-index: 1;
| + | |
- | position: relative;}
| + | |
- | .stickToTop {
| + | |
- | position: fixed;
| + | |
- | top:0;
| + | |
- | width:100%;}
| + | |
- | ul.topnav {
| + | |
- | list-style: none;
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | float: left;
| + | |
- | width: 100%;
| + | |
- | font-size: 15px;
| + | |
- | }
| + | |
- | ul.topnav li {
| + | |
- | float: left;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | position: relative; /*--Declare X and Y axis base for sub navigation--*/
| + | |
- | }
| + | |
- | ul.topnav li a {
| + | |
- | padding: 6px 20px 5px 20px;
| + | |
- | color: #000;
| + | |
- | display: block;
| + | |
- | text-decoration: none;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | ul.topnav > li > a {
| + | |
- | height: 23px;
| + | |
- | overflow: hidden;}
| + | |
- | ul.topnav li:first-child a{
| + | |
- | padding-left: 0;
| + | |
- | }
| + | |
- | ul.topnav li span { /*--Drop down trigger styles--*/
| + | |
- | /*width: 17px;*/
| + | |
- | /*height: 34px;*/
| + | |
- | /*float: left;*/
| + | |
- | /*background: url(https://static.igem.org/mediawiki/2011/4/45/Subnav_btn.gif) no-repeat center top;*/
| + | |
- | color: #CCCCCC;
| + | |
- | }
| + | |
- | ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
| + | |
- | ul.topnav li ul.subnav {
| + | |
- | z-index: 1; //Stay on top of slider
| + | |
- | list-style: none;
| + | |
- | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
| + | |
- | left: 0; top: 35px;
| + | |
- | background: #333;
| + | |
- | margin: 0; padding: 0;
| + | |
- | display: none;
| + | |
- | float: left;
| + | |
- | border: 1px solid #111;
| + | |
- | border-radius: 0 0 5px 5px;
| + | |
- | }
| + | |
- | ul.topnav li ul.subnav li {
| + | |
- | margin: 0; padding: 0;
| + | |
- | border-top: 1px solid #252525; /*--Create bevel effect--*/
| + | |
- | border-bottom: 1px solid #444; /*--Create bevel effect--*/
| + | |
- | clear: both;
| + | |
- | list-style: none outside none;
| + | |
- | }
| + | |
- | ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
| + | |
- | width: 160px;
| + | |
- | }
| + | |
- | ul.topnav li ul.subnav li:last-child{
| + | |
- | border-radius: 0 0 5px 5px;
| + | |
- | }
| + | |
- | html ul.topnav li ul.subnav li a {
| + | |
- | float: left;
| + | |
- | /*background: #333 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/
| + | |
- | padding-left: 10px;
| + | |
- | padding-right: 10px;
| + | |
- | width: 140px;
| + | |
- | }
| + | |
- | html ul.topnav li ul.subnav li a:last-child{
| + | |
- | border-radius: 0 0 5px 5px;
| + | |
- | }
| + | |
- | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
| + | |
- | background: #222 /*url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center*/;
| + | |
- | }
| + | |