Advertisement
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 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="color:text" content="#000000">
- <meta name="color:background" content="#FFFFFF">
- <meta name="color:links" content="#B33939">
- <meta name="color:bold" content="#B87D7D">
- <meta name="color:italic" content="#DBA0A0">
- <meta name="color:Sidebar" content="">
- <meta name="color:SidebarBorder" content="#DEDEDE">
- <meta name="color:ImageBorder" content="#DBDBDB">
- <meta name="color:Description" content="#A8A8A8">
- <meta name="color:Title" content="#805D55">
- <meta name="color:LinksBackground" content="#DBDBDB">
- <meta name="color:LinksHover" content="#BD9086">
- <meta name="color:PostBorder" content="#f0eeee">
- <meta name="color:AudioBorder" content="#D1B1A9">
- <meta name="color:Post" content="#FFFFFF">
- <meta name="color:Blockquote" content="#BD6855">
- <meta name="color:Quote" content="#F5F5F5">
- <meta name="color:PostTitle" content="#D65D45">
- <meta name="text:Link1" content="">
- <meta name="text:Link1Title" content="">
- <meta name="text:Link2" content="">
- <meta name="text:Link2Title" content="">
- <meta name="text:Link3" content="">
- <meta name="text:Link3Title" content="">
- <meta name="text:Link4" content="">
- <meta name="text:Link4Title" content="">
- <meta name="text:Link5" content="">
- <meta name="text:Link5Title" content="">
- <meta name="if:Captions" content="1">
- <meta name="if:HoverPhotos" content="1">
- <meta name="if:EndlessScroll" content="0">
- <meta name="if:NoEndlessScroll" content="1">
- <meta name="if:ShowTags" content="1">
- <meta name="if:400px" content="0">
- <meta name="if:500px" content="1">
- <meta name="if:MonochromeImages" content="0">
- <meta name="if:ShowTitle" content="1">
- <meta name="image:background" content="http://static.tumblr.com/da510f60fcff7ce89cd25ea3511bfef4/hxaftoq/Lqimo5ljn/tumblr_static_fabric_of_squares_gray.png">
- <meta name="image:sidebar" content="http://static.tumblr.com/243841cdcc252bb7e3102bbf40172127/hxaftoq/Kg9mp4dui/tumblr_static_screen_shot_2013-06-27_at_19.17.14.png">
- <style type="text/css">
- body {
- font-size:12px;
- font-family: "calibri";
- color:{color:text};
- background-color:{color:background};
- background-image: url('{image:background}');
- background-attachment:fixed;
- }
- a {
- text-decoration:none;
- color:{color:links};
- }
- b, strong {
- color:{color:bold};
- }
- i, em {
- color:{color:italic};
- }
- #side {
- width:222px;
- overflow:hidden;
- position:fixed;
- top:60px;
- left:30px;
- font-family:courier;
- }
- #sidebar {
- width:200px;
- padding:10px;
- border:1px solid {color:SidebarBorder};
- background-color:{color:Sidebar};
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #sidebar img {
- width:100px;
- height:100px;
- border:5px solid {color:ImageBorder};
- }
- #description {
- margin-top:22px;
- word-break:normal;
- color:{color:Description};
- }
- #title {
- text-align:center;
- font-size:16px;
- text-transform:uppercase;
- color:{color:Title};
- margin-bottom:5px;
- }
- #links {
- margin-left:155px;
- margin-top:-97px;
- }
- #links a {
- display:block;
- width:6px;
- margin-bottom:6px;
- padding:0px 5px 0px 2px;
- line-height:16px;
- font-size:10px;
- text-transform:uppercase;
- overflow:hidden;
- text-align:right;
- color:{color:LinksBackground};
- background-color:{color:LinksBackground};
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- #links a:hover {
- color:{color:links};
- width:50px;
- }
- #links img {
- height:auto;
- }
- #xlinks {
- text-align:center;
- margin-bottom:5px;
- }
- #xlinks a{
- display:inline-block;
- font-size:10px;
- font-family:arial;
- line-height:13px;
- text-transform:lowercase;
- }
- #xlinks a:hover {
- color:{color:LinksHover};
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- #posts {
- width:522px;
- {block:if400px}width:422px;{/block:if400px}
- margin-left:280px;
- margin-top:40px;
- overflow:hidden;
- margin-bottom:30px;
- }
- #entries {
- width:500px;
- {block:if400px}
- width:400px;
- {/block:if400px}
- padding:10px;
- background-color:{color:Post};
- border:1px solid {color:PostBorder};
- }
- #entries blockquote {
- padding:1px 0px 1px 4px;
- margin-left:10px;
- border-left:3px solid {color:Blockquote};
- }
- #entries img {
- max-width:100%;
- }
- {block:IfHoverPhotos}
- .photo {
- opacity:.6;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- .photo:hover {
- opacity:1;
- }
- {/block:IfHoverPhotos}
- {block:IfMonochromeImages}
- {block:IndexPage}
- #entries img, #entries iframe {
- -webkit-filter: grayscale(1);
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #entries img:hover, #entries iframe:hover {
- -webkit-filter: grayscale(0);
- }
- {/block:IndexPage}
- {/block:IfMonochromeImages}
- #pagination {
- width:60px;
- margin-top:10px;
- }
- .cap {
- overflow:hidden;
- }
- /*AUDIO*/
- #hng {
- margin-bottom:100px;
- }
- #play {
- width:500px;
- {block:if400px}
- width:400px;
- {/block:if400px}
- position:absolute;
- }
- #gah {
- width:30px;
- height:51px;
- padding-top:30px;
- border:10px solid #fff;
- overflow:hidden;
- background-color:#FFF;
- opacity:.7;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #gah:hover {
- opacity:1;
- }
- #things {
- height:80px;
- padding-top:20px;
- padding-left:10px;
- margin-top:-115px;
- margin-left:105px;
- border-left:2px solid {color:AudioBorder};
- }
- @-moz-document url-prefix() {
- .picks {
- margin-top:-116px;
- }
- }
- #quo {
- text-align:center;
- font-size:16px;
- }
- #sou {
- text-align:center;
- font-size:11px;
- }
- #quote {
- padding:10px;
- text-transform:uppercase;
- background-color:{color:Quote};
- }
- #tags {
- margin-top:10px;
- font-size:10px;
- padding-top:5px;
- border-top:1px solid {color:Blockquote};
- }
- #tags a {
- font-size:11px;
- letter-spacing:1px;
- font-family:courier;
- }
- #perma {
- margin-bottom:15px;
- text-transform:uppercase;
- font-size:10px;
- line-height:10px;
- font-family:courier;
- width:500px;
- padding:2px 15px;
- }
- #permalink {
- border-top:1px solid {color:Blockquote};
- font-size:11px;
- font-family:courier;
- padding-top:5px;
- margin-top:10px;
- }
- #xtitle {
- margin-left:-10px;
- padding-left:10px;
- line-height:20px;
- font-size:16px;
- text-transform:uppercase;
- font-family:courier;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- border-left:30px solid {color:PostBorder};
- }
- #xtitle:hover {
- border-left:60px solid {color:PostBorder};
- }
- #xtitle, #xtitle a {
- color:{color:PostTitle};
- }
- #ans img {
- border:4px solid {color:PostBorder};
- }
- #answer {
- margin-left:-106px;
- }
- {CustomCSS}
- </style>
- {block:IfEndlessScroll}
- <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
- </head>
- <body>
- <div id="side">
- <div id="sidebar">
- {block:IfShowTitle}<div id="title">{Title}</div>{/block:IfShowTitle}
- <center><img src="{image:sidebar}"></center>
- <div id="links">
- <a href="/">Home</a>
- <a href="/ask">Ask</a>
- <a href="/archive">Archive</a>
- <a href="http://bakaothemes.tumblr.com/">Theme</a>
- </div>
- <div id="description">
- <div id="xlinks">
- {block:ifLink1}<a href="{text:Link1}">{text:Link1Title}</a>{/block:ifLink1}
- {block:ifLink2} <small><small>☯</small></small> <a href="{text:Link2}">{text:Link2Title}</a>{/block:ifLink2}
- {block:ifLink3} <small><small>☯</small></small> <a href="{text:Link3}">{text:Link3Title}</a>{/block:ifLink3}
- {block:ifLink4} <small><small>☯</small></small> <a href="{text:Link4}">{text:Link4Title}</a>{/block:ifLink4}
- {block:ifLink5} <small><small>☯</small></small> <a href="{text:Link5}">{text:Link5Title}</a>{/block:ifLink5}
- </div>
- {Description}</div>
- </div>
- <center>
- {block:IfNoEndlessScroll}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}" style="float:left;"><<</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" style="float:right;">>></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:IfNoEndlessScroll}
- </center>
- </div>
- <div id="posts">
- {block:Posts}
- <div id="entries">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
- {block:RebloggedFrom}{ReblogParentURL}{ReblogRootURL}{/block:RebloggedFrom}-->
- {/block:ContentSource}
- {block:Text}
- {block:Title}<div id="xtitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- <div class="cap">
- {Body}
- </div>
- {/block:Text}
- {block:Answer}
- <div class="cap">
- <table id="ans">
- <tr><td width="106px;" height="86px;">
- <center><img src="{AskerPortraitURL-96}" width="76px;"></center>
- </td>
- <td>
- {Asker} inquired: {Question}
- </td><tr>
- </table>
- {Answer}
- </div>
- {/block:Answer}
- {block:Photo}
- <div class="cap">
- <center><img src="{PhotoURL-500}" class="photo"></center>
- {block:IfCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfCaptions}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="cap">
- {block:if500px}{Photoset-500}{/block:if500px}
- {block:if400px}{Photoset-400}{/block:if400px}
- {block:IfCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfCaptions}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="cap">
- <div id="quote">
- <div id="quo"><big>❝</big>{Quote}❞</div>
- <div id="sou"><i>-{Source}</i></div>
- </div>
- </div>
- {/block:Quote}
- {block:Video}
- {block:if500px}{Video-500}{/block:if500px}
- {block:if400px}{Video-400}{/block:if400px}
- {/block:Video}
- {block:Chat}
- {block:Title}<div id="xtitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- <div class="cap">
- {block:Lines}
- {block:Label}
- <b>{Label}</b>
- {/block:Label}
- {Line}<br>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="cap">
- <div id="hng"><div id="play"><div id="gah">{AudioPlayerWhite}</div></div></div>
- <p style="margin-top:-100px;"><img src="http://static.tumblr.com/hxaftoq/BX3mp3222/screen_shot_2013-06-27_at_21.08.08.png" width="100px;"></p>
- {block:AlbumArt}
- <p style="margin-top:-115px;"><div class="picks"><img src="{AlbumArtURL}" width="100px"></div></p>
- {/block:AlbumArt}
- <div id="things">{block:TrackName}
- <b>Song:</b> {TrackName}<br>
- {/block:TrackName}
- {block:Artist}
- <b>Artist:</b> {Artist}<br>
- {/block:Artist}
- {block:Album}
- <b>Album:</b> {Album}<br>
- {/block:Album}
- </div>
- {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
- </div>
- {/block:Audio}
- {block:Link}
- <div id="xtitle"><a href="{URL}">{Name}</a></div>
- <div class="cap">
- {block:Description}{Description}{/block:Description}
- </div>
- {/block:Link}
- {block:IndexPage}
- {block:IfShowTags}
- <div class="cap">
- {block:HasTags}
- <div id="tags">Tagged:
- {block:Tags}#<a href="{TagURL}" {Target}>{Tag}</a> {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {/block:IfShowTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="cap">
- <div id="permalink">
- {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a> | <a href="{ReblogRootURL}">Origin</a><br>{/block:RebloggedFrom}
- {block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}<br>{/block:HasTags}
- {block:Date}Reblogged {TimeAgo}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- {/block:PermalinkPage}
- </div>
- {block:IndexPage}
- <div class="cap">
- <div id="perma">{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a> // <a href="{ReblogRootURL}">Origin</a> // {/block:RebloggedFrom}<a href="{ReblogURL}">Reblog</a><br>
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}with: <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
- </div>
- {/block:IndexPage}
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement