Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- theme by jenesis aka vielenes - made from a base code by neonbikethemes.
- -->
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Selection" content="#000000" />
- <meta name="color:Scrollbar" content="#947979" />
- <meta name="color:Text" content="#555" />
- <meta name="color:Bold" content="#947979" />
- <meta name="color:Italic" content="#947979" />
- <meta name="color:Header" content="#947979" />
- <meta name="color:Blockquote" content="#555" />
- <meta name="color:PostInfoText" content="#555" />
- <meta name="color:Tags" content="#555" />
- <meta name="color:Active Tab" content="#947979" />
- <meta name="color:Active Tab Text" content="#ffffff" />
- <meta name="image:sidepic" content=""/>
- <!-- FONT SCRIPTS -->
- <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
- <!-- IMPORTANT SCRIPTS - DO NOT REMOVE -->
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <!-- TOOLTIP SCRIPT -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/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>
- <style type="text/css">
- /* -------- SELECTION COLOR ------- */
- ::-moz-selection {
- background: {color:selection};
- color: #ffffff;
- }
- ::selection {
- background: {color:selection};
- color: #ffffff;
- }
- /* -------- SCROLLBAR ------- */
- ::-webkit-scrollbar {
- width: 4px;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background:transparent;
- }
- /* Handle */
- ::-webkit-scrollbar-thumb {
- background:{color:Scrollbar};
- }
- ::-webkit-scrollbar-thumb:window-inactive {
- background: transparent;
- }
- /* ------- TOOLTIP ------ */
- #s-m-t-tooltip {
- max-width:300px;
- margin:22px 20px 0px 10px;
- background:url('https://i.imgur.com/uBUkSVF.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border:1px solid #ffffff;
- border-radius:10px;
- padding:5px;
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color:#ffffff;
- font-weight:bold;
- text-shadow: 1px 1px 1px #000000;
- text-shadow: -1px -1px -1px #000000;
- z-index:999999999999999999999999999999999999;
- }
- /* -------- BODY STYLING ------- */
- body {
- color:{color:text};
- background-color:{color:background};
- font-style:normal;
- font-family:'arial';
- font-size:9px;
- letter-spacing:1px;
- text-decoration:none;
- line-height:18px;
- text-align:justify;
- }
- /* -------- BOLD, ITALIC, LINK, H1, H2 STYLING ------- */
- b,bold,strong {
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color:{color:bold};
- font-weight:bold;
- text-shadow: 1px 1px 1px #ddd;
- text-shadow: -1px -1px -1px #ddd;
- }
- i,italic,em {
- color:{color:italic};
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-weight:bold;
- text-shadow: 1px 1px 1px #ddd;
- text-shadow: -1px -1px -1px #ddd;
- }
- a {
- color: #555;
- text-decoration: none;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);
- }
- a:hover{
- color:none;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(1px);
- }
- small,s,sup{
- font-size:9px;
- }
- blockquote {
- border-left:1px solid {color:blockquote};
- padding-left:10px;
- padding-right:25px;
- margin:5px 5px 5px 10px;
- line-height:auto;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- p{
- margin-bottom:10px;
- }
- img {
- height: auto;
- width:auto;
- max-width:100%;
- }
- h1{
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color:{color:header};
- font-weight:bold;
- text-shadow: 1px 1px 1px #ddd;
- text-shadow: -1px -1px -1px #ddd;
- }
- h2{
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color:{color:header};
- font-weight:bold;
- text-shadow: 1px 1px 1px #ddd;
- text-shadow: -1px -1px -1px #ddd;
- }
- ul{
- list-style-type:square;
- }
- ol{
- list-style-type:;
- }
- #bigcon{
- width:520px;
- margin-left:auto;
- margin-right:auto;
- }
- /* -------- POSTS CONTAINER ------- */
- #postcontainer {
- position:static;
- margin-right:auto;
- width: 320px;
- overflow:hidden;
- margin-top:40px;
- margin-left:860px;
- margin-bottom:50px;
- }
- /* -------- TOP IMAGE - 200px wide ------- */
- #sidepic img {
- position:fixed;
- width:170px;
- margin-left:-40px;
- margin-top:75px;
- }
- /* -------- DESCRIPTION - keep the same length as icons for aesthetic!! ------- */
- #description{
- opacity:0;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- position:fixed;
- width:150px;
- height:590px;
- overflow-x:;
- line-height:16px;
- text-align:justify;
- margin-left:-40px;
- margin-top:75px;
- padding:10px;
- overflow-y:scroll;
- overflow-x:hidden;
- }
- #description:hover {
- opacity:0.9;
- background-color:#ffffff;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- /* -------- LINKS STYLING ( icons ) ------- */
- #navbar{
- margin-left:-45px;
- width:200px;
- display:inline-block;
- text-align:center;
- }
- /* -------- HEADER STYLING ------- */
- #header{
- background:url('https://i.imgur.com/uBUkSVF.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border-radius:10px;
- text-align:center;
- padding:8px;
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-weight:bold;
- color:#ffffff;
- text-shadow: 1px 1px 1px #000000;
- text-shadow: -1px -1px -1px #000000;
- }
- /* -------- POST STYLING ( article contains your individual post styling ) ------- */
- article {
- float:left;
- background:transparent;
- padding: 20px;
- width: 300px;
- text-align:justify;
- margin-bottom:80px;
- }
- #borders {
- width:300px;
- border-top:1px solid #ededed;
- margin-top:0px;
- margin-left:0px;
- margin-bottom:-9px;
- }
- /* -------- POST INFO STYLING ------- */
- .postinfo{
- background-color:transparent;
- width:280px;
- padding:5px;
- margin-top:10px;
- text-align:center;
- font-family: 'Playfair Display', serif;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-weight:bold;
- text-shadow: 1px 1px 1px #ddd;
- text-shadow: -1px -1px -1px #ddd;
- }
- .postinfo a{
- color:{color:PostInfoText};
- }
- /* -------- TAGS ------- */
- .tags {
- margin-top:5px;
- font-weight:normal;
- }
- .tags a{
- color:{color:tags};
- }
- /* -------- POST NOTES ------- */
- ol.notes {
- display:block;
- text-align:left;
- list-style-type:none;
- margin-left:-40px;
- }
- ol.notes li.note{
- margin-bottom:5px;
- }
- .pagenotes {
- text-align:left;
- margin-top:15px;
- }
- .pagenotes img{
- padding-right:5px;
- padding-top:5px;
- margin-bottom:-5px;
- }
- /* -------- CHAT POST ------- */
- ul.chat{
- list-style:none;
- margin-left:-40px;
- }
- .chat span {
- float: left;
- }
- /* -------- QUOTE POST ------- */
- .quote{
- font-family:'Playfair Display', serif;
- font-size:12px;
- line-height:150%;
- }
- .quotesource{
- text-align:right;
- margin-bottom:10px;
- }
- /* -------- ASK POST ------- */
- .question{
- margin-bottom:15px;
- padding:15px;
- border-bottom:1px solid #ededed;
- }
- .answer {
- font-size:11px;
- }
- /* -------- AUDIO POST ------- */
- .songart{
- float:left;
- margin-right:10px;
- }
- .songart img{
- width:80px;
- height:80px;
- }
- .songtitle{
- margin-bottom:10px;
- margin-left:90px;
- }
- .songauthor{
- margin-bottom:10px;
- font-size:8px;
- margin-left:90px;
- }
- .tumblr_audio_player {
- height: 50px;
- }
- /* -------- PAGINATION ------- */
- #pagination{
- position:static;
- margin-top:30px;
- text-align:center;
- }
- .pagibutton{
- font-family:'Playfair Display', serif;
- font-weight:bold;
- position:relative;
- display:inline-block;
- background:transparent;
- padding:15px;
- }
- /* -------- JUMP CODE ( coding for the click and jump feature in verses / bio ) ------- */
- .jump {
- display:inline-block;
- background-color:#b7b6b5;
- width:132px;
- text-align:center;
- padding:8px;
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color:#ffffff;
- font-weight:bold;
- text-shadow: 1px 1px 1px #000000;
- text-shadow: -1px -1px -1px #000000;
- }
- .jump2 {
- display:inline-block;
- background-color:#b7b6b5;
- width:284px;
- text-align:center;
- padding:8px;
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color:#ffffff;
- font-weight:bold;
- text-shadow: 1px 1px 1px #000000;
- text-shadow: -1px -1px -1px #000000;
- }
- /* -------- LINKS ------- */
- /* Clearfix */
- .nav-links:after {
- display:block;
- clear:both;
- content:'';
- }
- .nav-links li {
- margin-right:0px;
- display:inline-block;
- list-style:none;
- text-transform:uppercase;
- }
- .nav-links a {
- font-family:'Playfair Display';
- border:1px solid #555;
- width:50px;
- padding:6px;
- border-radius:10px;
- font-weight:bold;
- font-size:8px;
- display:inline-block;
- transition:all linear 0.15s;
- }
- /* -------- TAB LINKS HOVER STYLING ------- */
- .nav-links a:hover {
- text-decoration:none;
- }
- li.active a, li.active a:hover {
- background:{color:Active Tab};
- color:{color:Active Tab Text};
- font-family: 'Playfair Display', serif;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-weight:bold;
- text-shadow: 1px 1px 1px #000000;
- text-shadow: -1px -1px -1px #000000;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- .navigationlink {
- color:#ffffff;
- display:inline-block;
- background-color:{color:navigation link};
- width:132px;
- text-align:center;
- padding:8px;
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-weight:bold;
- text-shadow: 1px 1px 1px #000000;
- text-shadow: -1px -1px -1px #000000;
- }
- .navigationlink2 {
- display:inline-block;
- background-color:{color:navigation link};
- width:284px;
- text-align:center;
- padding:8px;
- font-family: 'Playfair Display', serif;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color:#ffffff;
- font-weight:bold;
- text-shadow: 1px 1px 1px #000000;
- text-shadow: -1px -1px -1px #000000;
- }
- .hover-animation{
- position:fixed;
- margin-left:-15px;
- margin-top:-15px;
- /* Safari 4+, Android, Chrome */
- -webkit-animation: bbounce linear 2.5s;
- -webkit-animation-iteration-count: infinite;
- -webkit-transform-origin: 50% 50%;
- /* Fx 5+ */
- -moz-animation: bbounce linear 2.5s;
- -moz-animation-iteration-count: infinite;
- -moz-transform-origin: 50% 50%;
- /* Opera 12+ */
- -o-animation: bbounce linear 2.5s;
- -o-animation-iteration-count: infinite;
- -o-transform-origin: 50% 50%;
- /* IE 10+, Fx 29+ */
- -ms-animation: bbounce linear 2.5s;
- -ms-animation-iteration-count: infinite;
- -ms-transform-origin: 50% 50%;}
- }
- @keyframes bbounce{
- 0% {transform:translate(0px,0px);}
- 50% {transform:translate(0px,10px);}
- 100% {transform:translate(0px, 0px);}
- }
- @-moz-keyframes bbounce{
- 0% {-moz-transform:translate(0px,0px);}
- 50% {-moz-transform:translate(0px,10px);}
- 100% {-moz-transform:translate(0px,0px);}
- }
- @-webkit-keyframes bbounce {
- 0% {-webkit-transform:translate(0px,0px);}
- 50% {-webkit-transform:translate(0px,10px);}
- 100% {-webkit-transform:translate(0px,0px);}
- }
- @-o-keyframes bbounce {
- 0% {-o-transform:translate(0px,0px);}
- 50% {-o-transform:translate(0px,10px);}
- 100% {-o-transform:translate(0px,0px);}
- }
- @-ms-keyframes bbounce {
- 0% {-ms-transform:translate(0px,0px);}
- 50% {-ms-transform:translate(0px,10px);}
- 100% {-ms-transform:translate(0px,0px);}
- }
- /* -------- CREDIT ( do NOT touch otherwise I will send fire-breathing worms after you ) ------- */
- .credit {
- font-family:'Playfair Display', serif;
- font-size:15px;
- position:fixed;
- right:15px;
- bottom:15px;
- opacity:1;
- }
- /* --------------------------- Custom CSS -------------------------- */
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="bigcon">
- <!--TOPBAR-->
- <div id="sidepic">
- <img src="{image:sidepic}" draggable="false">
- </div>
- <div class="hover-animation"><img src="https://i.imgur.com/EjnbLot.png" draggable="false"></div>
- <div id="description">
- <p><center><b>VALLEY OF KINGS</b> <br>do you walk in the <i>SHADOW OF MEN </i> who sold their lives to a dream<b> ? </b>do you ponder the manner of things in the dark <b>? </b>in the dark <b>? </b>in the <br>d a r k <b>!!</b></center>
- <blockquote>
- <p>a dependent multimuse blog for <b>OUTLAWHQS</b>, nikolas petran , madden coyle , giovanni marino , serah kraylick
- </blockquote>
- <p><i>penned by nicole</i> ( sometimes )
- </blockquote>
- <div id="navbar">
- <ul class="nav-links">
- <li class="active" >
- <a href="/" title="index">one</a></li>
- <li><a href="/ask" title="contact">two</a></li>
- <p><li><a href="/tagged/outlaw.intro" title="introductions.">three</a></li>
- <li><a href="/navigate." title="navigate.">four</a></li>
- <p> <li><a href="/tagged/outlaw.start" title="opens.">five</a></li>
- <li><a href="http://outlawhqs.tumblr.com" title="outlaws.">six</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="credit">
- <a href="http://vielenes.tumblr.com/" title="theme made by jenesis!">J</a>
- </div>
- <!-- --------------------------- TABS -------------------------- -->
- <div class="tabs">
- <!-- --------------------------- TAB 1 -------------------------- -->
- <div id="postcontainer">
- {block:Posts}
- <article>
- <!--TEXT POST-->
- {block:Text}
- {block:Title}
- <h1 class="title">
- <a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- {/block:Text}
- <!--PHOTO POST-->
- {block:Photo}
- {block:IndexPage}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {LinkCloseTag}{/block:PermalinkPage}
- <div class="text">{Caption}</div>{/block:Caption}
- {/block:Photo}
- <!--PHOTOSET POST-->
- {block:Photoset}
- {block:IndexPage}{Photoset-500}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- <div class="text">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- <!--QUOTE POST-->
- {block:Quote}
- <div class="quote">❝ {Quote} ❞</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- <!--LINK POST-->
- {block:Link}
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!--CHAT POST-->
- {block:Chat}
- <ul class="chat">
- {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
- </ul>
- {/block:Chat}
- <!--AUDIO POST-->
- {block:Audio}
- {block:AlbumArt}
- <div class="songart">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="songtitle">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- </div>
- <div class="songauthor">
- By
- {block:Artist}
- {Artist}
- {/block:Artist}
- </div>
- {AudioPlayerWhite}
- <div class="text">{Caption}</div>{/block:Caption}
- {/block:Audio}
- <!--VIDEO POST-->
- {block:Video}
- <div class="video">
- <div class="video-player">{Video-500}</div>
- <div class="text">{Caption}</div>{/block:Caption}
- {/block:Video}
- <!--ANSWER POST-->
- {block:Answer}
- <center><b>{Asker} asked:</b>
- <div class="question">{Question}</div></center>
- <br>
- <p><div class="answer">{Answer}</div>
- {/block:Answer}
- <!--POST INFORMATION-->
- <div id="borders"></div>
- <div class="postinfo">
- <!--PERMALINK-->
- <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}">
- {block:Date}
- 🕒 {ShortMonth} {DayOfMonth}
- {/block:Date}
- </a>
- <!--NOTES-->
- {block:NoteCount}
- <a href="{Permalink}" title="{NoteCount} notes">❤ {NoteCount} notes </a>
- {/block:NoteCount}
-
- <a href="{ReblogURL}"target="_blank" title="reblog">↻ reblog</a>
- </div>
- <!--TAGS-->
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag},</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- <!--POST NOTES-->
- {block:PostNotes}
- <div class="pagenotes">{PostNotes-16}</div>
- {/block:PostNotes}
- </article>
- {/block:Posts}
- <!--Close of article-->
- <!--PAGINATION-->
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div class="pagibutton" style="float:left">PREVIOUS</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">
- <div class="pagibutton" style="float:right">NEXT</div></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- </div>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement