Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <!--
- **BEST VIEWED IN GOOGLE CHROME**
- Terms + Conditions:
- -Don't remove the credit
- -Taking inspiration is not the same as blatantly copying ideas and/or code
- -Don't use as base code
- Default Settings-->
- <meta name="color:background" content="#ffffff" />
- <meta name="color:content" content="#f9f9f9" />
- <meta name="color:desc" content="#000000" />
- <meta name="color:sidebar" content="#000000" />
- <meta name="color:simg" content="#0d9aaf" />
- <meta name="color:tagging font hover" content="#e4e4e4" />
- <meta name="color:blockquote" content="#121313" />
- <meta name="color:info link hover" content="#058fac" />
- <meta name="color:post border" content="#d3e3e7" />
- <meta name="color:block" content="#1b1c1d" />
- <meta name="color:title" content="#000000" />
- <meta name="color:text" cont88ient="#bbd1e7" />
- <meta name="color:link" content="#067992" />
- <meta name="color:link hover" content="#aea6c4" />
- <meta name="color:scrollbar" content="#098b9e" />
- <meta name="color:subtitle" content="#000000" />
- <meta name="image:side" content="" />
- <meta name="image:background" content="" />
- <meta name="if:Posts 500" content="" />
- <meta name="if:Posts 400" content="1" />
- <meta name="text:subtitle" content="" />
- <meta name="text:heading" content="" />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="link 1" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link 2" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="link 3" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="link 4" />
- <meta name="text:Link5" content="/" />
- <meta name="text:Link5 Title" content="link 5" />
- <meta name="text:Link6" content="/" />
- <meta name="text:Link6 Title" content="link 6" />
- <title>{Title}</title>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/vyzeblq/Hrcml3m2x/jquery.style-my-tooltips.js"></script>
- <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:"true", tip_delay_time:100, tip_fade_speed:100, attribute:"title"});});})(jQuery);</script>
- <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 type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- <style type="text/css">
- body {
- background-color:{color:background};
- background-attachment:fixed;
- background-image:url('{image:background}');
- font-family:arial;
- font-size:10px;
- line-height:11px;
- letter-spacing:0px;
- color:{color:text};
- text-wrap:normal
- word-wrap:break-word;
- height:100%;
- right:2px;
- overflow-y:scroll;
- overflow-x:hidden;
- }
- #s-m-t-tooltip {
- z-index:10007;
- margin-left:15px;
- margin-top:15px;
- padding:2px 3px 2px 3px;
- position:absolute;
- font-family:inconsolata;
- text-decoration:underline;
- font-size:10px;
- text-transform:lowercase;
- color:{color:simg};
- background-color:{color:background};
- }
- html {
- overflow-y:auto;
- background-color:transparent;
- }
- html {
- overflow-y:auto;
- background-color:transparent;
- }
- ::-webkit-scrollbar {
- width:10px;
- height:auto;
- background:{color:background};
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:0px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:scrollbar};
- height:0px;
- }
- a, a:active, a:visited{
- text-decoration:underline;
- color:{color:link};
- cursor:help;
- }
- a:hover {
- color:{color:link hover};
- -webkit-transition-duration:.5s;
- -moz-transition-duration:.5s;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #main {
- background-color:transparent;
- background-attachment:fixed;
- background-image: url('{image:Background}');
- position:absolute;
- width:1250px;
- height:100%;
- }
- .sidebar {
- width:250px;
- height:100%;
- margin-top:-8px;
- z-index:10000;
- position:fixed;
- opacity:.5;
- margin-left:-10px;
- border-right:1px solid {color:desc};
- }
- #squaresimg {
- z-index:10005;
- position:fixed;
- margin-left:170px;
- margin-top:140px;
- }
- #squaresimg img {
- width:65px;
- cursor:help;
- background-color:{color:simg};
- padding:25px;
- border:15px solid {color:background};
- }
- #desc {
- margin-left:440px;
- margin-top:58px;
- opacity:1;
- z-index:10008;
- padding:20px 25px 20px 25px;
- {block:ifPosts400}width:350px;{/block:ifPosts400}
- {block:ifPosts500}width:450px;{/block:ifPosts500}
- height:auto;
- background-color:{color:simg};
- }
- #desc:hover {
- opacity:1;
- -webkit-transition-duration:.5s;
- -moz-transition-duration:.5s;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .title {
- font-family:Inconsolata;
- font-size:21px;
- line-height:30px;
- margin-bottom:5px;
- text-align:center;
- }
- .title a {
- color:white;
- text-decoration:none;
- }
- .desctext {
- {block:ifPosts400}width:350px;{/block:ifPosts400}
- {block:ifPosts500}width:450px;{/block:ifPosts500} font-family:arial;
- text-align:justify;
- font-size:10px;
- color:{color:desc};
- line-height:14px;
- letter-spacing:0px;
- }
- .desctext a{
- color:{color:desc};
- text-decoration:none;
- }
- .desctext a:hover {
- font-weight:bold;
- }
- .linkage {
- padding:5px 10px 25px 10px;
- margin-left:-50px;
- margin-top:-80px;
- width:95px;
- color:black;
- z-index:10001;
- position:relative;
- opacity:0;
- background-color:{color:background};
- text-align:justify;
- }
- .linkage a {
- padding:2px 5px 2px 5px;
- font-size:10px;
- color:black;
- text-align;center;
- letter-spacing:0px;
- line-height:14px;
- font-family:inconsolata;
- color:{color:text};
- font-style:normal;
- text-decoration:none;
- cursor:help;
- display:inline-block;
- }
- .linkage a:hover {
- font-weight:bold;
- font-style:italic;
- }
- .left {
- text-align:left;
- }
- .right {
- text-align:right;
- margin-top:-17px;
- }
- #squaresimg:hover .linkage {
- margin-left:15px;
- opacity:1;
- -webkit-transition-duration:.5s;
- -moz-transition-duration:.5s;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- #counter {
- position:fixed;
- bottom:10px;
- left:15px;
- color:black;
- z-index:10006;
- }
- #counter a {
- color:black;
- font-family:inconsolata;
- display:inline-block;
- font-size:10px;
- text-decoration:none;
- }
- .subtitle {
- font-family:inconsolata;
- font-size:10px;
- line-height:12px;
- position:relative;
- width:95px;
- margin-top:10px;
- text-align:justify;
- margin-left:15px;
- padding:10px 0px 10px 10px;
- color:{color:text};
- background-color:{color:background};
- z-index:10001;
- letter-spacing:0px;
- }
- .subtitle a {
- color:{color:simg};
- font-style:italic;
- }
- #squaresimg:hover .subtitle {
- margin-left:55px;
- opacity:0;
- -webkit-transition-duration:.5s;
- -moz-transition-duration:.5s;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- .pagelink {
- text-align:center;
- bottom:50px;
- margin-left:-258px;
- z-index:10002;
- font-size:15px;
- line-height:25px;
- width:85px;
- padding:3px 6px 3px 6px;
- position:fixed;
- border:10px solid {color:background};
- letter-spacing:0px;
- font-family:inconsolata;
- color:white;
- font-weight:bold;
- background-color:{color:simg};
- }
- .pagelink a {
- color:white;
- text-decoration:none;
- }
- #question {
- font-size:14px;
- line-height:15px;
- text-align:left;
- font-family:Inconsolata;
- background-color:{color:background};
- color:{color:text};
- }
- .asker {
- font-size:10px;
- margin-top:0px;
- font-style:italic;
- margin-left:5px;
- color:{color:text};
- }
- .asker a {
- color:{color:text};
- }
- .askerportrait {
- margin-left:0px;
- position:relative;
- width:50px;
- }
- .answer {
- margin-top:5px;
- }
- #content {
- position:absolute;
- height:auto;
- left:449px;
- font-family:{font:body};
- margin-bottom:10px;
- padding:0px 0px 45px 0px;
- margin-top:210px;
- {block:ifPosts400}width:400px;{/block:ifPosts400}
- {block:ifPosts500}width:500px;{/block:ifPosts500}
- }
- #post {
- {block:ifPosts400}width:400px;{/block:ifPosts400}
- {block:ifPosts500}width:500px;{/block:ifPosts500}
- margin-left:0px;
- margin-right:0px;
- margin-top:15px;
- margin-bottom:-10px;
- padding:25px 0px 15px 0px;
- border-bottom:1px solid {color:post border};
- }
- #info {
- position:relative;
- margin-top:-4px;
- margin-right:5px;
- z-index:10001;
- color:black;
- font-size:8px;
- background-color:{color:background};
- padding:8px 7px 0px 7px;
- letter-spacing:1px;
- text-align:left;
- float:right;
- }
- #info a {
- color:black;
- font-size:10px;
- font-family:inconsolata;
- padding-bottom:1px;
- text-decoration:none;
- }
- #info a:hover {
- color:{color:info link hover};
- -webkit-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .tagging {
- position:relative;
- {block:ifPosts400}width:400px;{/block:ifPosts400}
- {block:ifPosts500}width:500px;{/block:ifPosts500}
- margin-top:25px;
- margin-bottom:95px;
- z-index:10000;
- font-size:9px;
- text-align:right;
- font-family:arial;
- }
- .tagging a {
- position:relative;
- margin-right:7px;
- color:{color:text};
- height:0px;
- font-size:9px;
- margin-left:2px;
- text-decoration:none;
- }
- .tagging a:hover {
- color:{color:tagging font hover};
- -webkit-transition-duration:.25s;
- -moz-transition-duration:.25s;
- -o-transition: all 0.25s ease-in-out;
- transition: all 0.25s ease-in-out;
- }
- h1{
- font-size:25px;
- line-height:20px;
- font-family:Inconsolata;
- text-align:left;
- color:{color:title};
- }
- h1 a {
- color:{color:title};
- text-decoration:none;
- }
- h1 a:hover {
- color:{color:title};
- font-style:italic;
- }
- blockquote {
- margin-left:10px;
- padding:1px 6px 1px 10px;
- margin-bottom:-5px;
- border-left:1px solid {color:block};
- {block:ifPosts400}width:350px;{/block:ifPosts400}
- {block:ifPosts500}width:450px;{/block:ifPosts500}}
- .quote {
- font-size:22px;
- line-height:25px;
- width:400px;
- font-family:Inconsolata;
- padding-top:-5px;
- text-align:justify;
- }
- .quotesource {
- {block:ifPosts400}width:400px;{/block:ifPosts400}
- {block:ifPosts500}width:500px;{/block:ifPosts500}
- font-size:10px;
- padding:2px;
- text-align:center;
- margin-top:0px;
- letter-spacing:1px;
- }
- .user_1 .label {
- color:{color:link};
- font-weight:bold;
- }
- .user_2 .label {
- color:{color:text};
- font-weight:bold
- }
- .user_3 .label {
- color:{color:link};
- font-weight:bold;
- }
- .user_4 .label {
- color:{color:text};
- font-weight:bold
- }
- .user_5 .label {
- color:{color:link};
- font-weight:bold;
- }
- .user_6 .label {
- color:{color:text};
- font-weight:bold
- }
- .user_7 .label {
- color:{color:link};
- font-weight:bold
- }
- .user_8 .label {
- color:{color:text};
- font-weight:bold
- }
- .user_9 .label {
- color:{color:link};
- font-weight:bold
- }
- .user_10 .label {
- color:{color:text};
- font-weight:bold
- }
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:0px;
- line-height:15px;
- }
- ol.notes, .notes li {background-color:transparent;
- color:{color:text};
- margin-top:5px;
- list-style:none; margin-left:-20px; }
- #audentryprob {
- display:block;
- height:auto;
- position:relative;
- text-align:left;
- background-attachment:fixed;
- background-image:url('{AlbumArtURL}');
- }
- .audentry {
- {block:ifPosts400}width:400px;{/block:ifPosts400}
- {block:ifPosts500}width:500px;{/block:ifPosts500}
- background-color:{color:background};
- }
- .albumart {
- margin-left:0px;
- width:80px;
- }
- .albumart img {
- width:75px;
- }
- .audiodata {
- font-size:9px;
- line-height:10px;
- margin-bottom:-35px;
- margin-left:100px;
- }
- .audiotitle {
- font-size:18px;
- text-transform:none;
- line-height:15px;
- font-family:INconsolata;
- }
- .audioplayer {
- width:200px;
- height:30px;
- overflow:hidden;
- margin-left:100px;
- margin-top:-30px;
- }
- .audiocaption {
- {block:ifPosts400}width:400px;{/block:ifPosts400}
- {block:ifPosts500}width:500px;{/block:ifPosts500}
- margin-top:20px;
- }
- #tumblr_controls_a {
- background: none !important;
- border: 0px !important;
- box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;}
- </style>
- </head>
- <body>
- <div id="main">
- <div class="sidebar"></div>
- <div id="squaresimg"><a href="/" title="{Title}"><img src="{image:side}"></img></a>
- <div class="subtitle">{text:subtitle}</div>
- <div class="linkage">
- <div class="left"><a href="/ask" title="ask">first</a></div>
- <div class="right"><a href="/archive" title="history">second</a></div>
- <div class="left">{block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">third</a>{/block:ifLink1}</div>
- <div class="right">{block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">fourth</a>{/block:ifLink2}</div>
- <div class="left">{block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}">fifth</a>{/block:ifLink3}</div>
- <div class="right">{block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}">sixth</a>{/block:ifLink4}</div>
- <div class="left">{block:ifLink5}<a href="{text:Link5}" title="{text:Link5 Title}">seventh</a>{/block:ifLink5}</div>
- <div class="right">{block:ifLink6}<a href="{text:Link6}" title="{text:Link6 Title}">eighth</a>{/block:ifLink6}</div>
- </div>
- </div>
- <div id="desc">
- <div class="title"><a href="/">{text:heading}</a></div>
- <div class="desctext">
- {Description}
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div id="post">
- {block:Text}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:ifPosts400}
- {block:Photo}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {/block:ifPosts400}
- {block:ifPosts500}
- {block:Photo}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {/block:ifPosts500}
- {block:ifPosts400}
- {block:Photoset}
- <center>{Photoset-400}</center>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {/block:ifPosts400}
- {block:ifPosts500}
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {/block:ifPosts500}
- {block:Quote}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <div class="quote">{Quote}</div>
- {block:Source}<br>
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">
- {Label}
- </span>
- {/block:Label}
- {Line}</li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Answer}
- <div id="question">{Question}
- <div class="asker">{Asker}</div></div><br>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:ifPosts400}
- {block:Video}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <center>{Video-400}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Video}
- {/block:ifPosts400}
- {block:ifPosts500}
- {block:Video}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <center>{Video-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Video}
- {/block:ifPosts500}
- {block:Audio}
- <div id="audentryprob">
- <div class="audentry">
- <div class="audiodata"<a href="{Permalink}">{block:TrackName}
- <div class="audiotitle">{TrackName}</div>
- {/block:TrackName}
- {block:Artist}
- <br> {Artist}
- {/block:Artist}{block:Album}
- · <i>{Album}</i>
- {/block:Album}</a></div>
- <div class="albumart">{block:AlbumArt}
- <img src="{AlbumArtURL}"></img>
- {/block:AlbumArt}</div>
- <div class="audioplayer">{AudioPlayerGrey}</div>
- {block:Caption}
- <div class="audiocaption">{Caption}</div>
- {/block:Caption}
- </div>
- </div>{/block:Audio}
- </div>
- <div id="info"> {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
- {block:NoteCount} · <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} {block:RebloggedFrom} · <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom} {block:ContentSource} & <a href="{SourceURL}">orig</a>{/block:ContentSource} · <a href="{ReblogURL}"target="_blank">reblog</a>
- </div>
- <div class="tagging">
- {block:HasTags} {block:Tags}<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- <div class="pagelink">
- {block:Pagination}
- {block:PreviousPage} <a href="{PreviousPage}"><</a> {/block:PreviousPage}page {CurrentPage} {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
- <!--Nothing more to see here!-->
Advertisement
Add Comment
Please, Sign In to add comment