Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="https://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
- <!--" THEME BY BULLET-THEME.TUMBLR.COM "-->
- <meta name="image:Theme" content="">
- <meta name="image:Verse" content="">
- <meta name="image:Popup" content="">
- <meta name="color:Background" content="#ffffff">
- <meta name="color:Text" content="#aaaaaa">
- <meta name="color:Emphasis" content="#cccccc">
- <meta name="color:Link" content="#666666">
- <meta name="color:Link Hover" content="#333333">
- <meta name="color:Scrollbar" content="#333333">
- <meta name="color:Ask" content="#666666">
- <meta name="color:Ask Text" content="#dddddd">
- <meta name="color:Post Info" content="#666666">
- <meta name="color:Post Info Text" content="#dddddd">
- <meta name="color:Border" content="#ffffff">
- <meta name="color:Navigation" content="#aaaaaa">
- <meta name="color:Navi Shadow" content="#731B23">
- <meta name="color:Navigation Hover" content="#731B23">
- <meta name="color:qtip" content="#731B23">
- <meta name="color:InactiveTab" content="#888888">
- <meta name="color:Button" content="#888888">
- <meta name="color:Button Text" content="#eeeeee">
- <meta name="text:Emphasis Font" content="'Cinzel'">
- <meta name="text:Home Title" content="Home">
- <meta name="text:Ask Title" content="Contact">
- <meta name="text:Stats Title" content="Stats">
- <meta name="text:Stats" content="">
- <meta name="text:Rules Title" content="Rules">
- <meta name="text:Rules" content="">
- <meta name="text:Verses Title" content="Verses">
- <meta name="text:Navigation Title" content="Navigation">
- <meta name="text:Link1" content=""/>
- <meta name="text:Link1URL" content=""/>
- <meta name="text:Link2" content=""/>
- <meta name="text:Link2URL" content=""/>
- <meta name="text:Link3" content=""/>
- <meta name="text:Link3URL" content=""/>
- <meta name="text:Link4" content=""/>
- <meta name="text:Link4URL" content=""/>
- <meta name="text:Link5" content=""/>
- <meta name="text:Link5URL" content=""/>
- <meta name="text:Link6" content=""/>
- <meta name="text:Link6URL" content=""/>
- <meta name="text:music" content="Music">
- <script type="text/javascript"
- src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <style type="text/css">
- /* MAIN STYLES */
- /* Background, links, text */
- body {
- background: {color:Background};
- font-size: 8.5pt;
- font-family: tahoma;
- letter-spacing: 1px;
- color: {color:Text};
- margin: 0px;
- line-height: 13pt;
- overflow: hidden;
- }
- small {
- font-size: 8.5pt;
- line-height: 13pt;
- }
- ol li {
- padding: 0px 0px 5px 0px;
- }
- a:link, a:visited, a:active {
- color: {color:Link};
- text-decoration: none;
- font-size: 8pt;
- letter-spacing: 1px;
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- -o-transition: all 1s;
- transition: all 1s;
- }
- a:hover {
- color: {color:Link Hover};
- }
- div#qTip {
- background: rgba({RGBcolor:qtip},0.8);
- border-radius: 6px;
- padding: 2px 4px 2px 4px;
- display: none;
- margin-left:15px;
- margin-top:-4px;
- text-align: center;
- position: absolute;
- font-size: 8px;
- text-transform: uppercase;
- font-family: consolas;
- line-height:10px;
- z-index: 9999999;
- color: {color:Emphasis};
- letter-spacing: 2px;
- font-weight: bold;
- text-shadow: none;
- }
- iframe#tumblr_controls {
- white-space:nowrap;
- opacity: 0.3;
- -webkit-transition: all .5s;
- -moz-transition: all .5s;
- -o-transition: all .5s;
- transition: all .5s;
- }
- iframe#tumblr_controls:hover {
- opacity: 0.8;
- }
- ::-webkit-scrollbar {
- width: 3px;
- height: 3px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- }
- ::-webkit-scrollbar-track {
- background: transparent;
- }
- b, strong, i, em {
- color: {color:Emphasis};
- }
- h1 {
- width: 100%;
- text-align: center;
- font-family: {text:Emphasis Font};
- font-size: 16pt;
- line-height: 22px;
- color: {color:Emphasis};
- }
- h2 {
- font-family: {text:Emphasis Font};
- font-size: 13pt;
- line-height: 15px;
- color: {color:Emphasis};
- }
- h3 {
- font-family: {text:Emphasis Font};
- font-size: 10pt;
- margin-bottom: -5px;
- letter-spacing: 2px;
- color: {color:Emphasis};
- }
- /* TEMPLATE STYLES */
- /* Box setup, description */
- #maincontent {
- position: absolute;
- margin: auto;
- top: 0px;
- left: 0px;
- bottom: 0px;
- right: 0px;
- width: 1200px;
- height: 700px;
- background: url('{image:Theme}') center no-repeat;
- }
- #boxcontent {
- position: absolute;
- top: 88px;
- left: 440px;
- width: 434px;
- height: 524px;
- overflow-y: auto;
- overflow-x: hidden;
- }
- #post {
- width: 400px;
- height: auto;
- margin: 0px 0px 50px 17px;
- text-align: justify;
- }
- #postinfo {
- margin-top: 15px;
- width: 398px;
- height: 15px;
- line-height: 15px;
- background: {color:Post Info} url('{image:Verse}') center no-repeat;
- border: 1px solid {color:Border};
- padding: 2px 0px 2px 0px;
- color: {color:Post Info Text};
- font-size: 6pt;
- letter-spacing: 2px;
- text-transform: uppercase;
- text-align: center;
- font-family: Consolas;
- }
- #postinfo a {
- font-size: 6pt;
- font-family: Consolas;
- font-style: normal;
- color: {color:Post Info Text};
- }
- .tags {
- width: 100%;
- opacity: 0;
- margin-top: -15px;
- text-align: left;
- font-size: 6pt;
- line-height: 9px;
- letter-spacing: 1px;
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- -o-transition: all 1s;
- transition: all 1s;
- text-shadow: none;
- line-height: 10px;
- }
- .tags a {
- font-size: 6pt;
- font-family: Consolas;
- font-style: normal;
- color: {color:Post Info Text};
- }
- #post:hover .tags {
- opacity: 1;
- margin-top: 0px;
- }
- /* DESCRIPTION */
- /* Stuff to the side */
- #description {
- position: absolute;
- top: 88px;
- left: 908px;
- width: 174px;
- height: 524px;
- overflow-x: hidden;
- overflow-y: auto;
- text-align: center;
- }
- #description h1 {
- display: block;
- margin: 0px;
- width: 168px;
- padding: 2px;
- height: 20px;
- line-height: 20px;
- font-size: 10pt;
- font-family: {text:Emphasis Font};
- color: {color:Emphasis};
- background: {color:Post Info} url('{image:Verse}');
- border: 1px solid {color:Border};
- }
- /* NAVIGATION */
- /* Behold the scatter links! */
- #navigation {
- position: absolute;
- top: 230px;
- left: 75px;
- }
- #navigation a {
- font-weight: bold;
- font-family: {text:Emphasis Font};
- color: {color:Navigation};
- text-shadow: 0px 0px 5px {color:Navi Shadow}, 0px 0px 15px {color:Navi Shadow};
- }
- #navigation a:hover {
- color: {color:Navigation Hover};
- }
- .link1 {
- position: fixed;
- margin-left: 125px;
- margin-top: 0px;
- -webkit-transform: rotate(-20deg);
- transform: rotate(-20deg);
- }
- .link1 a { font-size: 10pt; }
- .link2 {
- position: fixed;
- margin-top: 30px;
- margin-left: 80px;
- -webkit-transform: rotate(-85deg);
- transform: rotate(-85deg);
- }
- .link2 a { font-size: 15pt; }
- .link3 {
- position: fixed;
- margin-top: 75px;
- margin-left: 40px;
- -webkit-transform: rotate(-15deg);
- transform: rotate(-15deg);
- }
- .link3 a { font-size: 20pt; }
- .link4 {
- position: fixed;
- margin-top: 130px;
- margin-left: 10px;
- -webkit-transform: rotate(50deg);
- transform: rotate(50deg);
- }
- .link4 a { font-size: 25pt; }
- .link5 {
- position: fixed;
- margin-top: 200px;
- margin-left: -5px;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
- }
- .link5 a { font-size: 30pt; }
- .link6 {
- position: fixed;
- margin-top: 280px;
- margin-left: -20px;
- font-size: 12pt;
- -webkit-transform: rotate(75deg);
- transform: rotate(75deg);
- }
- .link6 a { font-size: 35pt; }
- #pagination {
- position: absolute;
- top: 175px;
- left: 65px;
- }
- #pagination a {
- font-size: 7pt;
- font-family: verdana;
- letter-spacing: 2px;
- margin: 0px 10px 0px 10px;
- color: {color:Navigation};
- font-weight: normal;
- text-shadow: 0px 0px 5px {color:Navi Shadow}, 0px 0px 15px {color:Navi Shadow};
- }
- #pagination a:hover {
- color: {color:Navigation Hover};
- }
- /* POST STYLES */
- /* Ask, images, quotes */
- img {
- max-width: 100%;
- height: auto;
- opacity: 0.5;
- -webkit-filter: grayscale(75%); /* Chrome, Safari, Opera */
- filter: grayscale(75%);
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- -o-transition: all 1s;
- transition: all 1s;
- }
- img:hover {
- opacity: 1;
- -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
- filter: grayscale(0%);
- }
- .photoset {
- text-align: center;
- opacity: 0.8;
- -webkit-filter: grayscale(75%); /* Chrome, Safari, Opera */
- filter: grayscale(75%);
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- -o-transition: all 1s;
- transition: all 1s;
- }
- .photoset:hover {
- opacity: 1;
- -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
- filter: grayscale(0%);
- }
- figure {
- margin: 5px 0px 5px 0px;
- }
- blockquote {
- border-left: 2px solid {color:Text};
- padding-left: 5px;
- margin-right: 0px;
- margin-left: 2px;
- }
- .quotemark {
- font-size:90pt;
- opacity: 0.3;
- height: 70px;
- line-height: 100px;
- margin-bottom: -40px;
- text-shadow: none;
- }
- .quote {
- font-size: 13pt;
- line-height: 15pt;
- text-indent: 30px;
- font-family: {text:Emphasis Font};
- font-weight: bold;
- text-transform: uppercase;
- }
- .ask {
- padding: 8pt;
- font-family: consolas;
- background: {color:Ask};
- text-align: justify;
- min-height: 28px;
- color: {color:Ask Text};
- }
- .ask a, .ask b {
- color: {color:Ask Text};
- font-family: Consolas;
- font-size: 8pt;
- font-style: normal;
- font-weight: bold;
- }
- .ask img {
- border: 2px solid {color:Background} center;
- border-radius: 50%;
- }
- #albumart {
- width: 100px;
- height: 100px;
- display: inline-block;
- vertical-align: middle;
- margin-right: 10px;
- position: relative;
- }
- #player {
- width: 30px;
- height: 30px;
- overflow: hidden;
- position: absolute;
- top: 35px;
- left: 35px;
- }
- /* POPUP BOXES */
- /* Neat little links */
- #fade {
- display: none; /*--hidden by default--*/
- background: transparent;
- position: absolute;
- left: 0px;
- top: 0px;
- width: 100%; height: 100%;
- opacity: 0;
- z-index: 9999;
- }
- .popup_block {
- display: none; /*--hidden by default--*/
- background: {color:Background} url('{image:Popup}');
- position: absolute;
- top: 390px;
- left: 680px;
- z-index: 99999;
- height: 524px;
- overflow: auto;
- padding: 0px 17px 0px 17px;
- text-align: justify;
- }
- img.btn_close { float: right; margin: -5px -5px 0 0; }
- *html #fade { position: absolute; }
- *html .popup_block { position: absolute; }
- /* NAV BOX */
- /* Buttons for that popup */
- .navbox a {
- display: block;
- font-family: consolas!important;
- color: {color:Button Text};
- background: {color:Button};
- width: 100%;
- height: 20px;
- line-height: 20px;
- font-size: 7pt;
- letter-spacing: 2px;
- text-align: center;
- margin-bottom: 2px;
- text-transform: uppercase;
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- -o-transition: all 1s;
- transition: all 1s;
- }
- .navbox a:hover {
- opacity: 0.6;
- }
- /* TABBED VERSES */
- /* Exactly what it says on the tin */
- .tabs input[type=radio] {
- display: none;
- }
- .tabs {
- width: 100%;
- height: 450px;
- float: none;
- list-style: none;
- position: relative;
- padding: 0;
- }
- .tabs li{
- float: left;
- }
- .tabs label {
- display: block;
- margin: 0px 5px 0px 5px;
- padding: 0px 3px 0px 3px;
- color: {color:InactiveTab};
- font-size: 7pt;
- height: 13px;
- line-height: 13px;
- text-transform: uppercase;
- font-weight: normal;
- cursor: pointer;
- position: relative;
- font-family: consolas;
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- -o-transition: all 1s;
- transition: all 1s;
- }
- [id^=tab]:checked + label {
- color: {color:Button Text};
- background: {color:Button};
- }
- [id^=tab]:checked ~ [id^=tab-content] {
- display: block;
- }
- .tab-content{
- z-index: 2;
- display: none;
- text-align: justify;
- width: 400px;
- padding-right: 5px;
- height: 450px;
- overflow: auto;
- position: absolute;
- top: 50px;
- left: 0;
- }
- .verse {
- background: {color:Post Info} url({image:Verse}) center no-repeat;
- width: 350px;
- height: 30px;
- line-height: 30px;
- font-size: 15px;
- font-weight: bold;
- color: {color:Emphasis};
- font-family: {text:Emphasis Font};
- text-transform: uppercase;
- margin-top: 25px;
- }
- #credit {
- position: absolute;
- bottom: 10px;
- left: 10px;
- text-transform: uppercase;
- font-family: calibri;
- }
- #credit a {
- font-family: calibri;
- font-size: 8px;
- letter-spacing: 1px;
- font-weight: bold;
- }
- </style>
- </head>
- <body>
- <div id="music">{text:music}</div>
- <div id="maincontent">
- <div id="description">
- <h1>Born from a wish</h1>
- <p>simulacrum<br>
- /simyəˈlākrəm/<br>
- noun</p>
- <p>a: an image or representation of someone or something.</br>
- b: an unsatisfactory imitation or substitute.<br><br></p>
- <h1>Alive, in a way</h1>
- <p>Independent technomancer<br>
- original character</p>
- <p>Selective &<br>mutuals exclusive</p>
- <p>Affiliated with<br>
- <a style="font-size:11pt;font-family:'Cinzel'" href="https://saintfvck.tumblr.com" target="_blank">saintfvck</a><br><br></p>
- <h1>Human, almost</h1>
- <p>Penned by Bullet<br>
- Established 2/25/17</p>
- </div>
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">retreat</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">advance</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- <div id="navigation">
- <div class="link1"><a href="/" title="{text:Home Title}">1</a></div>
- <div class="link2"><a href="#?w=400" rel="02" class="poplight" title="{text:Ask Title}">2</a></div>
- <div class="link3"><a href="#?w=400" rel="03" class="poplight" title="{text:Rules Title}">3</a></div>
- <div class="link4"><a href="#?w=400" rel="01" class="poplight" title="{text:Stats Title}">4</a></div>
- <div class="link5"><a href="#?w=400" rel="04" class="poplight" title="{text:Verses Title}">5</a></div>
- <div class="link6"><a href="#?w=400" rel="05" class="poplight" title="{text:Navigation Title}">6</a></div>
- </div>
- <div id="boxcontent">
- {block:Posts}
- <div id="post">
- {block:Photo}
- {LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">{Photoset-400}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Video}
- <center>{Video-400}</center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="ask" style="width:380px;"><div style="float:left;margin-right:5px;vertical-align:middle;"><img src="{AskerPortraitURL-24}"></div><b>{Asker} said:</b> {Question}</div>
- {Answer}
- {/block:Answer}
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- <h1><a href="{url}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}
- <p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
- {/block:Lines}
- {/block:Chat}
- {block:Quote}
- <div class="quotemark">❝</div>
- <div class="quote">{quote}</div>
- {block:Source}<div style="text-align:right;margin-top:20px;">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Audio}
- {block:AlbumArt}
- <div id="albumart"><img src="{AlbumArtURL}"><div id="player">{AudioPlayerWhite}</div></div>
- {/block:AlbumArt}
- <div style="display:inline-block;height:100px;vertical-aling:middle;">
- {block:TrackName}{TrackName}{/block:TrackName}{Block:Artist}<br>{Artist}{/block:Artist}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <div id="postinfo">
- {block:Date}<a href="{Permalink}">{DayOfMonth} {Month} @ {24Hour}:{Minutes}</a>{/block:Date} {block:NoteCount} with <a href="{Permalink}">{NoteCount} ♥</a>{/block:NoteCount} {block:ContentSource}— <a href="{SourceURL}">Source</a>{/block:ContentSource} {block:RebloggedFrom}— <a href="{ReblogParentURL}">Via</a> {/block:RebloggedFrom}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}<div style="margin-top:50px;">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- <div id="01" class="popup_block">
- <h1>Grace</h1>
- {text:Stats}
- </div>
- <div id="02" class="popup_block">
- <h1>{text:Ask Title}</h1>
- <iframe id="ask_form" style="background-color: transparent; overflow: auto;" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" frameborder="0" scrolling="no" width="100%" height="150"></iframe>
- </div>
- <div id="03" class="popup_block">
- <h1>Guidelines</h1>
- {text:Rules}
- </div>
- <div id="04" class="popup_block">
- <ul class="tabs">
- <li>
- <input type="radio" checked name="tabs" id="tab1">
- <label for="tab1">Verse 1</label>
- <div id="tab-content1" class="tab-content">
- <center><div class="verse">A title</div></center>
- <p> This is a section dedicated to verse information. I mean, you could really modify these tags for whatever you want, but that's what I made them for. lol. </p>
- </div>
- </li>
- <li>
- <input type="radio" name="tabs" id="tab1b">
- <label for="tab1b">Verse 2</label>
- <div id="tab-content1b" class="tab-content">
- <center><div class="verse">A VERSE</div></center>
- <p> EDIT THIS HERE TEXT OKAY YEEHAWW </p>
- </div>
- </li>
- </ul>
- </div>
- <div id="05" class="popup_block">
- <h1>{text:Navigation Title}</h1>
- <div class="navbox">
- <a href="/submit">Submit</a>
- {block:ifLink1}<a href="{text:Link1URL}" class="button">{text:Link1}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2URL}" class="button">{text:Link2}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3URL}" class="button">{text:Link3}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link4URL}" class="button">{text:Link4}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:Link5URL}" class="button">{text:Link5}</a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:Link6URL}" class="button">{text:Link6}</a>{/block:ifLink6}
- </div>
- </div>
- </div>
- <div id="credit"><a href="https://bullet-theme.tumblr.com" target="_blank">Credit</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement