|
|
| 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: 25px 0 0 0;
| + | |
| - | padding: 0;}
| + | |
| - | #top-section {
| + | |
| - | width: 875px;
| + | |
| - | height: 0;
| + | |
| - | margin: 0 17px;
| + | |
| - | 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: #000;}
| + | |
| - | #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"> |
| - | #bodyContent {
| + | $(window).scroll(function () { |
| - | background: url("https://static.igem.org/mediawiki/2013/5/55/UC_bg-pattern.jpg") repeat #767676;}
| + | var scrollPos = $(window).scrollTop(); |
| - | body, #heading, #innercontent {
| + | if (scrollPos > 110) { |
| - | background: url("https://static.igem.org/mediawiki/2013/5/55/UC_bg-pattern.jpg") repeat #767676;}
| + | $(".navigation").addClass("stickToTop"); |
| - | #content, #globalWrapper {
| + | } else { |
| - | border: none;
| + | $(".navigation").removeClass("stickToTop"); |
| - | width: 100%;
| + | } |
| - | margin: 0;
| + | if (scrollPos > 180) { |
| - | padding: 0;} /* needed for resetting MediaWiki */
| + | $(".toc").addClass("stickBelowNavigation"); |
| - | #wrapper {
| + | } else { |
| - | margin: 0 auto;
| + | $(".toc").removeClass("stickBelowNavigation"); |
| - | width: 875px;}
| + | } |
| - | #heading {
| + | }); |
| - | height: 50px;}
| + | </script> |
| - | .whiteBox {
| + | |
| - | background: #fff;
| + | |
| - | -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
| + | |
| - | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
| + | |
| - | box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
| + | |
| - | width: 840px;
| + | |
| - | margin: 0 17px;
| + | |
| - | padding: 100px 0;
| + | |
| - | top: -25px;
| + | |
| - | position: absolute;}
| + | |
| - | pre {
| + | |
| - | border:none;
| + | |
| - | color: #fff;
| + | |
| - | margin: 0;
| + | |
| - | padding: 0;
| + | |
| - | } | + | |
| - | .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: 840px;
| |
| - | 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 id="wrapper"> |
| - | z-index: 2; | + | <nav> |
| - | display:none;
| + | <ul> |
| - | background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
| + | <li class="navHome"> |
| - | font-size:14px;
| + | <a href="/Team:UChicago">UChicago</a> |
| - | height:70px;
| + | </li> |
| - | width:160px;
| + | <li class="navIgem"> |
| - | padding:25px;
| + | <a href="https://2013.igem.org">iGEM 2013</a> |
| - | color:#fff;}
| + | </li> |
| - | */
| + | <li class="navItem"> |
| | + | <a href="/Team:UChicago/Team">Team</a> |
| | + | </li> |
| | + | <li class="navItem"> |
| | + | <a href="/Team:UChicago/Project">Project</a> |
| | + | </li> |
| | + | <li class="navItem"> |
| | + | <a href="/Team:UChicago/Notebook">Notebook</a> |
| | + | </li> |
| | + | <li class="navItem"> |
| | + | <a href="/Team:UChicago/Outreach">Outreach</a> |
| | + | </li> |
| | + | <li class="navSponsor"> |
| | + | <a href="/Team:UChicago/Sponsor_Us">Sponsor Us!</a> |
| | + | </li> |
| | + | </ul> |
| | + | </nav> |
| | | | |
| - | nav {
| |
| - | height: 69px;
| |
| - | background: url("https://static.igem.org/mediawiki/2013/7/74/UChi_banner.png") no-repeat 50%;
| |
| - | z-index: 1;
| |
| - | position: relative;}
| |
| | | | |
| - | nav ul {
| + | <!-- Prepare for content --> |
| - | list-style: none; | + | <div class="whiteBox"> |
| - | padding: 25px 35px 15.5px 60px; | + | |
| - | margin: 25px 0 35px 0;}
| + | |
| | | | |
| - | nav ul li {
| + | </html> |
| - | display: inline;}
| + | |
| - | | + | |
| - | nav ul li a {
| + | |
| - | color: #000;}
| + | |
| - | | + | |
| - | nav ul li a:hover {
| + | |
| - | color: #800000;
| + | |
| - | border-bottom: 2px solid #800000;}
| + | |
| - | | + | |
| - | | + | |
| - | /*.stickToTop {
| + | |
| - | width: 100%;
| + | |
| - | height: 69px;
| + | |
| - | color: rgba(235,235,235,0.85);} */
| + | |
"
