Sei sulla pagina 1di 11

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <!

-_ __ ___ _____ ___ __ ___ __ __ _ ____ _ _____ _

/ | / / \ / / \ / / \ ( (` / /` ( (` | | ( (`

| | | |_

| |\ |

| |

| |

|_| \_\_/ \_\_/ \_\_/ _)_) \_\_, |_| |_|__ |_| \| _)_) |_| _)_)

|_|

|_|

ALL CODING BY 1000SCIENTISTS 1000SCIENTISTS.TUMBLR.COM CAPTION JAVA DRAWERS JQUERY.COM HOVER IDEA FIEBRE.TUMBLR.COM

--> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>{Title}</title>

<meta name="font:Body" content="Georgia"/>

<meta name="font:Side" content="Georgia"/> <meta name="color:Font" content="#000000"/> <meta name="color:Background" content="#F8F8F8"/> <meta name="color:Side Link Background" content="#DCDCDC"/> <meta name="color:Side Link" content="#000000"/> <meta name="text:Permalink" content="+"/> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jque ry.min.js" type="text/javascript"><!--mce:0--></script> <script src="toggle.js" type="text/javascript"><!--mce:1-></script>

<script type="text/javascript">

$(document).ready(function(){ //Hide the tooglebox when page load $(".togglebox").hide();

//slide up and down when click over heading 2 $("h2").click(function(){ // slide toggle effect set to slow you can set it to fast too. $(this).next(".togglebox").slideToggle("slow"); return true; }); });

</script>

<style type="text/css">

img, img a {border: none; -webkit-transition-duration: .2s;} img:hover {-webkit-transform: scale(1.01);} body {font-family: {font:Body}; font-size: 10px; color: {color:Font}; background-color: {color:Background};} a {color: #000; text-decoration: none; -webkit-transitionduration: .3s; -moz-transition-duration: .3s;} #center {width:400px; padding:10px; margin: auto; fontsize: 10px; font-family: {font:Body};} .entry h2 {font-weight: normal; letter-spacing: 2px; text-

align: center; font-size: 18px; text-transform: lowercase;} .title {font-size: 40px; letter-spacing: -2px; font-family: {font:Side}; -webkit-transition-duration: .2s; opacity: .4;} .title a {color: #000;} .title:hover {opacity: 1; cursor: crosshair;} .entry1 h2 {font-size:12px; margin-bottom:5px; font-weight: normal; opacity: .4; -webkit-transition-duration: .2s; text-align: center; letter-spacing: 1px;} .entry1 h2:hover {opacity: 1; cursor: crosshair;} .togglebox {overflow: hidden; font-size: 10px; clear: both; margin-bottom:5px;} .togglebox .content {padding: 5px;} #links {bottom: 300px; left:50%; margin-left:-500px; position:fixed; width: 400px; font-family: {font:Side}; text-transform: lowercase; -webkit-transform: rotate(90deg); -moz-transform: rotate(-90deg); text-align: center;} #tumblr_controls {position: fixed;} #links a {cursor: crosshair;} #nav {bottom: 10px; left:50%; margin-left:260px; position:fixed; font-family: courier new; text-transform: lowercase; font-size: 20px; opacity: .6; -webkittransition-duration: .2s;} #nav:hover {opacity: 1;} .entry {margin-bottom: 20px;} .entry:hover .perma {opacity: 1;}

.entry1 {margin-bottom: 20px;} .entry1:hover .perma {opacity: 1;} #qtm {margin: 5px; display: inline-block; font-size: 40px; float: left;} #qt {margin: 5px; display: inline-block; font-size: 18px; font-style: italic; font-family: {font:Body}; width: 350px;} #src {font-size: 10px; font-family: {font:Body};} .links {margin-top: 5px; font-size: 14px;} .links a {background-color: {color:Side Link Background}; opacity: .6; -webkit-transition-duration: .2s; color: {color:Side Link};} .links a:hover {opacity: 1;} #perma {position: absolute; margin-left: -20px;} ol.notes {margin-left: -40px; width: 400px;} ol.notes a:hover {font-style:italic;} ol.notes li.note {padding: 0px; list-style-type:none;} ol.notes li.note img.avatar {vertical-align: -4px;marginright: 2px;width: 9px;height: 9px;} ol.notes li.note img.avatar:hover {-webkit-transform: scale(1);} ol.notes li.note blockquote {font-size: 1.1em; letterspacing: -1px; margin-left: -1px; margin-top: -1px; marginbottom: -1px;} ol.notes li.note .answer_content {font-size: 1.1em; letterspacing: -1px; margin-left: -1px; margin-top: -1px; margin-

bottom: -1px; display: block;} .audio {width: 400px; background-color: #fff; -webkit-boxshadow: 3px 3px 3px #dcdcdc;} .label {font-weight: bold; letter-spacing: 1px;} ul.chat {list-style-type:none;}

</style>

</head>

<body>

<div id="links"> <div class="title"><a href="/">{Title}</a></div> <div class="links">{block:AskEnabled}<a href="/ask">ask</a> / {/block:AskEnabled}<a href="archive">archive</a>{block:HasPages}{block:Pages} / <a href="{URL}">{Label}</a>{/block:Pages} {/block:HasPages} / <a href="http://www.1000scientists.tumblr.com">theme</a></div> </div>

<div id="center">

{block:Posts}

{block:Date}<div id="perma"><a href="{Permalink}" title="{TimeAgo} with {NoteCountwithLabel}">{text:Permalink}</a></div>{/block:Dat e}

{block:Text} <div class="entry"> {block:Title}<h2>{Title}</h2>{/block:Title}{Body} </div> {/block:Text}

{block:Photo} <div class="entry1"> {LinkOpenTag}<img src="{PhotoURL-500}"{block:IndexPage} title="{PhotoAlt}"{/block:IndexPage} width="400px">{LinkCloseTag}{block:Caption}<h2>see caption</h2><div class="togglebox"><div class="content">{Caption}</div></div>{/block:Caption} </div> {/block:Photo}

{block:Photoset} <div class="entry1"> {Photoset-400} {block:Caption}<h2>see caption</h2><div class="togglebox"><div class="content">{Caption}</div></div>{/block:Caption} </div> {/block:Photoset}

{block:Quote} <div class="entry"> <div id="qtm"></div><div id="qt">{Quote}<div id="src">{block:Source}- {Source}{/block:Source}</div></div> </div> {/block:Quote}

{block:Link} <div class="entry"> <a href="{URL}" {Target}><h2>{Name}</h2></a>{block:Description} {Description}{/block:Description} </div>

{/block:Link}

{block:Chat} <div class="entry"> {block:Title}<h2>{Title}</h2>{/block:Title} <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul> </div> {/block:Chat}

{block:Audio} <div class="entry1"> <div class="audio">{AudioPlayerWhite}</div>{block:Caption}<h2>se e song title</h2><div class="togglebox"><div class="content">{Caption}</div></div>{/block:Caption} </div> {/block:Audio}

{block:Video} <div class="entry1">

{Video-400}{block:Caption}<h2>see caption</h2><div class="togglebox"><div class="content">{Caption}</div></div>{/block:Caption} </div> {/block:Video}

{block:Answer} <div class="entry"> <i>{Asker}: {Question}</i><br>{Answer} </div> {/block:Answer}

{block:PostNotes}{PostNotes}{/block:PostNotes}

{/block:Posts} </div>

<div id="nav">{block:PreviousPage}<a href="{PreviousPage}" title="newer entries"></a>{/block:PreviousPage}<br>{block:NextPage}<a href="{NextPage}" title="older entries"></a>{/block:NextPage}</div>

</body>

</html>

Potrebbero piacerti anche