Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--------------------------------------------
- MADE BY: SPOILERALXRT
- FEEL FREE TO ASK IF YOU WANT IT
- --------------------------------------------->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <!--------------------------------------------
- META CODES
- --------------------------------------------->
- <meta name="image:background" content="" />
- <meta name="image:info" content="" />
- <meta name="color:background" content="#ffffff" />
- <meta name="color:text" content="#000000" />
- <meta name="color:accent" content="#e7d6db" />
- <meta name="color:bold" content="#e7c2cd" />
- <meta name="color:italic" content="#e7d6db" />
- <meta name="color:shadow" content="#c6c6c6" />
- <meta name="color:border" content="#c6c6c6" />
- <meta name="text:url one" content="url one" />
- <meta name="text:name one" content="name one" />
- <meta name="text:url two" content="url two" />
- <meta name="text:name two" content="name two" />
- <meta name="text:url three" content="url three" />
- <meta name="text:name three" content="name three" />
- <meta name="text:url four" content="url four" />
- <meta name="text:name four" content="name four" />
- <meta name="text:url five" content="url five" />
- <meta name="text:name five" content="name five" />
- <meta name="text:url six" content="url six" />
- <meta name="text:name six" content="name six" />
- <!--------------------------------------------
- SCRIPTS
- --------------------------------------------->
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type="text/javascript">
- /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
- $(document).ready(function() {
- function photosetResize() {
- $('iframe.photoset').each(function(){
- var newSize = 340;
- var newSrc = $(this).attr('src').replace('400',newSize);
- $(this).attr('src', newSrc).width(newSize);
- var high = $(this).css('height');
- var calculate = parseInt(high, 10)* newSize/400;
- $(this).css('height', calculate);
- });
- }
- photosetResize();
- });
- </script>
- <script type="text/javascript">
- function unhide(divID) {
- var item = document.getElementById(divID);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <style type="text/css">
- /*--------------------------------------------
- TEXT SELECTION
- ---------------------------------------------*/
- ::-moz-selection {
- background: transparent;
- color: {color:accent};}
- ::selection {
- background: transparent;
- color: {color:accent};}
- /*--------------------------------------------
- SCROLLBAR
- ---------------------------------------------*/
- ::-webkit-scrollbar {
- width: 0px;
- height:0px;}
- ::-webkit-scrollbar-track {
- background:transparent;}
- ::-webkit-scrollbar-thumb {
- background:transparent;
- border:0px solid transparent;}
- ::-webkit-scrollbar-thumb:window-inactive {
- background: transparent;}
- /*--------------------------------------------
- TOOLTIP
- ---------------------------------------------*/
- #s-m-t-tooltip {
- max-width:300px;
- margin-left:20px;
- font-weight:bold;
- margin-top:20px;
- font-size:7px;
- color:{color:text};
- text-shadow:0 0 0.8em {color:text};
- text-transform:uppercase;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:3px;
- font-family: 'Source Sans Pro', sans-serif;
- z-index:999999999999999999999999999999999999;}
- /*--------------------------------------------
- BASICS
- ---------------------------------------------*/
- body {
- background:{color:background};
- color: {color:text};
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 9px;
- word-wrap: break-word;
- text-align:justify;
- line-height:180%;}
- small, sup, sub {
- font-size:9px;}
- a {
- color:{color:text};
- font-weight:bold;
- text-decoration:none;
- font-size:7px;
- text-shadow:0 0 0.8em {color:text};
- text-transform:uppercase;
- letter-spacing:1px;}
- a:hover{
- text-decoration:none;}
- blockquote {
- width:280px;
- border-radius:13px;
- border-left:3px solid {color:border};
- margin-left: 15px;
- padding-left:15px;
- padding-top:1px;
- padding-bottom:1px;}
- blockquote img {
- max-width:300px;}
- blockquote p {
- padding-bottom:0px;}
- blockquote blockquote {
- width:220px;}
- figure {
- padding-bottom:10px;
- padding-top:10px;}
- iframe, img, embed, object, video {
- max-width: 340px;}
- p{
- padding-bottom:10px;}
- img {
- height: auto;
- width:auto;
- max-width:340px;}
- /*--------------------------------------------
- ACCENTS
- ---------------------------------------------*/
- b small, strong small, i small, em small {
- margin-top:5px;
- letter-spacing:1px;
- font-size:9px;}
- b, strong {
- font-weight:bold;
- font-size:15px;
- font-family: bebas neue;
- letter-spacing:0px;
- color:{color:bold};
- text-shadow:0 0 0.6em {color:shadow};
- text-transform:lowercase;}
- i, em {
- font-weight:bold;
- letter-spacing:0px;
- font-family: bebas neue;
- font-size:15px;
- color:{color:italic};
- text-shadow:0 0 0.6em {color:shadow};
- text-transform:lowercase;}
- /*--------------------------------------------
- LISTS
- ---------------------------------------------*/
- ol {
- list-style-type:upper-roman;}
- ul {
- list-style-type:square;}
- li {
- width:250px;}
- /*--------------------------------------------
- TITLES
- ---------------------------------------------*/
- h1 {
- font-size:28px;
- letter-spacing:0px;
- font-family:bebas neue;
- text-shadow:0 0 0.6em {color:shadow};
- color:{color:accent};}
- h1 a {
- text-shadow:0 0 0.6em {color:shadow};
- color:{color:accent};
- letter-spacing:0px;
- font-size:28px;}
- h2, h2 small {
- font-size:24px;
- letter-spacing:0px;
- text-shadow:0 0 0.6em {color:shadow};
- color:{color:accent};}
- h2 b, h2 strong, h2 i, h2 em {
- font-size:24px;}
- h2 a {
- font-family:bebas neue;
- text-shadow:0 0 0.6em {color:shadow};
- letter-spacing:0px;
- font-size:24px;
- color:{color:accent};}
- /*--------------------------------------------
- CONTAINER
- ---------------------------------------------*/
- #container {
- background-image:url('{image:background}');
- background-attachment:fixed;
- background-repeat:no repeat;
- background-position:top left;
- margin-top:-200px;
- height:1000px;
- width:1440px;
- margin-left:auto;
- margin-right:auto;}
- #postcontainer {
- background-color:transparent;
- position:fixed;
- margin-left:454px;
- margin-top:438px;
- height:340px;
- overflow-y: scroll;
- overflow-x:hidden;
- width: 365px;
- text-align:center;}
- #postcontainer img {
- max-width:340px;}
- /*--------------------------------------------
- NAV
- ---------------------------------------------*/
- #navbar{
- position:fixed;
- margin-top:420px;
- text-align:center;}
- .tabs {
- width:100%;
- margin-left:180px;
- display:inline-block;}
- .tab-links a {
- padding:7px;
- display:inline-block;
- color:{color:bold};
- font-size:25px;
- line-height:50%;
- text-shadow:0 0 0.6em {color:shadow};
- transition:all linear 0.15s;}
- /*--------------------------------------------
- POSTS
- ---------------------------------------------*/
- article {
- float:left;
- padding: 0px;
- width: 340px;
- text-align:justify;
- margin-bottom:40px;}
- /*--------------------------------------------
- POST INFO
- ---------------------------------------------*/
- .info {
- padding:8px;
- margin-top:20px;
- background-color:{color:border};
- background-image:url('{image:info}');}
- .postinfo {
- width:340px;
- text-align:center;
- font-size:15px;
- margin-top:15px;
- margin-bottom:10px;
- text-shadow:0 0 0.6em {color:shadow};
- color:{color:text};
- font-weight:normal;}
- .postinfo a {
- font-weight:bold;
- text-shadow:0 0 0.6em {color:shadow};
- color:{color:accent};
- font-size:15px;}
- .tags {
- width:340px;
- font-family: 'Source Sans Pro', sans-serif;
- text-align:left;
- margin-top:5px;}
- .tags a {
- text-shadow:0 0 0.8em {color:text};
- font-weight:bold;
- color:{color:text};
- font-size:7px;}
- /*--------------------------------------------
- POST NOTES
- ---------------------------------------------*/
- ol.notes {
- width:330px;
- display:block;
- text-transform:uppercase;
- font-family: 'Source Sans Pro', sans-serif;
- text-align:left;
- font-size:7px;
- margin-top:20px;
- list-style-type:none;
- margin-left:-20px;}
- ol.notes a {
- letter-spacing:1px;}
- ol.notes li.note{
- margin-bottom:5px;}
- .pagenotes {
- text-align:left;
- margin-top:15px;}
- .pagenotes img{
- height:0px;
- width:0px;}
- .hidden {display: none;}
- .unhidden {display: block;}
- /*--------------------------------------------
- CHAT
- ---------------------------------------------*/
- .line {
- padding:6px 15px;
- display:block;}
- /*--------------------------------------------
- QUOTE
- ---------------------------------------------*/
- .quote {
- text-shadow:0 0 0.6em {color:shadow};
- font-size:22px;
- font-family:bebas neue;
- width:300px;
- padding:15px;
- line-height:90%;
- text-align:center;
- color:{color:bold};
- letter-spacing:0px;
- font-weight:bold;
- text-transform:uppercase;}
- .source {
- width:310px;
- text-align:right;
- font-size:7px;
- font-weight:normal;
- font-family: 'Source Sans Pro', sans-serif;
- letter-spacing:2px;
- text-transform:uppercase;}
- /*--------------------------------------------
- ASK
- ---------------------------------------------*/
- .question {
- text-align:justify;
- border:1px solid {color:background};
- text-wrap:break-word;
- font-size:9px;
- padding:10px;
- padding-bottom:20px;
- color:{color:text};
- line-height:150%;
- letter-spacing:0px;}
- .da_q {
- line-height:16px;
- font-size:9px;
- margin-left:60px;
- width:250px;
- margin-top:-10px;
- text-align:left;}
- .answer {
- line-height:17px;
- letter-spacing:0px;
- font-weight:normal;
- margin-top:10px;}
- .answer small {font-size:9px;}
- .asker {
- text-shadow:0 0 0.6em {color:shadow};
- font-family:bebas neue;
- color:{color:bold};
- letter-spacing:0px;
- font-weight:bold;
- text-transform:uppercase;
- font-size:20px;
- text-align:center;
- font-weight:bold;
- margin-top:5px;
- padding-bottom:0px;}
- .portrait img {
- border-radius:30px;
- width:30px;
- height:30px;
- margin-top:5px;
- margin-left:5px;
- float:left;}
- /*--------------------------------------------
- AUDIO
- ---------------------------------------------*/
- .audio_wrapper {
- padding:0px;}
- .play_wrapper {
- width:335px;
- padding-bottom:15px;
- padding-top:5px;
- text-align:center;
- margin-top:0px;
- margin-left:1px;
- font-weight:bold;
- border:1px solid {color:border};}
- .track {
- margin-top:-30px;
- text-shadow:0 0 0.6em {color:shadow};
- color:{color:bold};
- font-family:bebas neue;
- width:300px;
- font-weight:bold;
- font-size:16px;
- text-transform:lowercase;
- letter-spacing:0px;
- text-align:right;}
- .player {
- width:50px;
- height:40px;
- overflow:hidden;
- text-align:center;
- background-color:transparent;
- border-right:none;}
- .audioplayer {
- width:26px;
- position:absolute;
- -webkit-transform:scale(1);
- -moz-transform:scale(1);
- -o-transform:scale(1);
- -ms-transform:scale(1);
- height:30px;
- overflow:hidden;
- opacity:0.4;
- margin-top:4px;
- margin-left:10px;}
- /*--------------------------------------------
- PAGINATION
- ---------------------------------------------*/
- #pagination{
- position:static;
- margin-top:10px;
- text-align:center;}
- #pagination a{
- color:{color:text};
- font-weight:bold;
- text-decoration:none;
- font-size:7px;
- text-shadow:0 0 0.8em {color:text};
- letter-spacing:1px;}
- .pagibutton{
- position:relative;
- display:inline-block;
- padding:15px;}
- /*--------------------------------------------
- DESCRIPTION
- ---------------------------------------------*/
- .box {
- position:fixed;
- width:195px;
- z-index:9999;
- text-align:justify;
- left:377px;
- top:417px;}
- .title {
- position:fixed;
- color:{color:text};
- background:{color:background};
- text-transform:uppercase;
- letter-spacing:3px;
- padding:2px 8px;
- font-size:7px;
- width:180px;
- text-shadow:0 0 0.8em {color:text};
- text-transform:uppercase;
- letter-spacing:2px;
- font-weight:bold;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- top:570px;
- left:377px;}
- .desc {
- color:{color:text};
- background-color:{color:background};
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:7px;
- padding:12px;
- overflow:auto;
- height:125px;
- line-height:2;
- opacity:1;}
- .desc a {
- color:{color:text};}
- /*--------------------------------------------
- CUSTOM CSS
- ---------------------------------------------*/
- {CustomCSS}
- </style>
- </head>
- <body>
- <!--------------------------------------------
- UPDATES
- --------------------------------------------->
- <div class="box">
- <div class="title">{Title}</div>
- <div class="desc">
- {Description}
- </div>
- </div>
- <div id="container">
- <!--------------------------------------------
- NAVIGATION
- --------------------------------------------->
- <div id="navbar">
- <div class="tabs">
- <ul class="tab-links">
- <a href="{text:url one}" title="{text:name one}">•</a><br>
- <a href="{text:url two}" title="{text:name two}">•</a><br>
- <a href="{text:url three}" title="{text:name three}">•</a><br>
- <a href="{text:url four}" title="{text:name four}">•</a><br>
- <a href="{text:url five}" title="{text:name five}">•</a><br>
- <a href="{text:url six}" title="{text:name six}">•</a></ul>
- </div>
- </div>
- <!--------------------------------------------
- TABS
- --------------------------------------------->
- <div class="tabs">
- <!--------------------------------------------
- TAB ONE
- --------------------------------------------->
- <div class="tab-content">
- <div id="tab1" class="tab active">
- <div id="postcontainer">
- {block:Posts}
- <article>
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--------------------------------------------
- TEXT
- --------------------------------------------->
- {block:Text}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {Body}
- {/block:Text}
- <!--------------------------------------------
- PHOTO
- --------------------------------------------->
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-400}" width="400px">
- {LinkCloseTag}
- {/block:Photo}
- <!--------------------------------------------
- PHOTOSET
- --------------------------------------------->
- {block:Photoset}
- {block:IndexPage}
- {Photoset-400}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-400}
- {/block:PermalinkPage}
- {/block:Photoset}
- <!--------------------------------------------
- QUOTE
- --------------------------------------------->
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- {/block:Quote}
- <!--------------------------------------------
- LINK
- --------------------------------------------->
- {block:Link}
- <h1><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!--------------------------------------------
- CHAT
- --------------------------------------------->
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}<div class="line">{block:Label}
- <b><span style="color:{color:bold};text-transform:uppercase;font-size:14px;">{Label}</span></b>
- {/block:Label}{Line}</div>{/block:Lines}
- {/block:Chat}
- <!--------------------------------------------
- AUDIO
- --------------------------------------------->
- {block:Audio}
- <div class="audio_wrapper">
- <div class="play_wrapper">
- <div class="player">
- {Block:AudioPlayer}
- <div class="audioplayer">{AudioPlayer}</div>
- {/Block:AudioPlayer}</div>
- {block:TrackName}
- <div class="track">{TrackName}</div>
- {/block:TrackName}</div></div>
- {/block:Audio}
- <!--------------------------------------------
- VIDEO
- --------------------------------------------->
- {block:Video}
- <div class="video">
- <div class="video-player">{Video-500}</div>
- {/block:Video}
- <!--------------------------------------------
- ASK
- --------------------------------------------->
- {block:Answer}
- <div class="question">
- <div class="portrait">
- <img src="{AskerPortraitURL-40}"></div>
- <div class="asker">{Asker}<b>.</b></div><br>
- <div class="da_q">{Question}</div></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <!--------------------------------------------
- CAPTION
- --------------------------------------------->
- {block:Permalink}
- {Caption}
- {/block:Permalink}
- <!--------------------------------------------
- POST INFO
- --------------------------------------------->
- <div class="postinfo">
- <div class="info"><a href="{Permalink}" title="{TimeAgo}">
- {block:Date}
- ✖
- {/block:Date}
- </a>
- {block:NoteCount}
- <a href="{Permalink}" title="{NoteCount} notes">✖</a>
- {/block:NoteCount}
- <a href="{ReblogURL}" target="_blank" class="details" title="reblog">✖</a></div>
- <!--------------------------------------------
- TAGS
- --------------------------------------------->
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <!--------------------------------------------
- NOTES
- --------------------------------------------->
- {block:PostNotes}
- <center><br>
- <a href="javascript:unhide('postnotes-16');">notes</a>
- </center>
- <div id="postnotes-16" class="hidden">
- <div class="pagenotes">
- {PostNotes-16}</div>
- </div>
- {/block:PostNotes}
- </article>
- {/block:Posts}
- <!--------------------------------------------
- PAGINATION
- --------------------------------------------->
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div class="pagibutton">back</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">
- <div class="pagibutton">next</div></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement