|
|
(21 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | /* Removing wiki-like stuff */
| + | {{:Team:UChicago/Templates/Standard_header|}} |
- | /****************************/
| + | |
- | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
- | display:none;}
| + | |
| | | |
- | /* Redesigning the topmenu */
| + | <html> |
- | /***************************/
| + | |
- | body {
| + | |
- | margin: 25px 0 0 0;
| + | |
- | padding: 0;}
| + | |
- | #top-section {
| + | |
- | width: 840px;
| + | |
- | height: 0;
| + | |
- | margin: 0 auto;
| + | |
- | padding: 0 0 0 5px;
| + | |
- | border: none;}
| + | |
- | #menubar {
| + | |
- | font-size: 75%;
| + | |
- | top: -14px;}
| + | |
- | .left-menu {
| + | |
- | left: 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 */ | + | <!-- Thanks to DTU 2011 https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki --> |
| + | <!-- ************************************************************************************** --> |
| | | |
- | /* Font style and general */
| + | |
- | /**************************/
| + | |
- | #content {
| + | |
- | font-family: Montserrat, Helvetica, Verdana, sans-serif;
| + | |
- | font-size: 14px;
| + | |
- | color: #000;}
| + | |
- | p {
| + | |
- | margin: 0;}
| + | |
- | #innercontent p {
| + | |
- | margin: 0.6em 0;}
| + | |
- | h2 {
| + | |
- | font: normal 24px Helvetica;
| + | |
- | color: #800000;
| + | |
- | border-bottom: 0}
| + | |
- | h3 {
| + | |
- | font: 700 22px Montserrat;
| + | |
- | color: #000;}
| + | |
- | h4 {
| + | |
- | font: normal 20px Montserrat;
| + | |
- | color: #767676;}
| + | |
- | h1 {
| + | |
- | border: none;
| + | |
- | color: #800000;
| + | |
- | font-family: Helvetica;
| + | |
- | font-size: 20px;
| + | |
- | font-weight: lighter;}
| + | |
| | | |
- | #bodyContent h1, #bodyContent h2 {
| + | <!-- Slider --> |
- | margin-bottom: 0;} /* ??? */
| + | <div class="scrollable"> |
| + | <div class="items"> |
| + | <div> |
| + | <img src="https://static.igem.org/mediawiki/2013/1/1f/UChi_front1.jpg"></img> |
| + | </div> |
| + | <div> |
| + | <img src="https://static.igem.org/mediawiki/2013/3/36/UChi_front2.jpg"></img> |
| + | </div> |
| + | <div> |
| + | <img src="https://static.igem.org/mediawiki/2013/b/bc/UChi_front3.jpg"></img> |
| + | </div> |
| + | <div> |
| + | <img src="https://static.igem.org/mediawiki/2013/8/8a/UChi_front4.jpg"></img> |
| + | </div> |
| + | <div> |
| + | <img src="https://static.igem.org/mediawiki/2013/6/6d/UChi_front5.jpg"></img> |
| + | </div> |
| + | <div> |
| + | <img src="https://static.igem.org/mediawiki/2013/8/83/UChi_front6.jpg"></img> |
| + | </div> |
| + | </div> |
| + | <div class="prev"></div> |
| + | <div class="next"></div> |
| + | <div class="navi"></div> |
| + | </div> |
| | | |
- | ul {
| |
- | list-style: none;
| |
- | margin: 0;}
| |
- | /*a:hover, a:active {
| |
- | color: #800000;
| |
- | text-decoration: underline;} */
| |
- | pre {
| |
- | overflow: auto;
| |
- | 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 */
| + | <h2 class="wrapperContent">Explore</h2> |
- | /**********/
| + | |
- | #bodyContent {
| + | |
- | background: url("https://static.igem.org/mediawiki/2013/5/55/UC_bg-pattern.jpg") repeat #767676;} | + | |
- | body, #heading, #innercontent {
| + | |
- | background: url("https://static.igem.org/mediawiki/2013/5/55/UC_bg-pattern.jpg") repeat #767676;}
| + | |
- | #content, #globalWrapper {
| + | |
- | border: none;
| + | |
- | width: 100%;
| + | |
- | margin: 0;
| + | |
- | padding: 0;} /* needed for resetting MediaWiki */
| + | |
- | #wrapper {
| + | |
- | margin: 0 auto;
| + | |
- | width: 875px;}
| + | |
- | #heading {
| + | |
- | height: 50px;}
| + | |
- | .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: -125px;
| + | |
- | position: relative;}
| + | |
- | pre {
| + | |
- | border:none;
| + | |
- | color: #fff;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | .article {
| + | |
- | width: 600px;}
| + | |
- | #toc a {
| + | |
- | font-weight: normal;}
| + | |
| | | |
- | /* Frontpage only */
| + | <div class="article wrapperContent"> |
- | /******************/ | + | <a href="/Team:UChicago/Project"><img width="200px" height="115px" cite="http://bit.ly/1fHSyRO" src="https://static.igem.org/mediawiki/2013/3/3a/UChi_frontpage_project.jpg"></a> |
- | .smallBox {
| + | <h4><a href="/Team:UChicago/Project">Learn About Our Project</a></h2> |
- | width: 270px;
| + | <p> |
- | padding: 0 20px 10px;
| + | |
- | float: left;
| + | |
- | margin-right: 15px;}
| + | |
- | .lastSmallBox { | + | |
- | width: 269px;
| + | |
- | margin-right: 0;}
| + | |
- | body.page-Team_DTU-Denmark div.whitebox:first-child {
| + | |
- | display: none;}
| + | |
| | | |
- | /* For overview pages */
| + | Each year, the poultry industry produces over two billion pounds of feather waste that's processed into low-grade animal feed. But recent research has shown that feather keratin can actually be quite useful. |
- | /**********************/
| + | |
- | .overviewPage {
| + | |
- | margin-left: -250px;}
| + | |
- | .overviewBox {
| + | |
- | width: 450px;}
| + | |
- | .left { | + | |
- | float: left;}
| + | |
- | .right { | + | |
- | float:right;}
| + | |
| | | |
- | /* Footer */ | + | </p> |
- | /**********/
| + | </div> |
- | #footer {
| + | |
- | position: relative;
| + | |
- | width: 840px;
| + | |
- | margin: 0 17px;
| + | |
- | top: -90px;}
| + | |
- | #footer h4 {
| + | |
- | color: #000;
| + | |
- | font-weight: bold;}
| + | |
- | #footer p {
| + | |
- | color: #fff;
| + | |
- | display: inline;
| + | |
- | font-family: verdana;
| + | |
- | font-size: 11px;}
| + | |
- | #footer p a, #footer p a:hover, #footer p a:visited, #footer p a:active {
| + | |
- | color: #800000;
| + | |
- | padding: 0;}
| + | |
- | div.footerBox {
| + | |
- | border-right: 1px solid; | + | |
- | float: left;
| + | |
- | margin: 10px 20px 10px 0;
| + | |
- | padding: 0 20px 0 0;
| + | |
- | width: 294px;
| + | |
- | min-height: 270px;}
| + | |
- | div.footerBox:last-child { | + | |
- | border: none;
| + | |
- | margin: 10px 0;
| + | |
- | padding: 0;}
| + | |
- | .sponsorImage{
| + | |
- | width: 125px;
| + | |
- | padding: 2px 41px;
| + | |
- | margin: 0;}
| + | |
- | .footerAttribute {
| + | |
- | padding: 60px 0 15px 0;}
| + | |
- | .footerAttribute a, .footerAttribute p {
| + | |
- | padding: 0 5px;}
| + | |
- | .footerLogo {
| + | |
- | padding: 15px 0 0 0;}
| + | |
| | | |
- | /* Slider (thanks to flowplayer.org) */
| + | <div class="article wrapperContent"> |
- | /*************************************/
| + | <a href="/Team:UChicago/Team"><img width="200px" height="115px" src="https://static.igem.org/mediawiki/2013/4/41/UChi_frontpage_team.jpg"></a> |
- | .scrollable {
| + | <h4><a href="/Team:UChicago/Team">Meet Our Team</a></h2> |
- | /* required settinsg */ | + | <p> |
- | overflow :hidden;
| + | |
- | padding: 60px 0;
| + | |
- | margin: 0 auto;
| + | |
- | width: 840px;
| + | |
- | height: 400px;
| + | |
- | background: #FFFFFF;}
| + | |
- | .scrollable .items {
| + | |
- | /* this cannot be too large */
| + | |
- | width: 50000px;
| + | |
- | position: relative;}
| + | |
- | .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;
| + | |
- | right: 805px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
| + | |
- | top: 324px;
| + | |
- | cursor: pointer;
| + | |
- | z-index: 1;}
| + | |
- | .next {
| + | |
- | background: url(https://static.igem.org/mediawiki/2011/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
| + | |
- | height: 74px; | + | |
- | width: 74px;
| + | |
- | position: absolute;
| + | |
- | left: 805px; /* floor(963/2) + 74/2 = 481 + 37 = 518 */
| + | |
- | top: 324px;
| + | |
- | cursor: pointer;
| + | |
- | z-index: 1;}
| + | |
- | .disabled {
| + | |
- | visibility: hidden;}
| + | |
- | /* position and dimensions of the navigator */ | + | |
- | .navi {
| + | |
- | left: 47%;
| + | |
- | position: absolute;
| + | |
- | top: 565px;
| + | |
- | width: 112px;
| + | |
- | z-index: 1;}
| + | |
- | .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) */
| + | Curious about us? Meet the energetic and dedicated team that made competing this year possible! Learn a bit about us - our passions, our hobbies, and our quirks. |
- | /*********************************************/
| + | |
- | /*.tooltip {
| + | |
- | z-index: 2;
| + | |
- | display:none;
| + | |
- | background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
| + | |
- | font-size:14px;
| + | |
- | height:70px;
| + | |
- | width:160px;
| + | |
- | padding:25px;
| + | |
- | color:#fff;}
| + | |
- | */
| + | |
| | | |
- | nav {
| |
- | width: 875px;
| |
- | 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 {
| + | </p> |
- | list-style: none; | + | </div> |
- | padding: 5px 25px 7px 25px;}
| + | |
| | | |
- | nav ul li {
| + | <div class="article wrapperContent"> |
- | display: inline; | + | <a href="/Team:UChicago/Sponsor_Us"><img width="200px" height="115px" cite="http://bit.ly/16C5eSs" src="https://static.igem.org/mediawiki/2013/0/00/UChi_frontpage_nextyear.jpg"></a> |
- | padding-left: 2px}
| + | <h4><a href="/Team:UChicago/Sponsor_Us#joining">Interested in Joining Next Year's Team?</a></h2> |
| + | <p> |
| | | |
- | nav ul li a {
| + | We’d be happy to have you! This summer, we've learned a lot about what it takes to organize a team, choose a project, find a lab , and secure funding for iGEM. Next year will be better than ever. Get in touch! |
- | color: #000;}
| + | |
| | | |
- | .navIgem img {
| |
- | padding-bottom: 7px;
| |
- | padding-right: 80px;}
| |
| | | |
- | .navItem a:hover, .navSponsor a:hover {
| + | </p> |
- | color: #800000; | + | </div> |
- | border-bottom: 2px solid #800000;}
| + | |
| | | |
- | .navHome a, .navHome a:hover, .navHome a:visited, .navHome a:active {
| + | <div class="button wrapperContent"> |
- | font-size: 22px; | + | <h3><a href="/Team:UChicago/Sponsor_Us">Sponsor Us for Next Year's Competition!</a></h3> |
- | font-weight: 700;
| + | </div> |
- | color: rgb(128,0,0);
| + | |
- | text-decoration: none;
| + | |
- | /*margin-right: 2px #000*/}
| + | |
| | | |
- | .navBar {
| + | <div class="divider"><p><a href="#top">^ top</a></p></div> |
- | font-size: 22px; | + | |
- | font-weight: 700;
| + | |
- | color: #000;}
| + | |
| | | |
- | .navItem, .navSponsor { | + | <div class="wrapperContent social"> |
- | padding: 0 9px;} | + | <h2>Say Hello</h2> |
| + | <ul> |
| + | <li><a href="mailto:uchicago-igem@googlegroups.com?subject=Wiki Visitor:" target="_blank">Email us!</a></li> |
| + | <li id="hello_facebook"><a href="http://www.facebook.com/GeneHackersatUChicago" target="_blank">Visit our Facebook Page</a></li> |
| + | </ul> |
| + | </div> |
| | | |
- | .navIgem a, .navIgem a:hover, .navIgem a:visited, .navIgem a:active {
| + | </html> |
- | font-size: 22px;
| + | |
- | font-weight: 700;
| + | |
- | color: #8A9045;
| + | |
- | text-decoration: none;
| + | |
- | margin: 0;}
| + | |
| | | |
- | .navItem a, .navItem a:hover, .navItem a:visited, .navItem a:active {
| + | {{:Team:UChicago/Templates/Standard_footer}} |
- | font-size: 14px;
| + | |
- | font-weight: 400;
| + | |
- | color: #000;
| + | |
- | text-decoration: none;
| + | |
- | margin: 0;}
| + | |
- | | + | |
- | .navSponsor a, .navSponsor a:visited, .navSponsor a:active {
| + | |
- | font-size: 14px;
| + | |
- | font-weight: 400;
| + | |
- | color: #8F3931;
| + | |
- | text-decoration: none;
| + | |
- | margin: 0;}
| + | |
- | | + | |
- | .navSponsor a:hover, {
| + | |
- | font-size: 14px;
| + | |
- | font-weight: 400;
| + | |
- | color: #800000;
| + | |
- | text-decoration: none;
| + | |
- | margin: 0;}
| + | |
- | | + | |
- | .article {
| + | |
- | padding: 0 150px 0 100px;
| + | |
- | }
| + | |
- | | + | |
- | /* added 9-23-13 */ | + | |
- | | + | |
- | #bodyContent a[href ^="mailto:"], .link-mailto {
| + | |
- | background: url(https://static.igem.org/mediawiki/2013/8/80/UChi_iconMail.png) center left no-repeat;
| + | |
- | padding-left: 35px;
| + | |
- | } | + | |
- | | + | |
- | #hello_facebook a {
| + | |
- | background: url(https://static.igem.org/mediawiki/2013/1/1b/UChi_iconFacebook.png) center left no-repeat;
| + | |
- | padding-left: 35px;
| + | |
- | } | + | |