Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- - theme #23 / caulfielld(tumblr.com) -
- don't take parts of this code.
- don't remove this comment.
- don't remove the credit.
- -->
- <html>
- <head>
- <title>{Title}
- {block:PostTitle} — {PostTitle}{/block:PostTitle}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="if:bg image" content="0">
- <meta name="if:500px posts" content="0">
- <meta name="if:infinite scrolling" content="0">
- <meta name="if:show caption" content="1">
- <meta name="if:optional titles" content="1">
- <meta name="color:background" content="#ffffff" />
- <meta name="color:text" content="#aaaaaa" />
- <meta name="color:link" content="#77b5be" />
- <meta name="color:link hover" content="#7e7175" />
- <meta name="color:scrollbar" content="#f8f8f8" />
- <meta name="color:border" content="#f7f7f7" />
- <meta name="color:blockquote" content="#f5f5f5" />
- <meta name="color:selection bg" content="#77b5be" />
- <meta name="color:selection text" content="#ffffff" />
- <meta name="color:bold" content="#77b5be" />
- <meta name="color:answers bg" content="#dbeaef" />
- <meta name="text:Link 01 URL" content="/" />
- <meta name="text:Link 01 title" content="text">
- <meta name="text:Link 01 title2" content="link 01">
- <meta name="text:Link 02 URL" content="/" />
- <meta name="text:Link 02 title" content="photo">
- <meta name="text:Link 02 title2" content="link 02">
- <meta name="text:Link 03 URL" content="/" />
- <meta name="text:Link 03 title" content="quote">
- <meta name="text:Link 03 title2" content="link 03">
- <meta name="text:Link 04 URL" content="/" />
- <meta name="text:Link 04 title" content="link">
- <meta name="text:Link 04 title2" content="link 04">
- <meta name="text:Link 05 URL" content="/" />
- <meta name="text:Link 05 title" content="chat">
- <meta name="text:Link 05 title2" content="link 05">
- <meta name="text:Link 06 URL" content="/" />
- <meta name="text:Link 06 title" content="audio">
- <meta name="text:Link 06 title2" content="link 06">
- <meta name="text:Link 07 URL" content="/" />
- <meta name="text:Link 07 title" content="video">
- <meta name="text:Link 07 title2" content="link 07">
- <meta name="text:Link 08 URL" content="/" />
- <meta name="text:Link 08 title" content="link 08">
- <meta name="text:Link 09 URL" content="/" />
- <meta name="text:Link 09 title" content="link 09">
- <meta name="text:Link 10 URL" content="/" />
- <meta name="text:Link 10 title" content="link 10">
- <meta name="image:background" content="">
- <!--- extras --->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/nb65v05/XPQmpjoyl/jquery.style-my-tooltips.js"></script>
- <script type="text/javascript" src="http://demo.marcofolio.net/create_a_sticky_sidebar_or_box/mootools.js"></script>
- <script type="text/javascript">
- // Scrolling sidebar for your website
- // Downloaded from Marcofolio.net
- // Read the full article: http://www.marcofolio.net/webdesign/create_a_sticky_sidebar_or_box.html
- window.onscroll = function()
- {
- if( window.XMLHttpRequest ) {
- if (document.documentElement.scrollTop > 180 || self.pageYOffset > 180) {
- $('content').style.position = 'fixed';
- $('content').style.top = '0';
- } else if (document.documentElement.scrollTop < 180 || self.pageYOffset < 180) {
- $('content').style.position = 'absolute';
- $('content').style.top = '180px';
- }
- }
- }
- </script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".sub").hide();
- //toggle the componenet with class msg_body
- jQuery(".cthrough").click(function()
- {
- jQuery(this).next(".sub").slideToggle(500);
- });});
- </script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(window).scroll(function(){
- if ($(this).scrollTop() > 100) {
- $('.scrollup').fadeIn();
- } else {
- $('.scrollup').fadeOut();}});
- $('.scrollup').click(function(){
- $("html, body").animate({ scrollTop: 0 }, 600);
- return false;});});
- </script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:false,
- tip_delay_time:20,
- tip_fade_speed:300,
- attribute:"title"
- });});})(jQuery);
- </script>
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <style type="text/css">
- body {
- font:09px trebuchet ms;
- margin:0;
- background:{color:Background} {block:ifBgImage}url('{image:Background}') fixed{/block:ifBgImage};
- color:{color:text};}
- a {
- color:{color:link};
- text-decoration: none;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/}
- small{
- font-size:09px;}
- a:hover {
- color:{color:link hover};}
- em, strong,b{
- color:{color:bold};}
- blockquote {
- border-left: 1px solid {color:blockquote};
- padding-left: 5px;
- margin:05px;}
- img {
- max-width: 100%;}
- ol {
- list-style-type:lower-roman;}
- sub, sup{
- font-size: 10px; /*credit to pohroro*/}
- .container {
- width:400px;
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- margin:auto;}
- .entries {
- width:400px;
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- position:relative;
- padding-top:60px;
- padding-bottom:60px;
- margin-left:-50px;}
- #posts {
- width:400px;
- {block:PermalinkPage}
- width:500px;
- {block:ifNot500pxPosts}
- margin-left:-50px;
- {/block:ifNot500pxPosts}
- {/block:PermalinkPage}
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- overflow:hidden;
- border-radius:0px;
- word-wrap: break-word;
- background-color:{color:background};
- border:1px solid {color:border};
- padding:30px;
- border-radius:05px;
- {block:IndexPage}
- margin-bottom:30px;
- {/block:IndexPage}}
- #posts .images{
- display:block;
- max-width:100%;}
- .text-title{
- text-align:left;
- font-weight:bold;
- font-size:15px;
- text-transform:uppercase;
- border-radius:5px;
- padding:10px;}
- #sidebar {
- width: 130px;
- height:auto;
- {block:PermalinkPage}
- margin-left:-550px!important;
- {/block:PermalinkPage}
- margin-top:200px;
- position:fixed;}
- .sb-title{
- padding-bottom:10px;
- text-align:left;
- border-bottom:2px dotted {color:border};}
- .name{
- font-weight:bold;
- margin-bottom:5px;
- font-size:12px;}
- .sidebar-image img{
- display:block;
- margin-left:-77px;
- float:left;
- border-radius:5px;}
- .descr {
- margin-top:5px;
- text-align:center;
- max-height:118px;
- overflow:auto;}
- .navi {
- text-align:center;
- margin-top:5px;
- border:1px solid {color:border};
- height:90px;
- width:460px;
- {block:if500pxPosts}
- width:560px;
- {/block:if500pxPosts}
- border-radius:05px;
- margin-bottom:30px;
- font:09px consolas;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:250%;
- overflow:hidden;}
- .navi i{
- font-size:25px;
- color:{color:text};}
- .navi a{
- display:inline-block;
- padding:13px;
- {block:if500pxPosts}
- padding:20px;
- margin-top:04px!important;
- {/block:if500pxPosts}
- margin-top:07px;}
- .na i{
- font-size:13px;
- padding:3px;}
- .na {
- margin-top:5px;
- font:08px consolas;
- text-transform:uppercase;
- letter-spacing:1px;}
- .na a{
- display:block;
- padding-bottom:5px;
- padding-top:5px;
- border-bottom:1px solid {color:border};}
- .pag {
- margin-top:10px;
- text-align:left;}
- .jump_page {
- padding: 4px 6px;}
- .current_page, .jump_page:hover {
- padding: 4px 6px;}
- .quote {
- padding:0 10px 0 10px;}
- .quotetext-short {
- font-size: 18px;}
- .quotetext-medium {
- font-size: 14px;}
- .quotetext-long {
- font-size: 11px;}
- .quote-source {
- text-align:right;}
- .caption img, .answer img{
- {block:if500pxPosts}
- max-width:500px;
- {/block:if500pxPosts}
- {block:ifNot500pxPosts}
- max-width:400px;
- {/block:ifNot500pxPosts}}
- .posts-info,.posts-info2{
- text-align:left;
- text-transform:lowercase;
- margin-bottom:15px;
- font:08px consolas;
- letter-spacing:01px;
- text-transform:uppercase;}
- .posts-info2{
- margin-bottom:0;
- margin-top:15px;}
- /* extras */
- #s-m-t-tooltip{
- z-index:10;
- margin:24px 14px 7px 12px;
- padding:0 3px 0 3px;
- letter-spacing:1px;
- z-index:9999999999999;
- line-height:16px;
- background-color:{color:link};
- color:white;
- border-radius:3px;}
- ::selection {
- background: {color:selection bg};
- color: {color:selection text};}
- ::-moz-selection {
- background: {color:selection bg};
- color: {color:selection text};}
- ::-webkit-selection {
- background: {color:selection bg};
- color: {color:selection text};}
- iframe#tumblr_controls {
- top:0%!important;
- right:0%!important;
- position:fixed!important;
- z-index:999999999!important;
- opacity:0.3;
- -webkit-filter:invert(100%);
- -moz-filter:invert(100%);
- -o-filter:invert(100%);
- -ms-filter:invert(100%);
- filter:invert(100%);} /*credit to ladmilk*/
- ::-webkit-scrollbar {
- width: 6px;
- height: 3px;
- background: {color:background};}
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar};
- padding:2px;}
- #notes{
- width:560px;
- margin-left:-50px;
- {block:if500pxPosts}
- margin-left:0;
- {/block:if500pxPosts}
- margin-top:10px;
- height:190px;
- overflow:auto;}
- ol.notes {
- padding: 0px;
- margin: 0;
- list-style-type: none;}
- ol.notes li.note {
- padding: 10px;}
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- float:left;
- margin-right: 10px;
- width: 16px;
- height: 16px;}
- ol.notes li.note span.action {}
- ol.notes li.note .answer_content {
- font-weight: normal;}
- ol.notes li.note blockquote {
- border-color: #eee;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;}
- .scrollup{
- width:30px;
- height:30px;
- opacity:0.3;
- position:fixed;
- bottom:10px;
- right:0px;
- display:none;
- text-indent:-9999px;
- background: url('http://static.tumblr.com/ii9pnwy/6qRn1ekzg/1393103726_up4.png') no-repeat;}
- .scrollup:hover{
- cursor:pointer;}
- #c{
- position:fixed;
- bottom:10px;
- right:12px;
- font: 09px georgia;
- letter-spacing:1px;
- text-align:right;
- z-index:99;}
- #content {
- position:absolute;
- top: 180px;
- width: 150px;
- margin-left:450px;
- {block:if500pxPosts}
- margin-left:550px;
- {/block:if500pxPosts}
- padding-top:10px;
- {block:ifNot500pxPosts}{block:PermalinkPage}
- display:none;
- {/block:PermalinkPage}{/block:ifNot500pxPosts}}
- .sidebox {
- background: {color:background}; no-repeat left bottom;}
- /*credit to lmthemes*/
- .cthrough{
- float:right;
- margin-right:05px;}
- .cthrough i{
- font-size:15px;
- cursor:pointer;}
- .sub{
- margin-top:05px;}
- .answe img{
- float:right;
- border-radius:3px;}
- .quest{
- border:1px solid #f5f5f5;
- padding:10px;
- line-height:100%;
- border-radius:3px;
- width:330px;
- {block:PermalinkPage}
- width:430px;
- {/block:PermalinkPage}
- {block:if500pxPosts}
- width:430px;
- {/block:if500pxPosts}
- background-color:#fafafa;}
- .quest a{
- color:{color:text};}
- </style>
- {block:ifInfiniteScrolling}
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- {/block:ifInfiniteScrolling}
- </head>
- <body>
- <div class="container">
- <div id="content" class="sidebox">
- <div class="name">{name}</div>
- <div class="sb-title"><a href="/">{Title}</a> <a class="cthrough"><i class="fa fa-angle-down"></i></a>
- <div class="sub">
- {Description}
- </div></div>
- <div class="na">
- <a href="/"><i class="fa fa-file-text-o"></i>
- Refresh</a>
- <a href="/ask"><i class="fa fa-envelope-o"></i></i>
- Askbox</a>
- <a href="{text:Link 08 URL}"><i class="fa fa-users"></i>
- {text:Link 08 title}</a>
- <a href="{text:Link 09 URL}"><i class="fa fa-file-o"></i>
- {text:Link 09 title}</a>
- <a href="{text:Link 10 URL}"><i class="fa fa-eye"></i>
- {text:Link 10 title}</a>
- </div>
- {block:Pagination}{block:ifNotInfiniteScrolling}<div class="pag">
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">prev</a>{/block:PreviousPage}
- {block:JumpPagination length="3"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}</div>{/block:ifNotInfiniteScrolling}
- {/block:Pagination}
- </div>
- <div id="c">
- <a href="http://caulfielld.tumblr.com" target="_blank" title="theme by caulfielld"><em>tc.</em></a>
- </div>
- <div class="entries">
- <div class="sidebar">
- <div class="sidebar-image"><a href="/"><img src="{PortraitURL-64}"></a></div>
- <div class="navi">
- <a href="{text:Link 01 URL}"><i class="fa fa-font" {block:ifOptionalTitles}title="{text:Link 01 title2}"{/block:ifOptionalTitles}></i><br>{text:Link 01 title}</a>
- <a href="{text:Link 02 URL}"><i class="fa fa-camera" {block:ifOptionalTitles}title="{text:Link 02 title2}"{/block:ifOptionalTitles}></i><br>{text:Link 02 title}</a>
- <a href="{text:Link 03 URL}"><i class="fa fa-quote-left" {block:ifOptionalTitles}title="{text:Link 03 title2}"{/block:ifOptionalTitles}></i><br>{text:Link 03 title}</a>
- <a href="{text:Link 04 URL}"><i class="fa fa-external-link-square" {block:ifOptionalTitles}title="{text:Link 04 title2}"{/block:ifOptionalTitles}></i><br>{text:Link 04 title}</a>
- <a href="{text:Link 05 URL}"><i class="fa fa-comments-o" {block:ifOptionalTitles}title="{text:Link 05 title2}"{/block:ifOptionalTitles}></i><br>{text:Link 05 title}</a>
- <a href="{text:Link 06 URL}"><i class="fa fa-music" {block:ifOptionalTitles}title="{text:Link 06 title2}"{/block:ifOptionalTitles}></i><br>{text:Link 06 title}</a>
- <a href="{text:Link 07 URL}"><i class="fa fa-video-camera" {block:ifOptionalTitles}title="{text:Link 07 title2}"{/block:ifOptionalTitles}></i><br>{text:Link 07 title}</a>
- </div>
- </div>
- {block:ifInfiniteScrolling}<div class= "autopagerize_page_element">{/block:ifInfiniteScrolling}
- {block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div id="posts">
- {block:Date}
- <div class="posts-info">
- {block:RebloggedFrom}
- <span style="float:right;">source: <a href="{ReblogRootURL}">{ReblogRootName}</a></span>
- {name} <i class="fa fa-retweet"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a> <br>{/block:RebloggedFrom}
- <a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}:{Seconds} {AmPm} · {TimeAgo}</a>
- </div>{/block:Date}
- {block:Text}
- {block:Title}<div class="text-title">{Title}</div>{/block:Title}
- <div class="caption">{Body}</div>
- {/block:Text}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" class="images">{LinkCloseTag}
- </center>{block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}{block:ifNot500pxPosts}<div class="images">{Photoset-400}</div>{/block:ifNot500pxPosts}{block:if500pxPosts}<div class="images">{Photoset-500}</div>{/block:if500pxPosts}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
- {/block:Photoset}
- {block:Answer}
- <div class="answe">
- <img src="{AskerPortraitURL-40}">
- <div class="quest">
- <b>{Asker}</b> asked: <br><br>{Question}</div>
- </div>
- {Answer}
- {/block:Answer}
- {block:Quote}<div class="quote">
- <div class="quotetext-{Length}">{Quote}</div>
- {block:Source}
- <div class="quote-source">{Source}</div>
- {/block:Source}
- </div>{/block:Quote}
- {block:Link}
- <div class="text-title">
- <a href="{URL}" target="{Target}">{Name} <b>→</b></a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="text-title">{Title}</div>{/block:Title}
- {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
- {/block:Chat}
- {block:Video}
- {block:IndexPage}{block:ifNot500pxPosts}{Video-400}{/block:ifNot500pxPosts}{block:if500pxPosts}{Video-500}{/block:if500pxPosts}{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
- {/block:Video}
- {block:Audio}
- <div class="audio">
- {block:ifNot500pxPosts}
- {AudioEmbed-400}
- {/block:ifNot500pxPosts}
- {block:if500pxPosts}
- {AudioEmbed-500}
- {/block:if500pxPosts}
- </div>
- {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
- {/block:Audio}
- {block:Date}
- <div class="posts-info2">
- {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags} <br>{/block:HasTags}
- {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- </div>{/block:Date}
- </div><!--- posts --->
- {block:PermalinkPage}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div><!-- entries -->
- </div><!-- container-->
- {block:ifInfiniteScrolling}<a class="scrollup">Scroll</a>{/block:ifInfiniteScrolling}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement