Template:MIT-style

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
<html lang="en">
 +
<head>
 +
<style type="text/css">
-
<!-- theme design and code by http://ptcampbell.me -->
+
a {
 +
    color: #991133;
 +
    text-decoration: none;
 +
}
-
<html>
+
a:hover {
-
<head>
+
    text-decoration: underline;
-
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+
}
-
<title>{Title} {block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
+
#minimalist {
-
<link rel="shortcut icon" href="{Favicon}" />
+
    font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
-
    <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
+
    font-size:9px;
-
<!-- YUI Reset CSS -->
+
    width: 100%;
-
<link rel="stylesheet" type="text/css" media="screen" href="http://static.tumblr.com/fkm6sn6/YbRl5zqmg/reset-min.css"/>
+
    background:#fff;
-
<link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT' rel='stylesheet' type='text/css'/>
+
    border-collapse:collapse;
-
{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
+
    text-align:left;
-
<!-- Tumblr Appearance Settings -->
+
    margin:20px;
-
<meta name="if:Single Column" content="0" />
+
}
-
<meta name="image:Header" content="http://static.tumblr.com/fkm6sn6/59Xlce272/header_white.png"/>
+
-
<meta name="if:Show Title" content="1"/>
+
-
<meta name="if:Top Navigation Drawer" content="1"/>
+
-
<meta name="if:To Top Button" content="1"/>
+
-
<meta name="color:Background" content="#F7F7F7"/>
+
-
<meta name="image:Background" content=""/>
+
-
<meta name="color:Content Background" content="#FFFFFF"/>
+
-
<meta name="color:Stripe" content="#F7F7F7"/>
+
-
<meta name="text:Disqus Shortname" content=""/>
+
-
<meta name="text:Google Analytics Code" content=""/>
+
-
<!-- JS -->
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+
-
<script type="text/javascript" src="http://static.tumblr.com/fkm6sn6/lbNl5zqhv/jquery.scrollto-1.4.2-min.js"></script>
+
-
<script type="text/javascript" src="http://static.tumblr.com/fkm6sn6/9Rwl699bz/jquery.masonry.js"></script>
+
-
<!-- Masonry onLoad -->
+
-
<script type="text/javascript">
+
-
$(window).load(function () {
+
-
$('#mason').masonry();  
+
-
});
+
-
</script>
+
-
<!-- Top Drawer Code-->
+
-
<script type="text/javascript" src="http://static.tumblr.com/fkm6sn6/uFWlbyg0u/drawer.js"></script>
+
-
<!-- Scroll Code -->
+
-
{block:IfToTopButton}
+
-
<script type="text/javascript" src="http://static.tumblr.com/fkm6sn6/KPql5zqgf/jquery.localscroll-1.2.7-min.js"></script>
+
-
<script type="text/javascript">
+
-
<!--
+
-
$(document).ready(function()
+
-
{
+
-
$.localScroll({
+
-
queue:true,
+
-
duration:1000
+
-
});
+
-
});
+
-
-->
+
-
</script>
+
-
<script type="text/javascript">
+
-
$(function () {
+
-
$(window).scroll(function () {
+
-
if ($(this).scrollTop() != 0) {
+
-
$('#toTop').fadeIn();
+
-
} else {
+
-
$('#toTop').fadeOut();
+
-
}
+
-
});
+
-
$('#toTop').click(function () {
+
-
$('body,html').animate({
+
-
scrollTop: 0
+
-
},
+
-
800);
+
-
});
+
-
});
+
-
</script>
+
-
{/block:IfToTopButton}
+
-
+
-
<style type="text/css">
+
-
/* INKHORN CSS */
+
#minimalist th {
 +
    font-size:10px;
 +
    font-weight:normal;
 +
    color:#039;
 +
    border-bottom:2px solid #6678b1;
 +
    padding:10px 8px;
 +
}
 +
 
 +
#minimalist td {
 +
    color:#669;
 +
    padding:9px 8px 0;
 +
}
 +
 
 +
.clear {
 +
    clear:both;
 +
}
 +
 
 +
#col_left{
 +
    float: left;
 +
    width: 576px;
 +
    padding: 30px 22px;
 +
    margin:0;
 +
}
 +
#col_right{
 +
    float: right;
 +
    width: 242px;
 +
    padding: 30px 28px 30px 15px;
 +
    margin:0;
 +
}
 +
#col_nav{
 +
    float: left;
 +
    width: 242px;
 +
    padding: 30px 28px 30px 15px;
 +
    margin:0;
 +
}
 +
#block-content{
 +
    padding-bottom: 15px;
 +
    clear:both;
 +
}
 +
 
 +
#gold_sponsors{
 +
    float: left;
 +
    width: 197px;
 +
    margin-right: 17px;
 +
    display: inline;
 +
}
 +
#gold_sponsors h3{
 +
    color: #FFBE30;
 +
    text-align:center;
 +
}
 +
#gold_sponsors ul{
 +
    background-color: #FFF1C4;
 +
}
 +
#partners{
 +
    float: left;
 +
    width: 175px;
 +
    margin-right: 17px;
 +
    display: inline;
 +
}
 +
#partners h3{
 +
    text-align:center;
 +
}
 +
#contributing_departments{
 +
    float: left;
 +
    width: 170px;
 +
    display: inline;
 +
}
 +
#contributing_departments h3{
 +
    text-align:center;
 +
}
 +
#partners ul, #contributing_departments ul, #gold_sponsors ul{
 +
    list-style-type:none;
 +
    list-style-image:none;
 +
    margin-left:0px;
 +
}
 +
#partners li, #contributing_departments li, #gold_sponsors li{
 +
    margin-left: 0px;
 +
}
 +
#partners img, #contributing_departments img, #gold_sponsors img{
 +
    border: 1px solid #ccc;
 +
}
 +
h3{
 +
    padding: 30px 0 20px 0;
 +
    font-family: Georgia, "Times New Roman", Times, serif;
 +
    font-size: 18px;
 +
    font-weight: normal;
 +
}
 +
 
 +
#center{
 +
    float:left;
 +
    padding-bottom: 35px;
 +
    margin-bottom:10px;
 +
    border-top: 1px dotted #999;
 +
    border-bottom: 1px dotted #999;
 +
    clear:both;
 +
}
 +
#quote{
 +
float:left;
 +
        padding: 0 25px 25px 25px;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 17px;
 +
font-style: italic;
 +
letter-spacing: 2px;
 +
color: #333;
 +
}
 +
#quote p{
 +
line-height: 22px;
 +
}
 +
#quote p.testimonial{
 +
font-size: 12px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-style: normal;
 +
color: #000;
 +
        margin-left:15px;
-
body {
+
}
-
font-size:0.875em;
+
#quote .quote{
-
font-family:Georgia,'Times New Roman',serif;
+
font-size: 26px;
-
margin:0;
+
}
-
}
+
#contacts h2{
-
+
    margin-top: 20px;
-
p {
+
}
-
font-family:Georgia,'Times New Roman',serif;
+
 
-
line-height:1.45em;
+
/*Twitter*/
-
margin-bottom:1.45em;
+
 
-
}
+
#twitter_update_list {
-
+
    /* the main container */
-
p:last-of-type {
+
    list-style:none;
-
margin-bottom:0.725em;
+
    background-color:#262b2e;
-
}
+
    background-color:#ccc;
-
+
    margin-left:0px;
-
strong {
+
}
-
font-weight:700;
+
-
}
+
-
+
-
a:hover {
+
-
color:rgb(0,0,0);
+
-
color:rgba(0,0,0,.4);
+
-
}
+
-
+
-
em {
+
-
font-style:italic;
+
-
}
+
-
+
-
h1 {
+
-
font-family:'OFL Sorts Mill Goudy TT', Georgia, serif;
+
-
font-size:2.5em;
+
-
margin-bottom:25px;
+
-
}
+
-
+
-
h1 a:link,h1 a:visited,h3 a:link,h3 a:visited {
+
-
color:rgb(0,0,0);
+
-
color:rgba(0,0,0,.8);
+
-
text-decoration:none;
+
-
}
+
-
+
-
h3 {
+
-
font-family:'OFL Sorts Mill Goudy TT', Georgia, serif;
+
-
font-size:1.56em;
+
-
line-height:1.3em;
+
-
font-weight:700;
+
-
margin-bottom:1em;
+
-
}
+
-
+
-
#sliderWrap {
+
-
width:100%;
+
-
}
+
-
+
-
#slider {
+
-
position:absolute;
+
-
background:url(http://static.tumblr.com/fkm6sn6/sU9lcaggb/navbg.png) repeat-x;
+
-
background-position:bottom;
+
-
width:100%;
+
-
height:41px;
+
-
margin-top:-31px;
+
-
}
+
-
+
-
#sliderContent {
+
-
position:absolute;
+
-
width:99%;
+
-
padding:0.714em 0em 0em .429em;
+
-
}
+
-
+
-
#toTop {
+
-
width:59px;
+
-
height:53px;
+
-
background:url(http://static.tumblr.com/fkm6sn6/AvWlb7jjb/totop.png);
+
-
position:fixed;
+
-
bottom:20px;
+
-
right:0;
+
-
cursor:pointer;
+
-
display:none;
+
-
}
+
-
+
-
#main{
+
-
width:750px;
+
-
height:100%;
+
-
padding:0px 15px 0px 15px;
+
-
margin:0 auto;
+
-
}
+
-
+
-
#openCloseWrap {
+
-
position:absolute;
+
-
font-size:0.857em;
+
-
font-weight:700;
+
-
margin:0em 0em 0em 3.5em;
+
-
}
+
-
+
-
.header{
+
-
padding-top:40px;
+
-
margin-bottom:40px;
+
-
}
+
-
+
-
.headerimage{
+
-
margin-bottom:25px;
+
-
}
+
-
+
-
.linebreak{
+
-
margin:0px auto;
+
-
background-color:rgb(0,0,0);
+
-
background-color:rgba(0, 0, 0, 0.8);
+
-
width:35px;
+
-
height:10px;
+
-
}
+
-
+
-
.centre {
+
-
text-align:center;
+
-
}
+
-
+
-
.footer {
+
-
color:rgb(0,0,0);
+
-
color: rgba(0, 0, 0, 0.4);
+
-
font-size: 0.714em;
+
-
letter-spacing: 2px;
+
-
padding: 20px 0px 40px;
+
-
text-align: center;
+
-
text-transform: uppercase;
+
-
}
+
-
+
-
.footer p {
+
-
margin-bottom:0em;
+
-
}
+
-
+
-
.footer a:link,.footer a:visited {
+
-
color:rgb(0,0,0);
+
-
color:rgba(0, 0, 0, 0.8);
+
-
text-decoration:none;
+
-
}
+
-
+
-
.footer a:hover {
+
-
color:rgb(0,0,0);
+
-
color:rgba(0, 0, 0, 0.6);
+
-
}
+
-
+
-
.content {
+
-
width:700px;
+
-
}
+
-
+
-
.post {
+
-
width:270px;
+
-
float:left;
+
-
text-align:justify;
+
-
margin:0px 0px 30px 60px;
+
-
}
+
-
+
-
.clear {
+
-
clear:both;
+
-
}
+
-
+
-
blockquote {
+
-
border-left:2px solid rgba(0,0,0,.2);
+
-
margin:15px 0 15px 15px;
+
-
padding:0 15px;
+
-
}
+
-
+
-
.chat table {
+
-
width:270px;
+
-
line-height:1.2;
+
-
margin:10px 0;
+
-
}
+
-
+
-
.chat td,.chat th {
+
-
vertical-align:baseline;
+
-
padding:0.571em 0.714em 0.714em;
+
-
}
+
-
+
-
.chat th {
+
-
text-transform:uppercase;
+
-
font-size:0.714em;
+
-
letter-spacing:0.143em;
+
-
padding-right:0;
+
-
text-align:right;
+
-
}
+
-
+
-
.chat .user1 th,.chat .user1 td {
+
-
background:rgba(0,0,0,.05);
+
-
}
+
-
+
-
.chat .user2 th,.chat .user2 td {
+
-
background:rgba(0,0,0,.1);
+
-
}
+
-
+
-
.chat .user3 th,.chat .user3 td {
+
-
background:rgba(0,0,0,.15);
+
-
}
+
-
+
-
.chat .user4 th,.chat .user4 td {
+
-
background:rgba(0,0,0,.2);
+
-
}
+
-
+
-
.photo p,.video p {
+
-
text-align:left;
+
-
font-style:italic;
+
-
margin:5px 0;
+
-
}
+
-
+
-
.player {
+
-
background:rgba(0,0,0,.05);
+
-
text-align:center;
+
-
margin-bottom:10px;
+
-
padding:23px;
+
-
}
+
-
+
-
.notes {
+
-
border-top:2px solid rgba(0,0,0,.2);
+
-
margin:35px 0;
+
-
}
+
-
+
-
.notes li {
+
-
border-bottom:1px solid rgba(0, 0, 0, 0.2);
+
-
list-style:inside none;
+
-
padding:.75em 0 .9em;
+
-
}
+
-
+
-
.notes li a {
+
-
text-decoration:none;
+
-
}
+
-
+
-
.notes blockquote {
+
-
border-left:2px solid rgba(0,0,0,.2);
+
-
margin:.5em 0 0 .5em;
+
-
padding:0 .5em;
+
-
}
+
-
+
-
.quote p{
+
-
text-align:right;
+
-
}
+
-
+
-
.quote h3{
+
-
text-align:right;
+
-
}
+
-
+
-
.quote.short h3 {
+
-
font-size:1.571em;
+
-
line-height:28px;
+
-
padding-left:25px;
+
-
background:url(http://static.tumblr.com/fkm6sn6/dYIlcdkfu/quote.png) no-repeat top left;
+
-
}
+
-
+
-
.quote.medium h3,.quote.long h3 {
+
-
font-size:1.143em;
+
-
padding-left:25px;
+
-
line-height:22px;
+
-
background:url(http://static.tumblr.com/fkm6sn6/dYIlcdkfu/quote.png) no-repeat top left;
+
-
}
+
-
+
-
.post.permalink h3 {
+
-
font-size:1.571em;
+
-
line-height:27px;
+
-
text-align:center;
+
-
background:url(http://static.tumblr.com/fkm6sn6/dYIlcdkfu/quote.png) no-repeat top left;
+
-
padding:0 28px;
+
-
}
+
-
+
-
.timestamp {
+
-
text-transform:uppercase;
+
-
letter-spacing:2px;
+
-
font-size:0.714em;
+
-
color:rgb(0, 0, 0);
+
-
color:rgba(0, 0, 0, 0.6);
+
-
}
+
-
+
-
.timestamp_right {
+
-
text-transform:uppercase;
+
-
letter-spacing:2px;
+
-
font-size:0.714em;
+
-
text-align:right;
+
-
color:rgb(0, 0, 0);
+
-
color:rgba(0, 0, 0, 0.6);
+
-
}
+
-
+
-
.timestamp a:link,.timestamp a:visited,.timestamp_right a:link,.timestamp_right a:visited {
+
-
color:rgb(0, 0, 0);
+
-
color:rgba(0, 0, 0, 0.6);
+
-
text-decoration:none;
+
-
}
+
-
+
-
.timestamp a:hover {
+
-
color:rgb(0, 0, 0);
+
-
color:rgba(0, 0, 0, 0.4);
+
-
}
+
-
+
-
.pagination {
+
-
padding:5px 0;
+
-
}
+
-
+
-
.subtitle {
+
-
text-transform:uppercase;
+
-
letter-spacing:2px;
+
-
margin:0px auto;
+
-
margin-bottom:25px;
+
-
padding:10px;
+
-
border-top:1px solid;
+
-
border-bottom:1px solid;
+
-
width:230px;
+
-
line-height:25px;
+
-
}
+
-
+
-
.pages li{
+
-
display:inline;
+
-
text-transform:uppercase;
+
-
letter-spacing:2px;
+
-
margin-right:1em;
+
-
}
+
-
+
-
.pages a:link,.footer a:visited {
+
-
color:rgb(0,0,0);
+
-
color:rgba(0, 0, 0, 0.8);
+
-
text-decoration:none;
+
-
}
+
-
+
-
.pages li a:hover {
+
-
color: rgba(0, 0, 0, 0.597656);
+
-
text-decoration:none;
+
-
}
+
-
+
-
.pages a:link,.footer a:visited {
+
-
color:rgb(0,0,0);
+
-
color:rgba(0, 0, 0, 0.8);
+
-
text-decoration:none;
+
-
}
+
-
+
-
+
-
.pages{
+
-
margin-bottom:25px;
+
-
}
+
-
+
-
.bodytype ul,.bodytype ol {
+
-
margin:1.35em 2em;
+
-
}
+
-
+
-
.bodytype ol li {
+
-
list-style-type:decimal;
+
-
}
+
-
+
-
.bodytype li {
+
-
line-height:1.4;
+
-
list-style-type:disc;
+
-
margin:.45em 0;
+
-
}
+
-
+
-
.bodytype ol ol,.bodytype ul ul {
+
-
margin:.75em 2em;
+
-
}
+
-
+
-
.bodytype li ol li {
+
-
list-style-type:lower-alpha;
+
-
}
+
-
+
-
.bodytype li ul li {
+
-
list-style-type:circle;
+
-
}
+
-
+
-
#menu {
+
-
width:780px;
+
-
position:relative;
+
-
margin:0 auto;
+
-
padding:0;
+
-
}
+
-
+
-
#menu li {
+
-
display:inline;
+
-
}
+
-
+
-
#menu .leftside li {
+
-
padding-right:10px;
+
-
}
+
-
+
-
#menu .leftside {
+
-
float:left;
+
-
}
+
-
+
-
#menu .rightside {
+
-
float:right;
+
-
}
+
-
+
-
#search {
+
-
position:absolute;
+
-
right:0;
+
-
top:-5px;
+
-
}
+
-
+
-
#search_field {
+
-
background:url("http://static.tumblr.com/fkm6sn6/IV8lbt8qk/search.png") #363331 140px 5px;
+
-
background-repeat:no-repeat;
+
-
border:1px solid #4e4d4c;
+
-
color:#4E4D4C;
+
-
-moz-border-radius:5px;
+
-
-webkit-border-radius:5px;
+
-
padding-left:10px;
+
-
height:22px;
+
-
width:152px;
+
-
font-size:0.857em;
+
-
}
+
-
+
-
a:link,a:visited,h1 a:hover,h3 a:hover {
+
-
color:rgba(0,0,0);
+
-
color:rgba(0,0,0,.6);
+
-
}
+
-
+
-
.single .post,.single .chat table {
+
-
width:600px;
+
-
}
+
-
+
-
.photo,.video {
+
-
background:rgba(0,0,0,.05);
+
-
padding:10px;
+
-
}
+
-
+
-
.photopage img{
+
-
text-align:center;
+
-
background:rgba(0,0,0,.05);
+
-
padding:10px;
+
-
}
+
-
+
-
.notes img.avatar,#search_button {
+
-
display:none;
+
-
}
+
-
+
-
#disqus_thread {
+
-
width:100%;
+
-
}
+
-
+
-
#disqus_thread h3 {
+
-
background:none;
+
-
font-size:1.143em;
+
-
text-align:left;
+
-
padding-left:0px;;
+
-
}
+
-
+
-
</style>
+
-
+
-
<style type="text/css">
+
-
body {
+
-
background:{color:Background} url('{image:Background}');
+
-
}
+
-
#main{
+
-
background-color:{color:Content Background};
+
-
}
+
-
#innerborder{
+
-
border-left:15px solid {color:Stripe};
+
-
border-right:15px solid {color:Stripe};
+
-
}
+
-
{block:IfSingleColumn}
+
-
.post {
+
-
width:520px;
+
-
text-align:justify;
+
-
margin:0px auto;
+
-
margin-bottom:50px;
+
-
float:none;
+
-
}
+
-
.single .post,.single .chat table {
+
-
width:520px;
+
-
}
+
-
#main {
+
-
width:700px;
+
-
}
+
-
.post h3{
+
-
text-align:center;
+
-
padding:0px 28px;
+
-
}
+
-
.timestamp, .timestamp_right{
+
-
text-align:center;
+
-
float:none;
+
-
margin-top:20px;
+
-
}
+
-
.chat table{
+
-
width:520px;
+
-
}
+
-
.quote h3{
+
-
text-align:center;
+
-
padding-left:30px;
+
-
}
+
-
.quote p{
+
-
text-align:center;
+
-
}
+
-
.audio{
+
-
text-align:center;
+
-
}
+
-
#menu{
+
-
width:730px;
+
-
}
+
-
.photo p,.video p {
+
-
text-align:center;
+
-
font-style:normal;
+
-
margin:0px;
+
-
}
+
-
.photo {
+
-
text-align:center;
+
-
background:none;
+
-
padding:0px;
+
-
}
+
-
.photo img{
+
-
background:rgba(0,0,0,.05);
+
-
padding:10px;
+
-
margin-bottom:15px;
+
-
}
+
-
{/block:IfSingleColumn}
+
-
{CustomCSS}
+
-
</style> <!-- Tumblr Appearance Options CSS -->
+
-
+
-
</head> <!-- CLOSE HEAD -->
+
-
+
-
<body>
+
-
{block:IfTopNavigationDrawer} <div id="sliderWrap">
+
-
<div id="openCloseIdentifier"></div>
+
-
<div id="slider">
+
-
<div id="sliderContent">
+
-
<div class="centre">
+
-
<ul id="menu">
+
-
<div class="leftside">
+
-
<li><a href="{RSS}"><img src="http://static.tumblr.com/fkm6sn6/kKqlbt3cm/rss_12x12.png" alt="Subscribe via RSS"/></li>
+
-
<li><a href="/archive"><img src="http://static.tumblr.com/fkm6sn6/25albt3b7/calendar_12x12.png" alt="View Archive"/></a></li>
+
-
{block:AskEnabled}<li><a href="/ask"><img src="http://static.tumblr.com/fkm6sn6/prSlep19w/question_12x12.png" alt="Ask a question"/></a></li>{/block:AskEnabled}
+
-
{block:SubmissionsEnabled}<li><a href="/submit"><img src="http://static.tumblr.com/fkm6sn6/xB1lep6ba/upload12x12.png" alt="Submit a post"/></a></li>{/block:SubmissionsEnabled}
+
-
</div>
+
-
<div class="rightside">
+
-
<li>
+
-
<form id="search" method="get" action="/search">
+
-
<fieldset>
+
-
    <input type="text" value="" id="search_field" name="q" class="empty">
+
-
    <input type="submit" value="Search" id="search_button">
+
-
</fieldset>
+
-
</form>
+
-
</li>
+
-
</div>
+
-
<div class="clear"></div>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div id="openCloseWrap">
+
-
<a href="#" class="topMenuAction" id="topMenuImage">
+
-
<img src="http://static.tumblr.com/fkm6sn6/0n9lb7jpq/topnavbutton.png" alt="Show Navigation" />
+
-
</a>
+
-
</div>
+
-
</div>
+
-
</div> <!-- END OF NAVIGATION DRAWER -->  {/block:IfTopNavigationDrawer}
+
-
+
-
{block:IfToTopButton}<div id="toTop"></div> <!-- Scroll to top Ribbon -->{/block:IfToTopButton}
+
-
+
-
<div id="main" {block:PermalinkPage}class="single"{/block:PermalinkPage}>
+
-
+
-
<div id="innerborder">
+
-
+
-
<div class="header centre">
+
-
+
-
<a href="/"><img src="{image:Header}" class="headerimage" alt=""/></a>
+
-
+
-
{block:IfShowTitle}<h1 class="heading"><a href="/">{Title}</a></h1>{/block:IfShowTitle}
+
-
+
-
{block:HasPages}<ul class="pages">{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}</ul>{/block:HasPages}
+
-
+
-
{block:Description}<div class="subtitle">{Description}</div>{/block:Description}
+
-
+
-
<div class="linebreak"></div>
+
-
+
-
</div> <!-- Subtitle -->
+
-
+
-
{block:SearchPage} <!-- Search results page -->                         
+
-
            <div class="centre">
+
-
            <p>Search results found: {SearchResultCount}</p>
+
-
            </div>
+
-
            {block:NoSearchResults}
+
-
          <div class="centre">
+
-
          <h3>Sorry!</h3>
+
-
          </div>
+
-
          {/block:NoSearchResults}
+
-
          {/block:SearchPage}
+
-
+
-
{block:IndexPage}
+
-
{block:IfNotSingleColumn}
+
-
<div id="mason">
+
-
{/block:IfNotSingleColumn}
+
-
<!-- Masonry JS for Columns -->
+
-
{/block:IndexPage}
+
-
+
-
    {block:Posts}
+
-
   
+
-
    {block:Text}
+
-
<div class="post">
+
-
{block:IndexPage}
+
-
{block:Title}
+
-
<h3><a href="{Permalink}">{Title}</a></h3>
+
-
{/block:Title}
+
-
<div class="bodytype">
+
-
{Body}
+
-
</div>
+
-
<div class="timestamp"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} - <a href="{Permalink}"><img src="http://static.tumblr.com/fkm6sn6/vYolbws6r/heart_fill_8x7.png"> {NoteCount}</a>{/block:NoteCount} {block:ifDisqusShortname} - <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}</div>
+
-
<div class="clear"></div>
+
-
{/block:IndexPage}
+
-
+
-
{block:PermalinkPage}
+
-
<div class="centre">
+
-
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
+
-
</div>
+
-
<div class="bodytype">
+
-
{Body}
+
-
</div>
+
-
<div class="centre">
+
-
<div class="timestamp">{TimeAgo}</div>
+
-
</div>
+
-
{block:PostNotes}{PostNotes}{/block:PostNotes}
+
-
{block:IfDisqusShortname}
+
-
    <div id="disqus_thread"></div>
+
-
    <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
+
-
    <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
+
-
{/block:IfDisqusShortname}
+
-
{/block:PermalinkPage}
+
-
</div>
+
-
{/block:Text} <!-- end NORMAL TEXT POST -->
+
-
+
-
{block:Quote}
+
-
{block:IndexPage}
+
-
<div class="post quote {length}">
+
-
<h3 class="quote"><a href="{Permalink}">{Quote}</a></h3>
+
-
{block:Source}<p style="text-align:right;">{Source}</p>{/block:Source}
+
-
<div class="timestamp_right">
+
-
<a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} - <a href="{Permalink}"><img src="http://static.tumblr.com/fkm6sn6/vYolbws6r/heart_fill_8x7.png"> {NoteCount}</a>{/block:NoteCount}</a> {block:ifDisqusShortname} - <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}
+
-
</div>
+
-
</div>
+
-
{block:IndexPage}
+
-
+
-
{block:PermalinkPage}
+
-
<div class="post permalink">
+
-
<h3>{Quote}</h3>
+
-
{block:Source}<p class="centre">{Source}</p>{/block:Source}
+
-
<div class="timestamp centre"><a href="{Permalink}">Posted {TimeAgo}</a></div>
+
-
{block:PostNotes} {PostNotes}{/block:PostNotes}
+
-
{block:IfDisqusShortname}
+
-
    <div id="disqus_thread"></div>
+
-
    <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
+
-
    <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
+
-
{/block:IfDisqusShortname}
+
-
</div>
+
-
{/block:PermalinkPage}
+
-
{/block:Quote} <!-- end QUOTE -->
+
-
+
-
    {block:Photo}
+
-
    <div class="post">
+
-
            {block:IndexPage}
+
-
            <div class="photo">
+
-
            {block:IfNotSingleColumn}
+
-
            <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
+
-
            {/block:IfNotSingleColumn}
+
-
            {block:IfSingleColumn}
+
-
            <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
+
-
            {/block:IfSingleColumn}
+
-
            {block:Caption}
+
-
                {Caption}
+
-
            {/block:Caption}
+
-
          </div>
+
   
   
-
            <div class="timestamp" style="margin-top:10px;"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} - <a href="{Permalink}"><img src="http://static.tumblr.com/fkm6sn6/vYolbws6r/heart_fill_8x7.png"> {NoteCount}</a>{/block:NoteCount}{block:ifDisqusShortname} - <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}</div>
+
#twitter_update_list li {
-
           
+
    /* wraps a single list */
-
            {/block:IndexPage}   
+
    font-family: 'lucida sans unicode';
-
   
+
    font-size:11px;
-
{block:PermalinkPage}            
+
    padding: 10px;
-
            <div class="centre photopage">
+
    border-bottom: 1px dotted #545454;
-
            <p>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</p>
+
}
-
            {block:Caption}
+
-
                {Caption}
+
#twitter_update_list li span {
-
            {/block:Caption}
+
    /* wraps the tweet */
-
            <p class="timestamp" style="margin-top:10px;"><a href="{Permalink}">{TimeAgo}</a></p>
+
     display: block;
-
            {block:PostNotes} {PostNotes}{/block:PostNotes}
+
}
-
            {block:IfDisqusShortname}
+
-
    <div id="disqus_thread"></div>
+
#twitter_update_list li a {
-
    <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
+
    /* wraps the link to the tweet */
-
    <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
+
    /* by default it have 85% font-size therefore you might want to change it like below */
-
{/block:IfDisqusShortname}
+
    font-size:100% !important;
-
            </div>
+
    font-size:11px !important;
-
            {/block:PermalinkPage}      
+
}
-
    </div>
+
 
-
    {/block:Photo} <!-- end PHOTO POST -->
+
/* end twitter */
-
   
+
 
-
    {block:Photoset}
+
 
-
    <div class="post">
+
.col_list ul{
-
            {block:IndexPage}
+
     list-style-type:none;
-
            <div class="photo">
+
    list-style-image:none;
-
            {block:IfNotSingleColumn}
+
    background-image:none;
-
            {Photoset-250}
+
}
-
            {/block:IfNotSingleColumn}
+
.col_list li{
-
            {block:IfSingleColumn}
+
    background-color:#E3E3E3;
-
            {Photoset-500}
+
    padding: 5px 15px;
-
            {/block:IfSingleColumn}
+
}
-
            {block:Caption}
+
 
-
                {Caption}
+
 
-
            {/block:Caption}
+
 
-
          </div>
+
/* TEAM PAGE */
-
            <div class="timestamp" style="margin-top:10px;"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} - <a href="{Permalink}"><img src="http://static.tumblr.com/fkm6sn6/vYolbws6r/heart_fill_8x7.png"> {NoteCount}</a>{/block:NoteCount}{block:ifDisqusShortname} - <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}</div>
+
.bio {
-
           
+
    clear:both;
-
            {/block:IndexPage}   
+
    padding-bottom: 20px;
-
   
+
    border-bottom: 1px solid #ccc;
-
{block:PermalinkPage}            
+
}
-
            <div class="centre photopage">
+
.bio img {
-
            <p>{Photoset-500}</p>
+
    float:left;
-
            {block:Caption}
+
    margin-right: 10px;
-
                {Caption}
+
}
-
            {/block:Caption}
+
 
-
            <p class="timestamp" style="margin-top:10px;"><a href="{Permalink}">{TimeAgo}</a></p>
+
#videoiframe {
-
            {block:PostNotes} {PostNotes}{/block:PostNotes}
+
    overflow: hidden;
-
            {block:IfDisqusShortname}
+
    margin-top: 20px;
-
    <div id="disqus_thread"></div>
+
}
-
    <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
+
-
    <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
+
-
{/block:IfDisqusShortname}
+
-
            </div>
+
-
            {/block:PermalinkPage}      
+
-
    </div>
+
-
    {/block:Photoset} <!-- end PHOTOSET POST -->
+
-
   
+
-
{block:Video}
+
-
        <div class="post">
+
-
          {block:IndexPage}
+
-
          <div class="video">
+
-
          {block:IfNotSingleColumn}
+
-
            {Video-250}
+
-
            {/block:IfNotSingleColumn}
+
-
          {block:IfSingleColumn}
+
-
            {Video-500}
+
-
            {/block:IfSingleColumn}
+
-
          {block:Caption}
+
-
      {Caption}
+
-
        {/block:Caption}
+
-
        <div class="timestamp" style="margin-top:10px;"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} - <a href="{Permalink}"><img src="http://static.tumblr.com/fkm6sn6/vYolbws6r/heart_fill_8x7.png"> {NoteCount}</a>{/block:NoteCount} {block:ifDisqusShortname} - <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}</div>
+
-
  </div>
+
-
          {/block:IndexPage}
+
-
       
+
-
          {block:PermalinkPage}
+
-
          <div class="centre">
+
-
          <p>{Video-500}</p>
+
-
          {block:Caption}
+
-
      {Caption}
+
-
        {/block:Caption}
+
-
        <p class="timestamp" style="margin-top:10px;"><a href="{Permalink}">{TimeAgo}</a></p>
+
-
    </div>
+
-
          {/block:PermalinkPage}        
+
-
        </div>
+
-
        {/block:Video} <!-- end VIDEO POST -->
+
-
       
+
-
        {block:Audio}
+
-
        <div class="post">
+
-
        {block:IndexPage}
+
-
        <div class="audio">
+
-
      <div class="player">{AudioPlayerWhite}</div>
+
-
          {block:Caption}{Caption}{/block:Caption}
+
-
        <div class="timestamp">{TimeAgo}{block:NoteCount} - <a href="{Permalink}"><img src="http://static.tumblr.com/fkm6sn6/vYolbws6r/heart_fill_8x7.png"> {NoteCount}</a>{/block:NoteCount} {block:ifDisqusShortname} - <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}</div>
+
-
        </div>
+
-
        {/block:IndexPage}
+
-
       
+
-
        {block:PermalinkPage}
+
-
        <div class="centre">
+
-
      <div class="player">{AudioPlayerWhite}</div>
+
-
          {block:Caption}{Caption}{/block:Caption}
+
-
        <span class="timestamp"><a href="{Permalink}">{TimeAgo}</a></span>
+
-
        </div>
+
-
        {/block:PermalinkPage}
+
-
        </div>             
+
-
        {/block:Audio}  <!-- end AUDIO POST -->
+
-
       
+
-
        {block:Chat}
+
-
          <div class="post">
+
-
          <div class="chat">
+
-
          {block:IndexPage}
+
-
            <table cellspacing="0">
+
-
              {block:Lines}
+
-
                <tr class="user{UserNumber}">
+
-
                  <th>{block:Label}{Label}{/block:Label}</th>
+
-
                  <td>{Line}</td>
+
-
                </tr>
+
-
              {/block:Lines}
+
-
            </table>
+
-
            <div class="timestamp"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} - <a href="{Permalink}"><img src="http://static.tumblr.com/fkm6sn6/vYolbws6r/heart_fill_8x7.png"> {NoteCount}</a>{/block:NoteCount}{block:ifDisqusShortname} - <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}</div>
+
-
            {/block:IndexPage}
+
-
           
+
-
        {block:PermalinkPage}
+
-
            <table cellspacing="0" width="610px">
+
-
              {block:Lines}
+
-
                <tr class="user{UserNumber}">
+
-
                  <th>{block:Label}{Label}{/block:Label}</th>
+
-
                  <td>{Line}</td>
+
-
                </tr>
+
-
              {/block:Lines}
+
-
            </table>
+
-
            <div class="centre">
+
-
            <span class="timestamp"><a href="{Permalink}">{TimeAgo}</a></span>
+
-
            </div>
+
-
            {/block:PermalinkPage}
+
-
            </div>
+
-
          </div>
+
-
        {/block:Chat}  <!-- end CHAT POST -->
+
-
       
+
-
{block:Link}
+
-
<div class="post">
+
-
  {block:IndexPage}
+
-
        <h3><a href="{URL}" {Target}>{Name}</a></h3>
+
-
        {block:Description}
+
-
          {Description}
+
-
        {/block:Description}
+
-
        <div class="timestamp">{TimeAgo}{block:NoteCount} - <a href="{Permalink}"><img src="http://static.tumblr.com/fkm6sn6/vYolbws6r/heart_fill_8x7.png"> {NoteCount}</a>{/block:NoteCount}{block:ifDisqusShortname} - <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname} </div>
+
-
    {/block:IndexPage}
+
-
   
+
-
    {block:PermalinkPage}
+
-
    <h3 class="centre"><a href="{URL}" {Target}>{Name}</a></h3>
+
-
        {block:Description}
+
-
          {Description}
+
-
        {/block:Description}
+
-
        <div class="centre">
+
-
        <span class="timestamp"><a href="{Permalink}">{TimeAgo}</a></span>
+
-
        </div>
+
-
      {block:PostNotes} {PostNotes}{/block:PostNotes}
+
-
{block:IfDisqusShortname}
+
-
    <div id="disqus_thread"></div>
+
-
    <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
+
-
    <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
+
-
{/block:IfDisqusShortname}
+
-
    {/block:PermalinkPage}               
+
-
</div>
+
-
{/block:Link} <!-- end LINK POST -->
+
-
{/block:Posts}
+
</style>
-
+
</head>
-
<div class="clear"></div>
+
-
+
-
{block:IndexPage}{block:IfNotSingleColumn}</div>{/block:IfNotSingleColumn} <!-- End Mason -->{/block:IndexPage}
+
-
+
-
<div class="footer">
+
-
<p><img src="http://static.tumblr.com/fkm6sn6/r6Bl9bdgd/footer_bullet.png" alt=""/></p>
+
-
<p class="pagination">
+
-
{block:NextPage}<a href="{NextPage}">&larr; Older</a>{/block:NextPage}
+
-
{CurrentPage}&nbsp;&frasl;&nbsp;{TotalPages}
+
-
{block:PreviousPage}<a href="{PreviousPage}">&rarr; Newer</a>{/block:PreviousPage}
+
-
</p>
+
-
<p>- <a href="http://inkhorntheme.ptcampbell.me/">Inkhorn theme</a> powered by Tumblr -</p>
+
-
</div> <!-- end FOOTER -->
+
-
+
-
</div> <!-- end main -->
+
-
+
-
{block:IfDisqusShortname}
+
-
<script type="text/javascript">
+
-
//<![CDATA[
+
-
(function() {
+
-
    var links = document.getElementsByTagName('a');
+
-
    var query = '?';
+
-
    for(var i = 0; i < links.length; i++) {
+
-
    if(links[i].href.indexOf('#disqus_thread') >= 0) {
+
-
        query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
+
-
    }
+
-
    }
+
-
    document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
+
-
})();
+
-
//]]>
+
-
</script>
+
-
{/block:IfDisqusShortname}
+
-
+
-
{block:IfGoogleAnalyticsCode}
+
-
<script type="text/javascript">
+
-
  var _gaq = _gaq || [];
+
-
  _gaq.push(['_setAccount', '{text:Google Analytics Code}']);
+
-
  _gaq.push(['_trackPageview']);
+
-
+
-
  (function() {
+
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
-
  })();
+
-
</script>
+
-
{/block:IfGoogleAnalyticsCode}
+
-
+
-
</body> <!-- CLOSE BODY -->
+
-
+
</html>
</html>

Revision as of 03:59, 24 October 2011

Retrieved from "http://2011.igem.org/Template:MIT-style"