Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>{block:TagPage}posts tagged {Tag} - {/block:TagPage}{block:SearchPage}results for {SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="image:Background" content=""/>
- <meta name="color:Background" content="#333333"/>
- <meta name="image:Default Album Art" content="http://static.tumblr.com/puls2hm/dUJnyblrp/default_album_300_g4.png"/>
- <meta name="if:Stretch Background" content="0"/>
- <meta name="color:Profile Text" content="#ffffff"/>
- <meta name="color:Navigation BG" content="#555555"/>
- <meta name="color:Description BG" content="#d94040"/>
- <meta name="color:Description Text" content="#ffffff"/>
- <meta name="color:Navigation Text" content="#ffffff"/>
- <meta name="color:Post Content Text" content="#ffffff"/>
- <meta name="color:Post Content BG" content="#333333"/>
- <meta name="color:Post Caption Text" content="#ffffff"/>
- <meta name="color:Post Caption BG" content="#d94040"/>
- <meta name="color:Permalink Text" content="#ffffff"/>
- <meta name="text:Profile Label 1" content="Name"/>
- <meta name="text:Profile Content 1" content=" "/>
- <meta name="text:Profile Label 2" content="D.O.B."/>
- <meta name="text:Profile Content 2" content=" "/>
- <meta name="text:Profile Label 3" content="Location"/>
- <meta name="text:Profile Content 3" content=" "/>
- <meta name="text:Profile Label 4" content="ID #"/>
- <meta name="text:Profile Content 4" content=" "/>
- <meta name="text:Ask Action" content="asked"/>
- <meta name="text:Answer Action" content="replied"/>
- <meta name="image:Profile Picture" content=""/>
- <meta name="image:PPDC Logo" content=""/>
- <meta name="if:Dashed Borders" content="1"/>
- <meta name="if:White Buttons" content="1"/>
- <meta name="if:White Audio Player" content="1"/>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $('#dwrap').click(function(){
- $('#nav').removeClass('open');
- $('#dwrap, #profile').toggleClass('open');
- $('#desc').slideToggle();
- });
- $('#profile h2').click(function(){
- $('#nav').toggleClass('open');
- });
- });
- </script>
- <link href='https://fonts.googleapis.com/css?family=Bitter|Raleway:400,700' rel='stylesheet' type='text/css'>
- <style type="text/css">
- *, *:after, *:before {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
- #desc, img.dp {-webkit-transition:none; -moz-transition:none; transition:none;}
- a.i.open, #links {-webkit-transition:none; -moz-transition:none; transition:none;}
- body {background:{color:Background} url({image:Background}) fixed center center; {block:ifStretchBackground}background-size:100% 100%;{/block:ifStretchBackground} font-family:Raleway, sans-serif; color:{color:Body Text}; line-height:1.5em;}
- h1, h2, h3, h4, h5, h6 {font-family:Bitter;}
- a {text-decoration:none; color:inherit;}
- /*----MENU----*/
- #menu {max-height:100%; max-width:250px; position:fixed; top:25px; right:25px; text-align:right; line-height:120%; color:{color:Profile Text};}
- #menu h1 {line-height:100%;}
- /*----PROFILE----*/
- #profile {width:225px; height:390px; position:relative; text-align:left; display:inline-block;}
- #profile:before {content:''; height:0; width:524px; border-bottom:dashed 15px {color:Navigation BG}; position:absolute; top:0; left:-164px; -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-transform:scale(0.4, 1.5) skew(45deg); -ms-transform:scale(0.4, 1.5) skew(45deg); transform:scale(0.4, 1.5) skew(45deg);}
- #file {margin-top:37px; margin-left:5px; text-transform:uppercase; font-size:0.75em;}
- #file span {display:block; margin:0; width:155px;}
- #file span b {display:inline-block; width:75px;}
- img.pp {width:150px; height:180px; margin-top:20px;}
- img.ppdcp {width:65px; height:90px; margin-left:5px;}
- #profile h2 {position:absolute; top:31px; left:100%; margin:0; height:65px; line-height:65px; width:190px; overflow:hidden; padding:0; text-align:center; -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); font-size:45px; letter-spacing:10px; cursor:pointer;}
- #profile:after {content:''; height:0; width:524px; border-bottom:dashed 15px {color:Description BG}; position:absolute; bottom:35px; right:-150px; -webkit-transform-origin:bottom center; -ms-transform-origin:bottom center; transform-origin:bottom center; -webkit-transform:scale(0.4, 1.5) skew(45deg); -ms-transform:scale(0.4, 1.5) skew(45deg); transform:scale(0.4, 1.5) skew(45deg);}
- #profile.open:after {bottom:368px;}
- #dwrap {height:35px; width:100%; position:absolute; bottom:0; left:0; background:{color:Description BG}; color:{color:Description Text}; overflow:hidden;}
- #dwrap:before {content:'click to show description'; display:block; text-align:center; text-transform:uppercase; font-size:0.9em; line-height:35px; cursor:pointer;}
- #desc {display:none; font-size:0.85em; height:290px; padding:25px; overflow:auto;}
- #desc a {background:{color:Description Text}; color:{color:Description BG}; padding:2px 4px; margin:0 2px;}
- #desc a:hover {opacity:0.6;}
- #dwrap.open {height:368px;}
- #desc p:first-child {margin-top:0;}
- #desc p:last-child {margin-bottom:0;}
- #dwrap.open:before {content:'click to hide description';}
- /*----NAVIGATION----*/
- #nav {background:{color:Navigation BG}; color:{color:Navigation Text}; height:310px; width:0px; position:absolute; top:22px; left:0; overflow-x:hidden; overflow-y:auto;}
- #nav.open {width:160px;}
- #nav a {display:inline-block; float:right; clear:right; cursor:pointer; margin:5px 10px; z-index:2; padding:5px 8px;}
- #nav a:hover {margin-right:25px; color:{color:Navigation BG}; background:{color:Navigation Text};}
- /*----POSTS----*/
- #posts {width:500px; position:absolute; top:0; right:50%; margin-right:-225px; font-size:0.9em; padding-bottom:75px;}
- div.entry {background:{color:Post Caption BG}; color:{color:Post Caption Text}; width:100%; margin-top:75px; padding-bottom:15px;}
- .entry * {max-width:100%;}
- .entry img {height:auto;}
- h2.title {margin:100px 0 -70px 0; text-align:center; text-transform:uppercase; font-size:2em; line-height:120%; color:{color:Permalink Text};}
- blockquote {border-left:solid 1px {color:Post Caption Text}; {block:ifDashedBorders}border-left-style:dashed;{/block:ifDashedBorders} padding-left:15px; margin:0 15px 0 15px;}
- a.tumblr_blog {font-size:0.8em; text-transform:uppercase;}
- .entry h2 {font-size:1.3em; text-transform:uppercase;}
- .entry h3 {font-size:1.15em; text-transform:uppercase;}
- .entry h4 {font-size:1em; text-transform:uppercase;}
- p.read_more_container {text-align:center;}
- .entry a.read_more {padding:5px 20px; font-size:0.9em; text-transform:uppercase;}
- /*----PAGE TITLES----*/
- h2#page {text-align:center; text-transform:uppercase; border:dashed 2px {color:Post Caption BG}; color:{color:Permalink Text}; margin-top:75px; padding:10px 15px;}
- /*----POST TOP BAR----*/
- div.topbar {background:{color:Post Caption BG}; color:{color:Post Caption Text}; padding:5px 10px;}
- div.topbar span {text-transform:uppercase; font-size:0.9em; margin-right:20px;}
- div.topbar span:last-of-type {margin-right:0;}
- a.reblog_button {margin-top:1px;}
- a.reblog_button, div.like_button {float:right; margin-left:10px;}
- a.reblog_button:hover, div.like_button:hover {opacity:0.6;}
- /*----CAPTIONS----*/
- div.caption {padding:10px 10px 0 10px;}
- div.caption p:first-child {margin-top:0;}
- div.caption p:last-child {margin-bottom:0;}
- .caption a {background:{color:Post Caption Text}; color:{color:Post Caption BG}; padding:2px 4px; margin:0 2px;}
- .caption a:hover {opacity:0.6;}
- /*----TEXT POSTS----*/
- div.caption.text {background:{color:Post Content BG}; color:{color:Post Content Text}; padding:15px;}
- .caption.text a {color:{color:Post Content BG}; background:{color:Post Content Text};}
- /*----PHOTO POSTS----*/
- img.photo {display:block; width:100%;}
- div.pset {background:{color:Post Content BG}; display:block; padding:8px 6px 0 6px;}
- div.ct {position:absolute; background:{color:Post Content BG}; color:{color:Post Content Text}; padding:7px 11px; opacity:0;}
- .entry.ph:hover div.ct {opacity:1;}
- /*----QUOTE POSTS----*/
- h2.quote {background:{color:Post Content BG}; color:{color:Post Content Text}; margin:0; padding:15px; line-height:1.2em;}
- h2.quote:before {content:"“ "; color:{color:Post Caption BG};}
- h2.quote:after {content:" ”"; color:{color:Post Caption BG};}
- h2.quote.short {font-size:1.75em;}
- h2.quote.long {font-size:1.25em;}
- /*----LINK POSTS----*/
- a.link {font-size:1.5em; text-transform:uppercase; font-weight:bold; background:{color:Post Content BG}; color:{color:Post Content Text}; padding:15px; display:block;}
- a.link:after {content:' ❯'; color:{color:Post Caption BG};}
- a.link:hover {color:{color:Post Content BG}; background:{color:Post Content Text};}
- /*----CHAT POSTS----*/
- div.line {color:{color:Post Content Text}; padding:10px 15px; border-bottom:solid 1px {color:Post Content Text};}
- div.line:last-of-type {border-bottom:0;}
- div.line b {text-transform:uppercase;}
- div.line.odd {background:{color:Post Content BG};}
- div.line.even {background:rgba({RGBcolor:Post Content BG},0.9);}
- /*----AUDIO POSTS----*/
- .audio {background:white; width:100%; height:112px; position:relative; display:table; overflow:hidden;}
- .player span div iframe {width:100% !important; height:112px !important;}
- .audio img {height:98px; width:98px; float:right; margin-top:-112px; margin-right:7px; position:relative;}
- .audin {overflow:hidden; margin:-112px 105px 0 50px; text-align:center; font-size:14px; line-height:150%; padding:7px 0; height:84px; position:relative;}
- .audin * {display:block; height:21px; line-height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:315px; text-transform:uppercase;}
- {block:ifWhiteAudioPlayer}
- .audio {color:black;}
- .audio img {background:white;}
- .audin {background:white;}
- {/block:ifWhiteAudioPlayer}
- {block:ifNotWhiteAudioPlayer}
- .audio {color:white;}
- .audio img {background:black;}
- .audin {background:black;}
- {/block:ifNotWhiteAudioPlayer}
- /*----ANSWER POSTS----*/
- div.ask, div.answer {background:{color:Post Content BG}; color:{color:Post Content Text}; padding:20px;}
- div.ask {background:rgba({RGBcolor:Post Content BG},0.9); border-bottom:solid 1px {color:Post Content Text};}
- .ask img, .answer img {float:left; margin:0 10px 0 0; vertical-align:middle;}
- .ask b, .answer b {text-transform:uppercase; display:block;}
- .ask span {display:inline-block; margin:10px 0 0 10px; padding:0 15px 0 22px; border-left:solid 2px {color:Post Content Text}; {block:ifDashedBorders}border-left-style:dotted;{/block:ifDashedBorders}}
- .answer span {display:inline-block; margin-top:10px;}
- .answer span span {display:initial; margin-top:initial;}
- .ask span p:first-child, .answer span p:first-child {margin-top:0;}
- .ask span p:last-child, .answer span p:last-child {margin-bottom:0;}
- .answer span a {background:{color:Post Content Text}; color:{color:Post Content BG}; padding:2px 4px; margin:0 2px;}
- .ask a:hover, .answer a:hover {opacity:0.6;}
- /*----PERMALINK----*/
- div.perm {border:dashed {color:Post Caption BG}; border-width:0 2px 2px 2px; margin:0 25px; padding:5px 0 5px 10px; text-transform:uppercase; font-size:0.9em; text-align:center; color:{color:Permalink Text};}
- br.pbr {display:none;}
- .perm a {margin-right:15px;}
- div.tags {text-align:center; font-size:0.9em; margin:10px 25px; color:{color:Permalink Text}; opacity:0; {block:PermalinkPage}opacity:0.8;{/block:PermalinkPage}}
- .ewrap:hover > div.tags {opacity:1;}
- .tags a {margin:0 5px;}
- .perm a:hover, .tags a:hover {opacity:0.6;}
- /*--------*/
- /*----PAGINATION----*/
- #pg {margin-top:75px; {block:PermalinkPage}margin:25px 0;{/block:PermalinkPage} display:inline-block; width:100%;}
- #pg a {padding:5px 15px; text-transform:uppercase; background:{color:Post Content BG}; color:{color:Post Content Text}; margin:0 25px;}
- #pg a:hover {color:{color:Post Content BG}; background:{color:Post Content Text};}
- #pg a.p {float:left;}
- #pg a.n {float:right;}
- /*--------*/
- /*----NOTES----*/
- ol.notes {list-style-type:none; padding:0; margin:0; font-size:0.9em; color:{color:Permalink Text};}
- ol.notes li {padding:5px 10px; margin:5px 0;}
- img.avatar {vertical-align:middle; margin-right:10px;}
- ol.notes blockquote {padding-left:8px; margin:5px 8px;}
- ol.notes a:hover {opacity:0.6;}
- /*--------*/
- /*----CREDITS----*/
- a.cred {position:fixed; bottom:25px; right:25px; font-size:0.7em; color:{color:Permalink Text};}
- a.cred:hover {opacity:0.6;}
- /*--------*/
- /*----MEDIA QUERIES----*/
- @media only screen and (max-width:1050px), only screen and (max-device-width:1050px) {
- #posts {right:300px; margin-right:0;}
- }
- @media only screen and (max-width:850px), only screen and (max-device-width:850px) {
- #posts {width:400px;}
- .audin * {width:215px;}
- br.pbr {display:initial;}
- }
- @media only screen and (max-width:750px), only screen and (max-device-width:750px) {
- #menu {position:initial; height:initial; width:400px; text-align:center; margin:auto; max-width:90%;}
- #profile {width:100%;}
- #dwrap {position:initial; height:initial; width:100%;}
- #desc {display:block; height:initial; text-align:justify;}
- #nav {height:initial; width:initial; position:initial; text-align:center; padding:10px; font-size:0.8em;}
- #nav a {float:none; text-transform:uppercase;}
- #nav a:hover {margin-right:10px;}
- #profile h2, #file, img.pp, img.ppdcp, #profile:before, #profile:after, #dwrap:before {display:none;}
- #posts {position:initial; right:initial; margin:auto; max-width:90%;}
- .audin * {width:115px;}
- a.cred {position:initial; display:block; width:100%; text-align:center; margin-bottom:50px;}
- }
- /*--------*/
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="menu">
- <h1>{Title}</h1>
- <div id="profile">
- <h2>LINKS</h2>
- <div id="file">
- <span><b>{text:Profile Label 1}</b>{text:Profile Content 1}</span>
- <span><b>{text:Profile Label 2}</b>{text:Profile Content 2}</span>
- <span><b>{text:Profile Label 3}</b>{text:Profile Content 3}</span>
- <span><b>{text:Profile Label 4}</b>{text:Profile Content 4}</span>
- </div>
- <img class="pp" src="{image:Profile Picture}"/>
- <img class="ppdcp" src="{image:PPDC Logo}"/>
- <div id="dwrap">
- <div id="desc">{Description}</div>
- </div>
- <div id="nav">
- <a href="/" data-hover="INDEX">INDEX</a>
- {block:AskEnabled}<a href="/ask" data-hover="CONTACT">CONTACT</a>{/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit" data-hover="SUBMISSIONS">SUBMISSIONS</a>{block:SubmissionsEnabled}
- <a href="/archive">ARCHIVE</a>
- {block:HasPages}{block:Pages}
- <a href="{URL}" data-hover="{Label}">{Label}</a>
- {/block:Pages}{/block:HasPages}
- </div>
- </div>
- </div>
- <!---------------------------------POSTS--------------------------------->
- <div id="posts">
- {block:TagPage}<h2 id="page">Posts tagged <a href="{TagURL}">{Tag}</a></h2>{/block:TagPage}
- {block:SearchPage}<h2 id="page"> {SearchResultCount} result(s) for "<a href="/search/{URLSafeSearchQuery}">{SearchQuery}</a>"</h2>{/block:SearchPage}
- {block:Posts}
- <div class="ewrap">
- {block:Text}{block:Title}<h2 class="title">{Title}</h2>{/block:Title}{/block:Text}
- {block:Chat}{block:Title}<h2 class="title">{Title}</h2>{/block:Title}{/block:Chat}
- <div class="entry {block:Photo}ph{/block:Photo}">
- <div class="topbar">{block:Date}
- <span>Type: {PostType}</span>
- <span>ID: {PostID}</span>
- {block:RebloggedFrom}<span>Reblogged</span>{/block:RebloggedFrom}
- {block:NotReblog}<span {block:Submission}style="display:none"{/block:Submission}>Original</span>{/block:NotReblog}
- {block:Submission}<span>Submission</span>{/block:Submission}
- {block:ifWhiteButtons}{LikeButton size="13" color="white"}
- {ReblogButton size="13" color="white"}{block:ifWhiteButtons}
- {block:ifNotWhiteButtons}{LikeButton size="13" color="black"}
- {ReblogButton size="13" color="black"}{block:ifNotWhiteButtons}
- {/block:Date}</div>
- {block:Text}
- <div class="caption text">{Body}</div>
- {/block:Text}
- {block:Photo}
- {block:LinkURL}{LinkOpenTag}<div class="ct">CLICK-THROUGH LINK</div>{LinkCloseTag}{/block:LinkURL}
- {block:PermalinkPage}<a href="/image/{PostID}">
- {/block:PermalinkPage}{block:IndexPage}
- <a href="{Permalink}">{/block:IndexPage}
- <img class="photo" src="{PhotoURL-500}" title="{PhotoAlt}"/>
- {block:PermalinkPage}</a>{/block:PermalinkPage}
- {block:IndexPage}</a>{/block:IndexPage}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Panorama}
- {LinkOpenTag}
- <img class="photo" src="{PhotoURL-Panorama}" title="{PhotoAlt}"/>
- {LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Panorama}
- {block:Photoset}
- <div class="pset">{Photoset}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <h2 class="quote {Length}">{Quote}</h2>
- {block:Source}<div class="caption"> – {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <a class="link" href="{URL}" target="{Target}">{Name}</a>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Lines}<div class="line {Alt}">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}
- </div>{/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- <div class="player">
- {block:ifWhiteAudioPlayer}{AudioPlayerWhite}{/block:ifWhiteAudioPlayer}
- {block:ifNotWhiteAudioPlayer}{AudioPlayerBlack}{/block:ifNotWhiteAudioPlayer}
- </div>
- <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
- {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
- <div class="audin">
- {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
- {block:Artist}<span>{Artist}</span>{/block:Artist}
- {block:Album}<i>{Album}</i>{/block:Album}
- {block:PlayCount}<span>{FormattedPlayCount}</span>{/block:PlayCount}
- </div>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="ask">
- <img src="{AskerPortraitURL-24}" />
- <b>{Asker} {text:Ask Action}:</b> <span> {Question}</span>
- </div>
- <div class="answer">
- {block:Answerer}<img src="{AnswererPortraitURL-24}" />{/block:Answerer}
- <img src="{PortraitURL-24}" {block:Answerer}style="display:none"{block:Answerer} />
- {block:Answerer}<b>{Answerer} {text:Answer Action}:</b>{/block:Answerer}
- <b {block:Answerer}style="display:none"{block:Answerer}>{Name} {text:Answer Action}:</b>
- <span>{Answer}</span>
- </div>
- {block:Answerer}<div class="caption">{Replies}</div>{/block:Answerer}
- {/block:Answer}
- </div>
- {block:Date}<div class="perm">
- <a href="{Permalink}">Posted on: {24HourWithZero}:{Minutes} {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
- <a href="{Permalink}">Notes: {NoteCount}</a>
- <br class="pbr"/>
- {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>
- <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
- </div>{/block:Date}
- {block:HasTags}<div class="tags">
- {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
- </div>{/block:HasTags}
- </div>
- {/block:Posts}
- {block:Pagination}<div id="pg">{block:PreviousPage}
- <a href="{PreviousPage}" class="p">< Back</a>
- {/block:PreviousPage}{block:NextPage}
- <a href="{NextPage}" class="n">Next ></a>
- {/block:NextPage}</div>{/block:Pagination}
- {block:PermalinkPagination}<div id="pg">{block:PreviousPost}
- <a href="{PreviousPost}" class="p"><</a>
- {/block:PreviousPost}{block:NextPost}
- <a href="{NextPost}" class="n">></a>
- {/block:NextPost}</div>{/block:PermalinkPagination}
- {PostNotes-16}
- </div>
- <a class="cred" href="http://syntaxthemes.tumblr.com">THEME © SYNTAXTHEMES</a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment